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"}

View File

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

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Body1Strong/Body1Strong.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { body1StrongClassNames, useBody1StrongStyles } from './useBody1StrongStyles.styles';\n\n/**\n * Text preset component for the Body1Strong typography variant\n */\nexport const Body1Strong: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useBody1StrongStyles,\n className: body1StrongClassNames.root,\n displayName: 'Body1Strong',\n});\n"],"names":["React","createPreset","body1StrongClassNames","useBody1StrongStyles","Body1Strong","useStyles","className","root","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BACF,kBAAkB;4CAEa,gCAAgC;AAKrF,MAAMI,kBAAwDH,0BAAAA,EAAa;IAChFI,WAAWF,gDAAAA;IACXG,WAAWJ,iDAAAA,CAAsBK,IAAI;IACrCC,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, {
Body1Strong: function() {
return _Body1Strong.Body1Strong;
},
body1StrongClassNames: function() {
return _useBody1StrongStylesstyles.body1StrongClassNames;
}
});
const _Body1Strong = require("./Body1Strong");
const _useBody1StrongStylesstyles = require("./useBody1StrongStyles.styles");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Body1Strong/index.ts"],"sourcesContent":["export { Body1Strong } from './Body1Strong';\nexport { body1StrongClassNames } from './useBody1StrongStyles.styles';\n"],"names":["Body1Strong","body1StrongClassNames"],"mappings":";;;;;;;;;;;;eAASA,wBAAW;;;eACXC,iDAAqB;;;6BADF,gBAAgB;4CACN,gCAAgC"}

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, {
body1StrongClassNames: function() {
return body1StrongClassNames;
},
useBody1StrongStyles: function() {
return useBody1StrongStyles;
}
});
const _react = require("@griffel/react");
const body1StrongClassNames = {
root: 'fui-Body1Strong'
};
const useBody1StrongStyles = /*#__PURE__*/ (0, _react.__styles)({
root: {
Bahqtrf: "fk6fouc",
Be2twd7: "fkhj508",
Bhrd7zp: "fl43uef",
Bg96gwp: "f1i3iumi"
}
}, {
d: [
".fk6fouc{font-family:var(--fontFamilyBase);}",
".fkhj508{font-size:var(--fontSizeBase300);}",
".fl43uef{font-weight:var(--fontWeightSemibold);}",
".f1i3iumi{line-height:var(--lineHeightBase300);}"
]
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["useBody1StrongStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const body1StrongClassNames = {\n root: 'fui-Body1Strong'\n};\n/**\n * Styles for the root slot\n */ export const useBody1StrongStyles = makeStyles({\n root: typographyStyles.body1Strong\n});\n"],"names":["__styles","typographyStyles","body1StrongClassNames","root","useBody1StrongStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":"AAAA,YAAY;;;;;;;;;;;;yBAGsB;;;wBAKG;;;;uBAPV,gBAAgB;AAEpC,MAAME,wBAAwB;IACjCC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,uBAAoB,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,CAEvC,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, {
body1StrongClassNames: function() {
return body1StrongClassNames;
},
useBody1StrongStyles: function() {
return useBody1StrongStyles;
}
});
const _react = require("@griffel/react");
const _reacttheme = require("@fluentui/react-theme");
const body1StrongClassNames = {
root: 'fui-Body1Strong'
};
const useBody1StrongStyles = (0, _react.makeStyles)({
root: _reacttheme.typographyStyles.body1Strong
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Body1Strong/useBody1StrongStyles.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 body1StrongClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Body1Strong',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useBody1StrongStyles = makeStyles({\n root: typographyStyles.body1Strong,\n});\n"],"names":["makeStyles","typographyStyles","body1StrongClassNames","root","useBody1StrongStyles","body1Strong"],"mappings":"AAAA;;;;;;;;;;;;yBAOaE;;;wBAOAE;;;;uBAZc,iBAAiB;4BAGX,wBAAwB;AAElD,MAAMF,wBAAmD;IAC9DC,MAAM;AACR,EAAE;AAKK,MAAMC,2BAAuBJ,iBAAAA,EAAW;IAC7CG,MAAMF,4BAAAA,CAAiBI,WAAW;AACpC,GAAG"}

View File

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

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Body1Stronger/Body1Stronger.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { body1StrongerClassNames, useBody1StrongerStyles } from './useBody1StrongerStyles.styles';\n\n/**\n * Text preset component for the Body1Stronger typography variant\n */\nexport const Body1Stronger: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useBody1StrongerStyles,\n className: body1StrongerClassNames.root,\n displayName: 'Body1Stronger',\n});\n"],"names":["React","createPreset","body1StrongerClassNames","useBody1StrongerStyles","Body1Stronger","useStyles","className","root","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BACF,kBAAkB;8CAEiB,kCAAkC;AAK3F,MAAMI,oBAA0DH,0BAAAA,EAAa;IAClFI,WAAWF,oDAAAA;IACXG,WAAWJ,qDAAAA,CAAwBK,IAAI;IACvCC,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, {
Body1Stronger: function() {
return _Body1Stronger.Body1Stronger;
},
body1StrongerClassNames: function() {
return _useBody1StrongerStylesstyles.body1StrongerClassNames;
}
});
const _Body1Stronger = require("./Body1Stronger");
const _useBody1StrongerStylesstyles = require("./useBody1StrongerStyles.styles");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Body1Stronger/index.ts"],"sourcesContent":["export { Body1Stronger } from './Body1Stronger';\nexport { body1StrongerClassNames } from './useBody1StrongerStyles.styles';\n"],"names":["Body1Stronger","body1StrongerClassNames"],"mappings":";;;;;;;;;;;;eAASA,4BAAa;;;eACbC,qDAAuB;;;+BADF,kBAAkB;8CACR,kCAAkC"}

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, {
body1StrongerClassNames: function() {
return body1StrongerClassNames;
},
useBody1StrongerStyles: function() {
return useBody1StrongerStyles;
}
});
const _react = require("@griffel/react");
const body1StrongerClassNames = {
root: 'fui-Body1Stronger'
};
const useBody1StrongerStyles = /*#__PURE__*/ (0, _react.__styles)({
root: {
Bahqtrf: "fk6fouc",
Be2twd7: "fkhj508",
Bhrd7zp: "flh3ekv",
Bg96gwp: "f1i3iumi"
}
}, {
d: [
".fk6fouc{font-family:var(--fontFamilyBase);}",
".fkhj508{font-size:var(--fontSizeBase300);}",
".flh3ekv{font-weight:var(--fontWeightBold);}",
".f1i3iumi{line-height:var(--lineHeightBase300);}"
]
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["useBody1StrongerStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const body1StrongerClassNames = {\n root: 'fui-Body1Stronger'\n};\n/**\n * Styles for the root slot\n */ export const useBody1StrongerStyles = makeStyles({\n root: typographyStyles.body1Stronger\n});\n"],"names":["__styles","typographyStyles","body1StrongerClassNames","root","useBody1StrongerStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":"AAAA,YAAY;;;;;;;;;;;;2BAGwB;;;0BAKG;;;;uBAPZ,gBAAgB;AAEpC,MAAME,0BAA0B;IACnCC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,yBAAsB,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,CAEzC,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, {
body1StrongerClassNames: function() {
return body1StrongerClassNames;
},
useBody1StrongerStyles: function() {
return useBody1StrongerStyles;
}
});
const _react = require("@griffel/react");
const _reacttheme = require("@fluentui/react-theme");
const body1StrongerClassNames = {
root: 'fui-Body1Stronger'
};
const useBody1StrongerStyles = (0, _react.makeStyles)({
root: _reacttheme.typographyStyles.body1Stronger
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Body1Stronger/useBody1StrongerStyles.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 body1StrongerClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Body1Stronger',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useBody1StrongerStyles = makeStyles({\n root: typographyStyles.body1Stronger,\n});\n"],"names":["makeStyles","typographyStyles","body1StrongerClassNames","root","useBody1StrongerStyles","body1Stronger"],"mappings":"AAAA;;;;;;;;;;;;2BAOaE;;;0BAOAE;;;;uBAZc,iBAAiB;4BAGX,wBAAwB;AAElD,MAAMF,0BAAqD;IAChEC,MAAM;AACR,EAAE;AAKK,MAAMC,6BAAyBJ,iBAAAA,EAAW;IAC/CG,MAAMF,4BAAAA,CAAiBI,aAAa;AACtC,GAAG"}

View File

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

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Body2/Body2.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { body2ClassNames, useBody2Styles } from './useBody2Styles.styles';\n\n/**\n * Text preset component for the Body2 typography variant\n */\nexport const Body2: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useBody2Styles,\n className: body2ClassNames.root,\n displayName: 'Body2',\n});\n"],"names":["React","createPreset","body2ClassNames","useBody2Styles","Body2","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, {
Body2: function() {
return _Body2.Body2;
},
body2ClassNames: function() {
return _useBody2Stylesstyles.body2ClassNames;
}
});
const _Body2 = require("./Body2");
const _useBody2Stylesstyles = require("./useBody2Styles.styles");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Body2/index.ts"],"sourcesContent":["export { Body2 } from './Body2';\nexport { body2ClassNames } from './useBody2Styles.styles';\n"],"names":["Body2","body2ClassNames"],"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, {
body2ClassNames: function() {
return body2ClassNames;
},
useBody2Styles: function() {
return useBody2Styles;
}
});
const _react = require("@griffel/react");
const body2ClassNames = {
root: 'fui-Body2'
};
const useBody2Styles = /*#__PURE__*/ (0, _react.__styles)({
root: {
Bahqtrf: "fk6fouc",
Be2twd7: "fod5ikn",
Bhrd7zp: "figsok6",
Bg96gwp: "faaz57k"
}
}, {
d: [
".fk6fouc{font-family:var(--fontFamilyBase);}",
".fod5ikn{font-size:var(--fontSizeBase400);}",
".figsok6{font-weight:var(--fontWeightRegular);}",
".faaz57k{line-height:var(--lineHeightBase400);}"
]
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["useBody2Styles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const body2ClassNames = {\n root: 'fui-Body2'\n};\n/**\n * Styles for the root slot\n */ export const useBody2Styles = makeStyles({\n root: typographyStyles.body2\n});\n"],"names":["__styles","typographyStyles","body2ClassNames","root","useBody2Styles","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, {
body2ClassNames: function() {
return body2ClassNames;
},
useBody2Styles: function() {
return useBody2Styles;
}
});
const _react = require("@griffel/react");
const _reacttheme = require("@fluentui/react-theme");
const body2ClassNames = {
root: 'fui-Body2'
};
const useBody2Styles = (0, _react.makeStyles)({
root: _reacttheme.typographyStyles.body2
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Body2/useBody2Styles.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 body2ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Body2',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useBody2Styles = makeStyles({\n root: typographyStyles.body2,\n});\n"],"names":["makeStyles","typographyStyles","body2ClassNames","root","useBody2Styles","body2"],"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"}

View File

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

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Caption1/Caption1.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption1ClassNames, useCaption1Styles } from './useCaption1Styles.styles';\n\n/**\n * Text preset component for the Caption1 typography variant\n */\nexport const Caption1: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useCaption1Styles,\n className: caption1ClassNames.root,\n displayName: 'Caption1',\n});\n"],"names":["React","createPreset","caption1ClassNames","useCaption1Styles","Caption1","useStyles","className","root","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BACF,kBAAkB;yCAEO,6BAA6B;AAK5E,MAAMI,eAAqDH,0BAAAA,EAAa;IAC7EI,WAAWF,0CAAAA;IACXG,WAAWJ,2CAAAA,CAAmBK,IAAI;IAClCC,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, {
Caption1: function() {
return _Caption1.Caption1;
},
caption1ClassNames: function() {
return _useCaption1Stylesstyles.caption1ClassNames;
}
});
const _Caption1 = require("./Caption1");
const _useCaption1Stylesstyles = require("./useCaption1Styles.styles");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Caption1/index.ts"],"sourcesContent":["export { Caption1 } from './Caption1';\nexport { caption1ClassNames } from './useCaption1Styles.styles';\n"],"names":["Caption1","caption1ClassNames"],"mappings":";;;;;;;;;;;;eAASA,kBAAQ;;;eACRC,2CAAkB;;;0BADF,aAAa;yCACH,6BAA6B"}

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, {
caption1ClassNames: function() {
return caption1ClassNames;
},
useCaption1Styles: function() {
return useCaption1Styles;
}
});
const _react = require("@griffel/react");
const caption1ClassNames = {
root: 'fui-Caption1'
};
const useCaption1Styles = /*#__PURE__*/ (0, _react.__styles)({
root: {
Bahqtrf: "fk6fouc",
Be2twd7: "fy9rknc",
Bhrd7zp: "figsok6",
Bg96gwp: "fwrc4pm"
}
}, {
d: [
".fk6fouc{font-family:var(--fontFamilyBase);}",
".fy9rknc{font-size:var(--fontSizeBase200);}",
".figsok6{font-weight:var(--fontWeightRegular);}",
".fwrc4pm{line-height:var(--lineHeightBase200);}"
]
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["useCaption1Styles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const caption1ClassNames = {\n root: 'fui-Caption1'\n};\n/**\n * Styles for the root slot\n */ export const useCaption1Styles = makeStyles({\n root: typographyStyles.caption1\n});\n"],"names":["__styles","typographyStyles","caption1ClassNames","root","useCaption1Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":"AAAA,YAAY;;;;;;;;;;;;sBAGmB;;;qBAKG;;;;uBAPP,gBAAgB;AAEpC,MAAME,qBAAqB;IAC9BC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,oBAAiB,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,CAEpC,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, {
caption1ClassNames: function() {
return caption1ClassNames;
},
useCaption1Styles: function() {
return useCaption1Styles;
}
});
const _react = require("@griffel/react");
const _reacttheme = require("@fluentui/react-theme");
const caption1ClassNames = {
root: 'fui-Caption1'
};
const useCaption1Styles = (0, _react.makeStyles)({
root: _reacttheme.typographyStyles.caption1
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Caption1/useCaption1Styles.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 caption1ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Caption1',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useCaption1Styles = makeStyles({\n root: typographyStyles.caption1,\n});\n"],"names":["makeStyles","typographyStyles","caption1ClassNames","root","useCaption1Styles","caption1"],"mappings":"AAAA;;;;;;;;;;;;sBAOaE;;;qBAOAE;;;;uBAZc,iBAAiB;4BAGX,wBAAwB;AAElD,MAAMF,qBAAgD;IAC3DC,MAAM;AACR,EAAE;AAKK,MAAMC,wBAAoBJ,iBAAAA,EAAW;IAC1CG,MAAMF,4BAAAA,CAAiBI,QAAQ;AACjC,GAAG"}

View File

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

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Caption1Strong/Caption1Strong.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption1StrongClassNames, useCaption1StrongStyles } from './useCaption1StrongStyles.styles';\n\n/**\n * Text preset component for the Caption1Strong typography variant\n */\nexport const Caption1Strong: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useCaption1StrongStyles,\n className: caption1StrongClassNames.root,\n displayName: 'Caption1Strong',\n});\n"],"names":["React","createPreset","caption1StrongClassNames","useCaption1StrongStyles","Caption1Strong","useStyles","className","root","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BACF,kBAAkB;+CAEmB,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, {
Caption1Strong: function() {
return _Caption1Strong.Caption1Strong;
},
caption1StrongClassNames: function() {
return _useCaption1StrongStylesstyles.caption1StrongClassNames;
}
});
const _Caption1Strong = require("./Caption1Strong");
const _useCaption1StrongStylesstyles = require("./useCaption1StrongStyles.styles");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Caption1Strong/index.ts"],"sourcesContent":["export { Caption1Strong } from './Caption1Strong';\nexport { caption1StrongClassNames } from './useCaption1StrongStyles.styles';\n"],"names":["Caption1Strong","caption1StrongClassNames"],"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, {
caption1StrongClassNames: function() {
return caption1StrongClassNames;
},
useCaption1StrongStyles: function() {
return useCaption1StrongStyles;
}
});
const _react = require("@griffel/react");
const caption1StrongClassNames = {
root: 'fui-Caption1Strong'
};
const useCaption1StrongStyles = /*#__PURE__*/ (0, _react.__styles)({
root: {
Bahqtrf: "fk6fouc",
Be2twd7: "fy9rknc",
Bhrd7zp: "fl43uef",
Bg96gwp: "fwrc4pm"
}
}, {
d: [
".fk6fouc{font-family:var(--fontFamilyBase);}",
".fy9rknc{font-size:var(--fontSizeBase200);}",
".fl43uef{font-weight:var(--fontWeightSemibold);}",
".fwrc4pm{line-height:var(--lineHeightBase200);}"
]
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["useCaption1StrongStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const caption1StrongClassNames = {\n root: 'fui-Caption1Strong'\n};\n/**\n * Styles for the root slot\n */ export const useCaption1StrongStyles = makeStyles({\n root: typographyStyles.caption1Strong\n});\n"],"names":["__styles","typographyStyles","caption1StrongClassNames","root","useCaption1StrongStyles","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, {
caption1StrongClassNames: function() {
return caption1StrongClassNames;
},
useCaption1StrongStyles: function() {
return useCaption1StrongStyles;
}
});
const _react = require("@griffel/react");
const _reacttheme = require("@fluentui/react-theme");
const caption1StrongClassNames = {
root: 'fui-Caption1Strong'
};
const useCaption1StrongStyles = (0, _react.makeStyles)({
root: _reacttheme.typographyStyles.caption1Strong
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Caption1Strong/useCaption1StrongStyles.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 caption1StrongClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Caption1Strong',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useCaption1StrongStyles = makeStyles({\n root: typographyStyles.caption1Strong,\n});\n"],"names":["makeStyles","typographyStyles","caption1StrongClassNames","root","useCaption1StrongStyles","caption1Strong"],"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"}

View File

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

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Caption1Stronger/Caption1Stronger.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption1StrongerClassNames, useCaption1StrongerStyles } from './useCaption1Stronger.styles';\n\n/**\n * Text preset component for the Caption1Stronger typography variant\n */\nexport const Caption1Stronger: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useCaption1StrongerStyles,\n className: caption1StrongerClassNames.root,\n displayName: 'Caption1Stronger',\n});\n"],"names":["React","createPreset","caption1StrongerClassNames","useCaption1StrongerStyles","Caption1Stronger","useStyles","className","root","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BACF,kBAAkB;2CAEuB,+BAA+B;AAK9F,MAAMI,uBAA6DH,0BAAAA,EAAa;IACrFI,WAAWF,oDAAAA;IACXG,WAAWJ,qDAAAA,CAA2BK,IAAI;IAC1CC,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, {
Caption1Stronger: function() {
return _Caption1Stronger.Caption1Stronger;
},
caption1StrongerClassNames: function() {
return _useCaption1Strongerstyles.caption1StrongerClassNames;
}
});
const _Caption1Stronger = require("./Caption1Stronger");
const _useCaption1Strongerstyles = require("./useCaption1Stronger.styles");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Caption1Stronger/index.ts"],"sourcesContent":["export { Caption1Stronger } from './Caption1Stronger';\nexport { caption1StrongerClassNames } from './useCaption1Stronger.styles';\n"],"names":["Caption1Stronger","caption1StrongerClassNames"],"mappings":";;;;;;;;;;;;eAASA,kCAAgB;;;eAChBC,qDAA0B;;;kCADF,qBAAqB;2CACX,+BAA+B"}

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, {
caption1StrongerClassNames: function() {
return caption1StrongerClassNames;
},
useCaption1StrongerStyles: function() {
return useCaption1StrongerStyles;
}
});
const _react = require("@griffel/react");
const caption1StrongerClassNames = {
root: 'fui-Caption1Stronger'
};
const useCaption1StrongerStyles = /*#__PURE__*/ (0, _react.__styles)({
root: {
Bahqtrf: "fk6fouc",
Be2twd7: "fy9rknc",
Bhrd7zp: "flh3ekv",
Bg96gwp: "fwrc4pm"
}
}, {
d: [
".fk6fouc{font-family:var(--fontFamilyBase);}",
".fy9rknc{font-size:var(--fontSizeBase200);}",
".flh3ekv{font-weight:var(--fontWeightBold);}",
".fwrc4pm{line-height:var(--lineHeightBase200);}"
]
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["useCaption1Stronger.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const caption1StrongerClassNames = {\n root: 'fui-Caption1Stronger'\n};\n/**\n * Styles for the root slot\n */ export const useCaption1StrongerStyles = makeStyles({\n root: typographyStyles.caption1Stronger\n});\n"],"names":["__styles","typographyStyles","caption1StrongerClassNames","root","useCaption1StrongerStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":"AAAA,YAAY;;;;;;;;;;;;8BAG2B;;;6BAKG;;;;uBAPf,gBAAgB;AAEpC,MAAME,6BAA6B;IACtCC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,4BAAyB,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,CAE5C,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, {
caption1StrongerClassNames: function() {
return caption1StrongerClassNames;
},
useCaption1StrongerStyles: function() {
return useCaption1StrongerStyles;
}
});
const _react = require("@griffel/react");
const _reacttheme = require("@fluentui/react-theme");
const caption1StrongerClassNames = {
root: 'fui-Caption1Stronger'
};
const useCaption1StrongerStyles = (0, _react.makeStyles)({
root: _reacttheme.typographyStyles.caption1Stronger
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Caption1Stronger/useCaption1Stronger.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 caption1StrongerClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Caption1Stronger',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useCaption1StrongerStyles = makeStyles({\n root: typographyStyles.caption1Stronger,\n});\n"],"names":["makeStyles","typographyStyles","caption1StrongerClassNames","root","useCaption1StrongerStyles","caption1Stronger"],"mappings":"AAAA;;;;;;;;;;;;8BAOaE;;;6BAOAE;;;;uBAZc,iBAAiB;4BAGX,wBAAwB;AAElD,MAAMF,6BAAwD;IACnEC,MAAM;AACR,EAAE;AAKK,MAAMC,gCAA4BJ,iBAAAA,EAAW;IAClDG,MAAMF,4BAAAA,CAAiBI,gBAAgB;AACzC,GAAG"}

View File

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

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Caption2/Caption2.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption2ClassNames, useCaption2Styles } from './useCaption2Styles.styles';\n\n/**\n * Text preset component for the Caption2 typography variant\n */\nexport const Caption2: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useCaption2Styles,\n className: caption2ClassNames.root,\n displayName: 'Caption2',\n});\n"],"names":["React","createPreset","caption2ClassNames","useCaption2Styles","Caption2","useStyles","className","root","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BACF,kBAAkB;yCAEO,6BAA6B;AAK5E,MAAMI,eAAqDH,0BAAAA,EAAa;IAC7EI,WAAWF,0CAAAA;IACXG,WAAWJ,2CAAAA,CAAmBK,IAAI;IAClCC,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, {
Caption2: function() {
return _Caption2.Caption2;
},
caption2ClassNames: function() {
return _useCaption2Stylesstyles.caption2ClassNames;
}
});
const _Caption2 = require("./Caption2");
const _useCaption2Stylesstyles = require("./useCaption2Styles.styles");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Caption2/index.ts"],"sourcesContent":["export { Caption2 } from './Caption2';\nexport { caption2ClassNames } from './useCaption2Styles.styles';\n"],"names":["Caption2","caption2ClassNames"],"mappings":";;;;;;;;;;;;eAASA,kBAAQ;;;eACRC,2CAAkB;;;0BADF,aAAa;yCACH,6BAA6B"}

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

