Private
Public Access
1
0

feat: Fluent UI Outlook Lite + connections mockup

This commit is contained in:
2026-04-14 18:52:25 +00:00
parent 1199eff6c3
commit dfa4010406
34820 changed files with 1003813 additions and 205 deletions

View File

@@ -0,0 +1,20 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "Body1", {
enumerable: true,
get: function() {
return Body1;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _createPreset = require("../createPreset");
const _useBody1Stylesstyles = require("./useBody1Styles.styles");
const Body1 = (0, _createPreset.createPreset)({
useStyles: _useBody1Stylesstyles.useBody1Styles,
className: _useBody1Stylesstyles.body1ClassNames.root,
displayName: 'Body1'
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Body1/Body1.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { body1ClassNames, useBody1Styles } from './useBody1Styles.styles';\n\n/**\n * Text preset component for the Body1 typography variant\n */\nexport const Body1: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useBody1Styles,\n className: body1ClassNames.root,\n displayName: 'Body1',\n});\n"],"names":["React","createPreset","body1ClassNames","useBody1Styles","Body1","useStyles","className","root","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BACF,kBAAkB;sCAEC,0BAA0B;AAKnE,MAAMI,YAAkDH,0BAAAA,EAAa;IAC1EI,WAAWF,oCAAAA;IACXG,WAAWJ,qCAAAA,CAAgBK,IAAI;IAC/BC,aAAa;AACf,GAAG"}

View File

@@ -0,0 +1,20 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Body1: function() {
return _Body1.Body1;
},
body1ClassNames: function() {
return _useBody1Stylesstyles.body1ClassNames;
}
});
const _Body1 = require("./Body1");
const _useBody1Stylesstyles = require("./useBody1Styles.styles");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Body1/index.ts"],"sourcesContent":["export { Body1 } from './Body1';\nexport { body1ClassNames } from './useBody1Styles.styles';\n"],"names":["Body1","body1ClassNames"],"mappings":";;;;;;;;;;;;eAASA,YAAK;;;eACLC,qCAAe;;;uBADF,UAAU;sCACA,0BAA0B"}

View File

@@ -0,0 +1,38 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
body1ClassNames: function() {
return body1ClassNames;
},
useBody1Styles: function() {
return useBody1Styles;
}
});
const _react = require("@griffel/react");
const body1ClassNames = {
root: 'fui-Body1'
};
const useBody1Styles = /*#__PURE__*/ (0, _react.__styles)({
root: {
Bahqtrf: "fk6fouc",
Be2twd7: "fkhj508",
Bhrd7zp: "figsok6",
Bg96gwp: "f1i3iumi"
}
}, {
d: [
".fk6fouc{font-family:var(--fontFamilyBase);}",
".fkhj508{font-size:var(--fontSizeBase300);}",
".figsok6{font-weight:var(--fontWeightRegular);}",
".f1i3iumi{line-height:var(--lineHeightBase300);}"
]
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["useBody1Styles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const body1ClassNames = {\n root: 'fui-Body1'\n};\n/**\n * Styles for the root slot\n */ export const useBody1Styles = makeStyles({\n root: typographyStyles.body1\n});\n"],"names":["__styles","typographyStyles","body1ClassNames","root","useBody1Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":"AAAA,YAAY;;;;;;;;;;;;mBAGgB;;;kBAKG;;;;uBAPJ,gBAAgB;AAEpC,MAAME,kBAAkB;IAC3BC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,iBAAc,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAEjC,CAAC"}

View File

@@ -0,0 +1,27 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
body1ClassNames: function() {
return body1ClassNames;
},
useBody1Styles: function() {
return useBody1Styles;
}
});
const _react = require("@griffel/react");
const _reacttheme = require("@fluentui/react-theme");
const body1ClassNames = {
root: 'fui-Body1'
};
const useBody1Styles = (0, _react.makeStyles)({
root: _reacttheme.typographyStyles.body1
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Body1/useBody1Styles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const body1ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Body1',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useBody1Styles = makeStyles({\n root: typographyStyles.body1,\n});\n"],"names":["makeStyles","typographyStyles","body1ClassNames","root","useBody1Styles","body1"],"mappings":"AAAA;;;;;;;;;;;;mBAOaE;;;kBAOAE;;;;uBAZc,iBAAiB;4BAGX,wBAAwB;AAElD,MAAMF,kBAA6C;IACxDC,MAAM;AACR,EAAE;AAKK,MAAMC,qBAAiBJ,iBAAAA,EAAW;IACvCG,MAAMF,4BAAAA,CAAiBI,KAAK;AAC9B,GAAG"}