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, "Caption2Strong", {
enumerable: true,
get: function() {
return Caption2Strong;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _createPreset = require("../createPreset");
const _useCaption2StrongStylesstyles = require("./useCaption2StrongStyles.styles");
const Caption2Strong = (0, _createPreset.createPreset)({
useStyles: _useCaption2StrongStylesstyles.useCaption2StrongStyles,
className: _useCaption2StrongStylesstyles.caption2StrongClassNames.root,
displayName: 'Caption2Strong'
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Caption2Strong/Caption2Strong.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPreset } from '../createPreset';\n\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption2StrongClassNames, useCaption2StrongStyles } from './useCaption2StrongStyles.styles';\n\n/**\n * Text preset component for the Caption2Strong typography variant\n */\nexport const Caption2Strong: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useCaption2StrongStyles,\n className: caption2StrongClassNames.root,\n displayName: 'Caption2Strong',\n});\n"],"names":["React","createPreset","caption2StrongClassNames","useCaption2StrongStyles","Caption2Strong","useStyles","className","root","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BACF,kBAAkB;+CAGmB,mCAAmC;AAK9F,MAAMI,qBAA2DH,0BAAAA,EAAa;IACnFI,WAAWF,sDAAAA;IACXG,WAAWJ,uDAAAA,CAAyBK,IAAI;IACxCC,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, {
Caption2Strong: function() {
return _Caption2Strong.Caption2Strong;
},
caption2StrongClassNames: function() {
return _useCaption2StrongStylesstyles.caption2StrongClassNames;
}
});
const _Caption2Strong = require("./Caption2Strong");
const _useCaption2StrongStylesstyles = require("./useCaption2StrongStyles.styles");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Caption2Strong/index.ts"],"sourcesContent":["export { Caption2Strong } from './Caption2Strong';\nexport { caption2StrongClassNames } from './useCaption2StrongStyles.styles';\n"],"names":["Caption2Strong","caption2StrongClassNames"],"mappings":";;;;;;;;;;;;eAASA,8BAAc;;;eACdC,uDAAwB;;;gCADF,mBAAmB;+CACT,mCAAmC"}

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, {
caption2StrongClassNames: function() {
return caption2StrongClassNames;
},
useCaption2StrongStyles: function() {
return useCaption2StrongStyles;
}
});
const _react = require("@griffel/react");
const caption2StrongClassNames = {
root: 'fui-Caption2Strong'
};
const useCaption2StrongStyles = /*#__PURE__*/ (0, _react.__styles)({
root: {
Bahqtrf: "fk6fouc",
Be2twd7: "f13mqy1h",
Bhrd7zp: "fl43uef",
Bg96gwp: "fcpl73t"
}
}, {
d: [
".fk6fouc{font-family:var(--fontFamilyBase);}",
".f13mqy1h{font-size:var(--fontSizeBase100);}",
".fl43uef{font-weight:var(--fontWeightSemibold);}",
".fcpl73t{line-height:var(--lineHeightBase100);}"
]
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["useCaption2StrongStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const caption2StrongClassNames = {\n root: 'fui-Caption2Strong'\n};\n/**\n * Styles for the root slot\n */ export const useCaption2StrongStyles = makeStyles({\n root: typographyStyles.caption2Strong\n});\n"],"names":["__styles","typographyStyles","caption2StrongClassNames","root","useCaption2StrongStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":"AAAA,YAAY;;;;;;;;;;;;4BAGyB;;;2BAKG;;;;uBAPb,gBAAgB;AAEpC,MAAME,2BAA2B;IACpCC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,0BAAuB,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,CAE1C,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, {
caption2StrongClassNames: function() {
return caption2StrongClassNames;
},
useCaption2StrongStyles: function() {
return useCaption2StrongStyles;
}
});
const _react = require("@griffel/react");
const _reacttheme = require("@fluentui/react-theme");
const caption2StrongClassNames = {
root: 'fui-Caption2Strong'
};
const useCaption2StrongStyles = (0, _react.makeStyles)({
root: _reacttheme.typographyStyles.caption2Strong
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Caption2Strong/useCaption2StrongStyles.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 caption2StrongClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Caption2Strong',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useCaption2StrongStyles = makeStyles({\n root: typographyStyles.caption2Strong,\n});\n"],"names":["makeStyles","typographyStyles","caption2StrongClassNames","root","useCaption2StrongStyles","caption2Strong"],"mappings":"AAAA;;;;;;;;;;;;4BAOaE;;;2BAOAE;;;;uBAZc,iBAAiB;4BAGX,wBAAwB;AAElD,MAAMF,2BAAsD;IACjEC,MAAM;AACR,EAAE;AAKK,MAAMC,8BAA0BJ,iBAAAA,EAAW;IAChDG,MAAMF,4BAAAA,CAAiBI,cAAc;AACvC,GAAG"}