View File

@@ -0,0 +1 @@
{"version":3,"sources":["useCaption2Styles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const caption2ClassNames = {\n root: 'fui-Caption2'\n};\n/**\n * Styles for the root slot\n */ export const useCaption2Styles = makeStyles({\n root: typographyStyles.caption2\n});\n"],"names":["__styles","typographyStyles","caption2ClassNames","root","useCaption2Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":"AAAA,YAAY;;;;;;;;;;;;sBAGmB;;;qBAKG;;;;uBAPP,gBAAgB;AAEpC,MAAME,qBAAqB;IAC9BC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,oBAAiB,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,CAEpC,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, {
caption2ClassNames: function() {
return caption2ClassNames;
},
useCaption2Styles: function() {
return useCaption2Styles;
}
});
const _react = require("@griffel/react");
const _reacttheme = require("@fluentui/react-theme");
const caption2ClassNames = {
root: 'fui-Caption2'
};
const useCaption2Styles = (0, _react.makeStyles)({
root: _reacttheme.typographyStyles.caption2
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Caption2/useCaption2Styles.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 caption2ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Caption2',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useCaption2Styles = makeStyles({\n root: typographyStyles.caption2,\n});\n"],"names":["makeStyles","typographyStyles","caption2ClassNames","root","useCaption2Styles","caption2"],"mappings":"AAAA;;;;;;;;;;;;sBAOaE;;;qBAOAE;;;;uBAZc,iBAAiB;4BAGX,wBAAwB;AAElD,MAAMF,qBAAgD;IAC3DC,MAAM;AACR,EAAE;AAKK,MAAMC,wBAAoBJ,iBAAAA,EAAW;IAC1CG,MAAMF,4BAAAA,CAAiBI,QAAQ;AACjC,GAAG"}

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"}

View File

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

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Display/Display.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { displayClassNames, useDisplayStyles } from './useDisplayStyles.styles';\n\n/**\n * Text preset component for the Display typography variant\n */\nexport const Display: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useDisplayStyles,\n className: displayClassNames.root,\n displayName: 'Display',\n});\n"],"names":["React","createPreset","displayClassNames","useDisplayStyles","Display","useStyles","className","root","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BACF,kBAAkB;wCAEK,4BAA4B;AAKzE,MAAMI,cAAoDH,0BAAAA,EAAa;IAC5EI,WAAWF,wCAAAA;IACXG,WAAWJ,yCAAAA,CAAkBK,IAAI;IACjCC,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, {
Display: function() {
return _Display.Display;
},
displayClassNames: function() {
return _useDisplayStylesstyles.displayClassNames;
}
});
const _Display = require("./Display");
const _useDisplayStylesstyles = require("./useDisplayStyles.styles");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Display/index.ts"],"sourcesContent":["export { Display } from './Display';\nexport { displayClassNames } from './useDisplayStyles.styles';\n"],"names":["Display","displayClassNames"],"mappings":";;;;;;;;;;;;eAASA,gBAAO;;;eACPC,yCAAiB;;;yBADF,YAAY;wCACF,4BAA4B"}

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, {
displayClassNames: function() {
return displayClassNames;
},
useDisplayStyles: function() {
return useDisplayStyles;
}
});
const _react = require("@griffel/react");
const displayClassNames = {
root: 'fui-Display'
};
const useDisplayStyles = /*#__PURE__*/ (0, _react.__styles)({
root: {
Bahqtrf: "fk6fouc",
Be2twd7: "fpyltcb",
Bhrd7zp: "fl43uef",
Bg96gwp: "f1ivgwrt"
}
}, {
d: [
".fk6fouc{font-family:var(--fontFamilyBase);}",
".fpyltcb{font-size:var(--fontSizeHero1000);}",
".fl43uef{font-weight:var(--fontWeightSemibold);}",
".f1ivgwrt{line-height:var(--lineHeightHero1000);}"
]
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["useDisplayStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const displayClassNames = {\n root: 'fui-Display'\n};\n/**\n * Styles for the root slot\n */ export const useDisplayStyles = makeStyles({\n root: typographyStyles.display\n});\n"],"names":["__styles","typographyStyles","displayClassNames","root","useDisplayStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":"AAAA,YAAY;;;;;;;;;;;;qBAGkB;;;oBAKG;;;;uBAPN,gBAAgB;AAEpC,MAAME,oBAAoB;IAC7BC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,mBAAgB,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,CAEnC,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, {
displayClassNames: function() {
return displayClassNames;
},
useDisplayStyles: function() {
return useDisplayStyles;
}
});
const _react = require("@griffel/react");
const _reacttheme = require("@fluentui/react-theme");
const displayClassNames = {
root: 'fui-Display'
};
const useDisplayStyles = (0, _react.makeStyles)({
root: _reacttheme.typographyStyles.display
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Display/useDisplayStyles.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 displayClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Display',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useDisplayStyles = makeStyles({\n root: typographyStyles.display,\n});\n"],"names":["makeStyles","typographyStyles","displayClassNames","root","useDisplayStyles","display"],"mappings":"AAAA;;;;;;;;;;;;qBAOaE;;;oBAOAE;;;;uBAZc,iBAAiB;4BAGX,wBAAwB;AAElD,MAAMF,oBAA+C;IAC1DC,MAAM;AACR,EAAE;AAKK,MAAMC,uBAAmBJ,iBAAAA,EAAW;IACzCG,MAAMF,4BAAAA,CAAiBI,OAAO;AAChC,GAAG"}

View File

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

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/LargeTitle/LargeTitle.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { largeTitleClassNames, useLargeTitleStyles } from './useLargeTitleStyles.styles';\n\n/**\n * Text preset component for the Large Title typography variant\n */\nexport const LargeTitle: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useLargeTitleStyles,\n className: largeTitleClassNames.root,\n displayName: 'LargeTitle',\n});\n"],"names":["React","createPreset","largeTitleClassNames","useLargeTitleStyles","LargeTitle","useStyles","className","root","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BACF,kBAAkB;2CAEW,+BAA+B;AAKlF,MAAMI,iBAAuDH,0BAAAA,EAAa;IAC/EI,WAAWF,8CAAAA;IACXG,WAAWJ,+CAAAA,CAAqBK,IAAI;IACpCC,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, {
LargeTitle: function() {
return _LargeTitle.LargeTitle;
},
largeTitleClassNames: function() {
return _useLargeTitleStylesstyles.largeTitleClassNames;
}
});
const _LargeTitle = require("./LargeTitle");
const _useLargeTitleStylesstyles = require("./useLargeTitleStyles.styles");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/LargeTitle/index.ts"],"sourcesContent":["export { LargeTitle } from './LargeTitle';\nexport { largeTitleClassNames } from './useLargeTitleStyles.styles';\n"],"names":["LargeTitle","largeTitleClassNames"],"mappings":";;;;;;;;;;;;eAASA,sBAAU;;;eACVC,+CAAoB;;;4BADF,eAAe;2CACL,+BAA+B"}

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, {
largeTitleClassNames: function() {
return largeTitleClassNames;
},
useLargeTitleStyles: function() {
return useLargeTitleStyles;
}
});
const _react = require("@griffel/react");
const largeTitleClassNames = {
root: 'fui-LargeTitle'
};
const useLargeTitleStyles = /*#__PURE__*/ (0, _react.__styles)({
root: {
Bahqtrf: "fk6fouc",
Be2twd7: "f15afnhw",
Bhrd7zp: "fl43uef",
Bg96gwp: "fr3w3wp"
}
}, {
d: [
".fk6fouc{font-family:var(--fontFamilyBase);}",
".f15afnhw{font-size:var(--fontSizeHero900);}",
".fl43uef{font-weight:var(--fontWeightSemibold);}",
".fr3w3wp{line-height:var(--lineHeightHero900);}"
]
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["useLargeTitleStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const largeTitleClassNames = {\n root: 'fui-LargeTitle'\n};\n/**\n * Styles for the root slot\n */ export const useLargeTitleStyles = makeStyles({\n root: typographyStyles.largeTitle\n});\n"],"names":["__styles","typographyStyles","largeTitleClassNames","root","useLargeTitleStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":"AAAA,YAAY;;;;;;;;;;;;wBAGqB;;;uBAKG;;;;uBAPT,gBAAgB;AAEpC,MAAME,uBAAuB;IAChCC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,sBAAmB,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,CAEtC,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, {
largeTitleClassNames: function() {
return largeTitleClassNames;
},
useLargeTitleStyles: function() {
return useLargeTitleStyles;
}
});
const _react = require("@griffel/react");
const _reacttheme = require("@fluentui/react-theme");
const largeTitleClassNames = {
root: 'fui-LargeTitle'
};
const useLargeTitleStyles = (0, _react.makeStyles)({
root: _reacttheme.typographyStyles.largeTitle
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/LargeTitle/useLargeTitleStyles.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 largeTitleClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-LargeTitle',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useLargeTitleStyles = makeStyles({\n root: typographyStyles.largeTitle,\n});\n"],"names":["makeStyles","typographyStyles","largeTitleClassNames","root","useLargeTitleStyles","largeTitle"],"mappings":"AAAA;;;;;;;;;;;;wBAOaE;;;uBAOAE;;;;uBAZc,iBAAiB;4BAGX,wBAAwB;AAElD,MAAMF,uBAAkD;IAC7DC,MAAM;AACR,EAAE;AAKK,MAAMC,0BAAsBJ,iBAAAA,EAAW;IAC5CG,MAAMF,4BAAAA,CAAiBI,UAAU;AACnC,GAAG"}

View File

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

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Subtitle1/Subtitle1.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { subtitle1ClassNames, useSubtitle1Styles } from './useSubtitle1Styles.styles';\n\n/**\n * Text preset component for the Subtitle1 typography variant\n */\nexport const Subtitle1: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useSubtitle1Styles,\n className: subtitle1ClassNames.root,\n displayName: 'Subtitle1',\n});\n"],"names":["React","createPreset","subtitle1ClassNames","useSubtitle1Styles","Subtitle1","useStyles","className","root","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BACF,kBAAkB;0CAES,8BAA8B;AAK/E,MAAMI,gBAAsDH,0BAAAA,EAAa;IAC9EI,WAAWF,4CAAAA;IACXG,WAAWJ,6CAAAA,CAAoBK,IAAI;IACnCC,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, {
Subtitle1: function() {
return _Subtitle1.Subtitle1;
},
subtitle1ClassNames: function() {
return _useSubtitle1Stylesstyles.subtitle1ClassNames;
}
});
const _Subtitle1 = require("./Subtitle1");
const _useSubtitle1Stylesstyles = require("./useSubtitle1Styles.styles");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Subtitle1/index.ts"],"sourcesContent":["export { Subtitle1 } from './Subtitle1';\nexport { subtitle1ClassNames } from './useSubtitle1Styles.styles';\n"],"names":["Subtitle1","subtitle1ClassNames"],"mappings":";;;;;;;;;;;;eAASA,oBAAS;;;eACTC,6CAAmB;;;2BADF,cAAc;0CACJ,8BAA8B"}

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, {
subtitle1ClassNames: function() {
return subtitle1ClassNames;
},
useSubtitle1Styles: function() {
return useSubtitle1Styles;
}
});
const _react = require("@griffel/react");
const subtitle1ClassNames = {
root: 'fui-Subtitle1'
};
const useSubtitle1Styles = /*#__PURE__*/ (0, _react.__styles)({
root: {
Bahqtrf: "fk6fouc",
Be2twd7: "f1pp30po",
Bhrd7zp: "fl43uef",
Bg96gwp: "f106mvju"
}
}, {
d: [
".fk6fouc{font-family:var(--fontFamilyBase);}",
".f1pp30po{font-size:var(--fontSizeBase500);}",
".fl43uef{font-weight:var(--fontWeightSemibold);}",
".f106mvju{line-height:var(--lineHeightBase500);}"
]
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["useSubtitle1Styles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const subtitle1ClassNames = {\n root: 'fui-Subtitle1'\n};\n/**\n * Styles for the root slot\n */ export const useSubtitle1Styles = makeStyles({\n root: typographyStyles.subtitle1\n});\n"],"names":["__styles","typographyStyles","subtitle1ClassNames","root","useSubtitle1Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":"AAAA,YAAY;;;;;;;;;;;;uBAGoB;;;sBAKG;;;;uBAPR,gBAAgB;AAEpC,MAAME,sBAAsB;IAC/BC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,qBAAkB,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,CAErC,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, {
subtitle1ClassNames: function() {
return subtitle1ClassNames;
},
useSubtitle1Styles: function() {
return useSubtitle1Styles;
}
});
const _react = require("@griffel/react");
const _reacttheme = require("@fluentui/react-theme");
const subtitle1ClassNames = {
root: 'fui-Subtitle1'
};
const useSubtitle1Styles = (0, _react.makeStyles)({
root: _reacttheme.typographyStyles.subtitle1
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Subtitle1/useSubtitle1Styles.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 subtitle1ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Subtitle1',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useSubtitle1Styles = makeStyles({\n root: typographyStyles.subtitle1,\n});\n"],"names":["makeStyles","typographyStyles","subtitle1ClassNames","root","useSubtitle1Styles","subtitle1"],"mappings":"AAAA;;;;;;;;;;;;uBAOaE;;;sBAOAE;;;;uBAZc,iBAAiB;4BAGX,wBAAwB;AAElD,MAAMF,sBAAiD;IAC5DC,MAAM;AACR,EAAE;AAKK,MAAMC,yBAAqBJ,iBAAAA,EAAW;IAC3CG,MAAMF,4BAAAA,CAAiBI,SAAS;AAClC,GAAG"}

View File

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

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Subtitle2/Subtitle2.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { subtitle2ClassNames, useSubtitle2Styles } from './useSubtitle2Styles.styles';\n\n/**\n * Text preset component for the Subtitle2 typography variant\n */\nexport const Subtitle2: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useSubtitle2Styles,\n className: subtitle2ClassNames.root,\n displayName: 'Subtitle2',\n});\n"],"names":["React","createPreset","subtitle2ClassNames","useSubtitle2Styles","Subtitle2","useStyles","className","root","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BACF,kBAAkB;0CAES,8BAA8B;AAK/E,MAAMI,gBAAsDH,0BAAAA,EAAa;IAC9EI,WAAWF,4CAAAA;IACXG,WAAWJ,6CAAAA,CAAoBK,IAAI;IACnCC,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, {
Subtitle2: function() {
return _Subtitle2.Subtitle2;
},
subtitle2ClassNames: function() {
return _useSubtitle2Stylesstyles.subtitle2ClassNames;
}
});
const _Subtitle2 = require("./Subtitle2");
const _useSubtitle2Stylesstyles = require("./useSubtitle2Styles.styles");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Subtitle2/index.ts"],"sourcesContent":["export { Subtitle2 } from './Subtitle2';\nexport { subtitle2ClassNames } from './useSubtitle2Styles.styles';\n"],"names":["Subtitle2","subtitle2ClassNames"],"mappings":";;;;;;;;;;;;eAASA,oBAAS;;;eACTC,6CAAmB;;;2BADF,cAAc;0CACJ,8BAA8B"}

Some files were not shown because too many files have changed in this diff Show More