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,19 @@
"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 _index.Body1;
},
body1ClassNames: function() {
return _index.body1ClassNames;
}
});
const _index = require("./components/presets/Body1/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Body1.ts"],"sourcesContent":["export { Body1, body1ClassNames } from './components/presets/Body1/index';\n"],"names":["Body1","body1ClassNames"],"mappings":";;;;;;;;;;;;eAASA,YAAK;;;eAAEC,sBAAe;;;uBAAQ,mCAAmC"}

View File

@@ -0,0 +1,19 @@
"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 _index.Body1Strong;
},
body1StrongClassNames: function() {
return _index.body1StrongClassNames;
}
});
const _index = require("./components/presets/Body1Strong/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Body1Strong.ts"],"sourcesContent":["export { Body1Strong, body1StrongClassNames } from './components/presets/Body1Strong/index';\n"],"names":["Body1Strong","body1StrongClassNames"],"mappings":";;;;;;;;;;;;eAASA,kBAAW;;;eAAEC,4BAAqB;;;uBAAQ,yCAAyC"}

View File

@@ -0,0 +1,19 @@
"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 _index.Body1Stronger;
},
body1StrongerClassNames: function() {
return _index.body1StrongerClassNames;
}
});
const _index = require("./components/presets/Body1Stronger/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Body1Stronger.ts"],"sourcesContent":["export { Body1Stronger, body1StrongerClassNames } from './components/presets/Body1Stronger/index';\n"],"names":["Body1Stronger","body1StrongerClassNames"],"mappings":";;;;;;;;;;;;eAASA,oBAAa;;;eAAEC,8BAAuB;;;uBAAQ,2CAA2C"}

View File

@@ -0,0 +1,19 @@
"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 _index.Body2;
},
body2ClassNames: function() {
return _index.body2ClassNames;
}
});
const _index = require("./components/presets/Body2/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Body2.ts"],"sourcesContent":["export { Body2, body2ClassNames } from './components/presets/Body2/index';\n"],"names":["Body2","body2ClassNames"],"mappings":";;;;;;;;;;;;eAASA,YAAK;;;eAAEC,sBAAe;;;uBAAQ,mCAAmC"}

View File

@@ -0,0 +1,19 @@
"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 _index.Caption1;
},
caption1ClassNames: function() {
return _index.caption1ClassNames;
}
});
const _index = require("./components/presets/Caption1/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Caption1.ts"],"sourcesContent":["export { Caption1, caption1ClassNames } from './components/presets/Caption1/index';\n"],"names":["Caption1","caption1ClassNames"],"mappings":";;;;;;;;;;;;eAASA,eAAQ;;;eAAEC,yBAAkB;;;uBAAQ,sCAAsC"}

View File

@@ -0,0 +1,19 @@
"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 _index.Caption1Strong;
},
caption1StrongClassNames: function() {
return _index.caption1StrongClassNames;
}
});
const _index = require("./components/presets/Caption1Strong/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Caption1Strong.ts"],"sourcesContent":["export { Caption1Strong, caption1StrongClassNames } from './components/presets/Caption1Strong/index';\n"],"names":["Caption1Strong","caption1StrongClassNames"],"mappings":";;;;;;;;;;;;eAASA,qBAAc;;;eAAEC,+BAAwB;;;uBAAQ,4CAA4C"}

View File

@@ -0,0 +1,19 @@
"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 _index.Caption1Stronger;
},
caption1StrongerClassNames: function() {
return _index.caption1StrongerClassNames;
}
});
const _index = require("./components/presets/Caption1Stronger/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Caption1Stronger.ts"],"sourcesContent":["export { Caption1Stronger, caption1StrongerClassNames } from './components/presets/Caption1Stronger/index';\n"],"names":["Caption1Stronger","caption1StrongerClassNames"],"mappings":";;;;;;;;;;;;eAASA,uBAAgB;;;eAAEC,iCAA0B;;;uBAAQ,8CAA8C"}

View File

@@ -0,0 +1,19 @@
"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 _index.Caption2;
},
caption2ClassNames: function() {
return _index.caption2ClassNames;
}
});
const _index = require("./components/presets/Caption2/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Caption2.ts"],"sourcesContent":["export { Caption2, caption2ClassNames } from './components/presets/Caption2/index';\n"],"names":["Caption2","caption2ClassNames"],"mappings":";;;;;;;;;;;;eAASA,eAAQ;;;eAAEC,yBAAkB;;;uBAAQ,sCAAsC"}

View File

@@ -0,0 +1,19 @@
"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 _index.Caption2Strong;
},
caption2StrongClassNames: function() {
return _index.caption2StrongClassNames;
}
});
const _index = require("./components/presets/Caption2Strong/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Caption2Strong.ts"],"sourcesContent":["export { Caption2Strong, caption2StrongClassNames } from './components/presets/Caption2Strong/index';\n"],"names":["Caption2Strong","caption2StrongClassNames"],"mappings":";;;;;;;;;;;;eAASA,qBAAc;;;eAAEC,+BAAwB;;;uBAAQ,4CAA4C"}

View File

@@ -0,0 +1,19 @@
"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 _index.Display;
},
displayClassNames: function() {
return _index.displayClassNames;
}
});
const _index = require("./components/presets/Display/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Display.ts"],"sourcesContent":["export { Display, displayClassNames } from './components/presets/Display/index';\n"],"names":["Display","displayClassNames"],"mappings":";;;;;;;;;;;;eAASA,cAAO;;;eAAEC,wBAAiB;;;uBAAQ,qCAAqC"}

View File

@@ -0,0 +1,19 @@
"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 _index.LargeTitle;
},
largeTitleClassNames: function() {
return _index.largeTitleClassNames;
}
});
const _index = require("./components/presets/LargeTitle/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/LargeTitle.ts"],"sourcesContent":["export { LargeTitle, largeTitleClassNames } from './components/presets/LargeTitle/index';\n"],"names":["LargeTitle","largeTitleClassNames"],"mappings":";;;;;;;;;;;;eAASA,iBAAU;;;eAAEC,2BAAoB;;;uBAAQ,wCAAwC"}

View File

@@ -0,0 +1,19 @@
"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 _index.Subtitle1;
},
subtitle1ClassNames: function() {
return _index.subtitle1ClassNames;
}
});
const _index = require("./components/presets/Subtitle1/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Subtitle1.ts"],"sourcesContent":["export { Subtitle1, subtitle1ClassNames } from './components/presets/Subtitle1/index';\n"],"names":["Subtitle1","subtitle1ClassNames"],"mappings":";;;;;;;;;;;;eAASA,gBAAS;;;eAAEC,0BAAmB;;;uBAAQ,uCAAuC"}

View File

@@ -0,0 +1,19 @@
"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 _index.Subtitle2;
},
subtitle2ClassNames: function() {
return _index.subtitle2ClassNames;
}
});
const _index = require("./components/presets/Subtitle2/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Subtitle2.ts"],"sourcesContent":["export { Subtitle2, subtitle2ClassNames } from './components/presets/Subtitle2/index';\n"],"names":["Subtitle2","subtitle2ClassNames"],"mappings":";;;;;;;;;;;;eAASA,gBAAS;;;eAAEC,0BAAmB;;;uBAAQ,uCAAuC"}

View File

@@ -0,0 +1,19 @@
"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, {
Subtitle2Stronger: function() {
return _index.Subtitle2Stronger;
},
subtitle2StrongerClassNames: function() {
return _index.subtitle2StrongerClassNames;
}
});
const _index = require("./components/presets/Subtitle2Stronger/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Subtitle2Stronger.ts"],"sourcesContent":["export { Subtitle2Stronger, subtitle2StrongerClassNames } from './components/presets/Subtitle2Stronger/index';\n"],"names":["Subtitle2Stronger","subtitle2StrongerClassNames"],"mappings":";;;;;;;;;;;;eAASA,wBAAiB;;;eAAEC,kCAA2B;;;uBAAQ,+CAA+C"}

28
node_modules/@fluentui/react-text/lib-commonjs/Text.js generated vendored Normal file
View File

@@ -0,0 +1,28 @@
"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, {
Text: function() {
return _index.Text;
},
renderText_unstable: function() {
return _index.renderText_unstable;
},
textClassNames: function() {
return _index.textClassNames;
},
useTextStyles_unstable: function() {
return _index.useTextStyles_unstable;
},
useText_unstable: function() {
return _index.useText_unstable;
}
});
const _index = require("./components/Text/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Text.ts"],"sourcesContent":["export type { TextPresetProps, TextProps, TextSlots, TextState } from './components/Text/index';\nexport {\n Text,\n renderText_unstable,\n textClassNames,\n useTextStyles_unstable,\n useText_unstable,\n} from './components/Text/index';\n"],"names":["Text","renderText_unstable","textClassNames","useTextStyles_unstable","useText_unstable"],"mappings":";;;;;;;;;;;;eAEEA,WAAI;;;eACJC,0BAAmB;;;eACnBC,qBAAc;;;eACdC,6BAAsB;;;eACtBC,uBAAgB;;;uBACX,0BAA0B"}

View File

@@ -0,0 +1,19 @@
"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, {
Title1: function() {
return _index.Title1;
},
title1ClassNames: function() {
return _index.title1ClassNames;
}
});
const _index = require("./components/presets/Title1/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Title1.ts"],"sourcesContent":["export { Title1, title1ClassNames } from './components/presets/Title1/index';\n"],"names":["Title1","title1ClassNames"],"mappings":";;;;;;;;;;;;eAASA,aAAM;;;eAAEC,uBAAgB;;;uBAAQ,oCAAoC"}

View File

@@ -0,0 +1,19 @@
"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, {
Title2: function() {
return _index.Title2;
},
title2ClassNames: function() {
return _index.title2ClassNames;
}
});
const _index = require("./components/presets/Title2/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Title2.ts"],"sourcesContent":["export { Title2, title2ClassNames } from './components/presets/Title2/index';\n"],"names":["Title2","title2ClassNames"],"mappings":";;;;;;;;;;;;eAASA,aAAM;;;eAAEC,uBAAgB;;;uBAAQ,oCAAoC"}

View File

@@ -0,0 +1,19 @@
"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, {
Title3: function() {
return _index.Title3;
},
title3ClassNames: function() {
return _index.title3ClassNames;
}
});
const _index = require("./components/presets/Title3/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Title3.ts"],"sourcesContent":["export { Title3, title3ClassNames } from './components/presets/Title3/index';\n"],"names":["Title3","title3ClassNames"],"mappings":";;;;;;;;;;;;eAASA,aAAM;;;eAAEC,uBAAgB;;;uBAAQ,oCAAoC"}

View File

@@ -0,0 +1,25 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "Text", {
enumerable: true,
get: function() {
return Text;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _useText = require("./useText");
const _renderText = require("./renderText");
const _useTextStylesstyles = require("./useTextStyles.styles");
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
const Text = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
const state = (0, _useText.useText_unstable)(props, ref);
(0, _useTextStylesstyles.useTextStyles_unstable)(state);
(0, _reactsharedcontexts.useCustomStyleHook_unstable)('useTextStyles_unstable')(state);
return (0, _renderText.renderText_unstable)(state);
// Work around some small mismatches in inferred types which don't matter in practice
});
Text.displayName = 'Text';

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/Text/Text.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useText_unstable } from './useText';\nimport { renderText_unstable } from './renderText';\nimport { useTextStyles_unstable } from './useTextStyles.styles';\nimport type { TextProps } from './Text.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Typography and styling abstraction component used to ensure consistency of text.\n */\nexport const Text: ForwardRefComponent<TextProps> = React.forwardRef((props, ref) => {\n const state = useText_unstable(props, ref);\n\n useTextStyles_unstable(state);\n\n useCustomStyleHook_unstable('useTextStyles_unstable')(state);\n\n return renderText_unstable(state);\n // Work around some small mismatches in inferred types which don't matter in practice\n}) as ForwardRefComponent<TextProps>;\n\nText.displayName = 'Text';\n"],"names":["React","useText_unstable","renderText_unstable","useTextStyles_unstable","useCustomStyleHook_unstable","Text","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;yBACE,YAAY;4BACT,eAAe;qCACZ,yBAAyB;qCAGpB,kCAAkC;AAKvE,MAAMK,OAAAA,WAAAA,GAAuCL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC3E,MAAMC,YAAQR,yBAAAA,EAAiBM,OAAOC;QAEtCL,2CAAAA,EAAuBM;QAEvBL,gDAAAA,EAA4B,0BAA0BK;IAEtD,WAAOP,+BAAAA,EAAoBO;AAC3B,qFAAqF;AACvF,GAAqC;AAErCJ,KAAKK,WAAW,GAAG"}

View File

@@ -0,0 +1,6 @@
/**
* State used in rendering Text
*/ "use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/Text/Text.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Text slots\n */\nexport type TextSlots = {\n root: Slot<'span', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'pre' | 'strong' | 'b' | 'em' | 'i'>;\n};\n\n/**\n * Text Props\n */\nexport type TextProps = ComponentProps<TextSlots> & {\n /**\n * Aligns text based on the parent container.\n *\n * @default start\n */\n align?: 'start' | 'center' | 'end' | 'justify';\n\n /**\n * Applies a block display for the content.\n *\n * @default false\n */\n block?: boolean;\n\n /**\n * Applies the font family to the content.\n *\n * @default base\n */\n font?: 'base' | 'monospace' | 'numeric';\n\n /**\n * Applies the italic font style to the content.\n *\n * @default false\n */\n italic?: boolean;\n\n /**\n * Applies font size and line height based on the theme typography tokens.\n *\n * @default 300\n */\n size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;\n\n /**\n * Applies the strikethrough text decoration to the content.\n *\n * @default false\n */\n strikethrough?: boolean;\n\n /**\n * Truncate overflowing text for block displays.\n *\n * @default false\n */\n\n truncate?: boolean;\n\n /**\n * Applies the underline text decoration to the content.\n *\n * @default false\n */\n underline?: boolean;\n\n /**\n * Applies font weight to the content.\n *\n * @default regular\n */\n weight?: 'regular' | 'medium' | 'semibold' | 'bold';\n\n /**\n * Wraps the text content on white spaces.\n *\n * @default true\n */\n wrap?: boolean;\n};\n\n/**\n * TextPreset Props\n */\nexport type TextPresetProps = Omit<TextProps, 'font' | 'size' | 'weight'>;\n\n/**\n * State used in rendering Text\n */\nexport type TextState = ComponentState<TextSlots> &\n Required<\n Pick<\n TextProps,\n 'align' | 'block' | 'font' | 'italic' | 'size' | 'strikethrough' | 'truncate' | 'underline' | 'weight' | 'wrap'\n >\n >;\n"],"names":[],"mappings":"AA0FA;;CAEC,GACD,WAMI"}

View File

@@ -0,0 +1,31 @@
"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, {
Text: function() {
return _Text.Text;
},
renderText_unstable: function() {
return _renderText.renderText_unstable;
},
textClassNames: function() {
return _useTextStylesstyles.textClassNames;
},
useTextStyles_unstable: function() {
return _useTextStylesstyles.useTextStyles_unstable;
},
useText_unstable: function() {
return _useText.useText_unstable;
}
});
const _Text = require("./Text");
const _renderText = require("./renderText");
const _useText = require("./useText");
const _useTextStylesstyles = require("./useTextStyles.styles");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/Text/index.ts"],"sourcesContent":["export { Text } from './Text';\nexport type { TextPresetProps, TextProps, TextSlots, TextState } from './Text.types';\nexport { renderText_unstable } from './renderText';\nexport { useText_unstable } from './useText';\nexport { textClassNames, useTextStyles_unstable } from './useTextStyles.styles';\n"],"names":["Text","renderText_unstable","useText_unstable","textClassNames","useTextStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,UAAI;;;eAEJC,+BAAmB;;;eAEnBE,mCAAc;;;eAAEC,2CAAsB;;;eADtCF,yBAAgB;;;sBAHJ,SAAS;4BAEM,eAAe;yBAClB,YAAY;qCACU,yBAAyB"}

View File

@@ -0,0 +1,16 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "renderText_unstable", {
enumerable: true,
get: function() {
return renderText_unstable;
}
});
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
const _reactutilities = require("@fluentui/react-utilities");
const renderText_unstable = (state)=>{
(0, _reactutilities.assertSlots)(state);
return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/Text/renderText.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { TextSlots, TextState } from './Text.types';\n\n/**\n * Render the final JSX of Text\n */\nexport const renderText_unstable = (state: TextState): JSXElement => {\n assertSlots<TextSlots>(state);\n\n return <state.root />;\n};\n"],"names":["assertSlots","renderText_unstable","state","root"],"mappings":";;;;;;;;;;4BACA,gDAAiD;gCAErB,4BAA4B;AAOjD,MAAMC,sBAAsB,CAACC;QAClCF,2BAAAA,EAAuBE;IAEvB,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}

View File

@@ -0,0 +1,41 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "useText_unstable", {
enumerable: true,
get: function() {
return useText_unstable;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _reactutilities = require("@fluentui/react-utilities");
const useText_unstable = (props, ref)=>{
const { wrap, truncate, block, italic, underline, strikethrough, size, font, weight, align } = props;
const state = {
align: align !== null && align !== void 0 ? align : 'start',
block: block !== null && block !== void 0 ? block : false,
font: font !== null && font !== void 0 ? font : 'base',
italic: italic !== null && italic !== void 0 ? italic : false,
size: size !== null && size !== void 0 ? size : 300,
strikethrough: strikethrough !== null && strikethrough !== void 0 ? strikethrough : false,
truncate: truncate !== null && truncate !== void 0 ? truncate : false,
underline: underline !== null && underline !== void 0 ? underline : false,
weight: weight !== null && weight !== void 0 ? weight : 'regular',
wrap: wrap !== null && wrap !== void 0 ? wrap : true,
components: {
root: 'span'
},
root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('span', {
// FIXME:
// `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLHeadingElement & HTMLPreElement`
// but since it would be a breaking change to fix it, we are casting ref to it's proper type
ref: ref,
...props
}), {
elementType: 'span'
})
};
return state;
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/Text/useText.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { TextProps, TextState } from './Text.types';\n\n/**\n * Create the state required to render Text.\n *\n * The returned state can be modified with hooks such as useTextStyles_unstable,\n * before being passed to renderText_unstable.\n *\n * @param props - props from this instance of Text\n * @param ref - reference to root HTMLElement of Text\n */\nexport const useText_unstable = (props: TextProps, ref: React.Ref<HTMLElement>): TextState => {\n const { wrap, truncate, block, italic, underline, strikethrough, size, font, weight, align } = props;\n\n const state: TextState = {\n align: align ?? 'start',\n block: block ?? false,\n font: font ?? 'base',\n italic: italic ?? false,\n size: size ?? 300,\n strikethrough: strikethrough ?? false,\n truncate: truncate ?? false,\n underline: underline ?? false,\n weight: weight ?? 'regular',\n wrap: wrap ?? true,\n\n components: { root: 'span' },\n\n root: slot.always(\n getIntrinsicElementProps('span', {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLHeadingElement & HTMLPreElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref as React.Ref<HTMLHeadingElement & HTMLPreElement>,\n ...props,\n }),\n { elementType: 'span' },\n ),\n };\n\n return state;\n};\n"],"names":["React","getIntrinsicElementProps","slot","useText_unstable","props","ref","wrap","truncate","block","italic","underline","strikethrough","size","font","weight","align","state","components","root","always","elementType"],"mappings":";;;;+BAaaG;;;;;;;iEAbU,QAAQ;gCACgB,4BAA4B;AAYpE,yBAAyB,CAACC,OAAkBC;IACjD,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,MAAM,EAAEC,SAAS,EAAEC,aAAa,EAAEC,IAAI,EAAEC,IAAI,EAAEC,MAAM,EAAEC,KAAK,EAAE,GAAGX;IAE/F,MAAMY,QAAmB;QACvBD,OAAOA,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,QAAS;QAChBP,OAAOA,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,QAAS;QAChBK,MAAMA,SAAAA,QAAAA,SAAAA,KAAAA,IAAAA,OAAQ;QACdJ,QAAQA,WAAAA,QAAAA,WAAAA,KAAAA,IAAAA,SAAU;QAClBG,MAAMA,SAAAA,QAAAA,SAAAA,KAAAA,IAAAA,OAAQ;QACdD,eAAeA,kBAAAA,QAAAA,kBAAAA,KAAAA,IAAAA,gBAAiB;QAChCJ,UAAUA,aAAAA,QAAAA,aAAAA,KAAAA,IAAAA,WAAY;QACtBG,WAAWA,cAAAA,QAAAA,cAAAA,KAAAA,IAAAA,YAAa;QACxBI,QAAQA,WAAAA,QAAAA,WAAAA,KAAAA,IAAAA,SAAU;QAClBR,MAAMA,SAAAA,QAAAA,SAAAA,KAAAA,IAAAA,OAAQ;QAEdW,YAAY;YAAEC,MAAM;QAAO;QAE3BA,MAAMhB,oBAAAA,CAAKiB,MAAM,KACflB,wCAAAA,EAAyB,QAAQ;YAC/B,SAAS;YACT,iGAAiG;YACjG,4FAA4F;YAC5FI,KAAKA;YACL,GAAGD,KAAK;QACV,IACA;YAAEgB,aAAa;QAAO;IAE1B;IAEA,OAAOJ;AACT,EAAE"}

View File

@@ -0,0 +1,186 @@
'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, {
textClassNames: function() {
return textClassNames;
},
useTextStyles_unstable: function() {
return useTextStyles_unstable;
}
});
const _react = require("@griffel/react");
const textClassNames = {
root: 'fui-Text'
};
/**
* Styles for the root slot
*/ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
root: {
Bahqtrf: "fk6fouc",
Be2twd7: "fkhj508",
Bg96gwp: "f1i3iumi",
Bhrd7zp: "figsok6",
fsow6f: "fpgzoln",
mc9l5x: "f1w7gpdv",
Huce71: "f6juhto",
B68tc82: 0,
Bmxbyg5: 0,
Bpg54ce: "f1gl81tg",
ygn44y: "f2jf649"
},
nowrap: {
Huce71: "fz5stix",
B68tc82: 0,
Bmxbyg5: 0,
Bpg54ce: "f1a3p1vp"
},
truncate: {
ygn44y: "f1cmbuwj"
},
block: {
mc9l5x: "ftgm304"
},
italic: {
B80ckks: "f1j4dglz"
},
underline: {
w71qe1: "f13mvf36"
},
strikethrough: {
w71qe1: "fv5q2k7"
},
strikethroughUnderline: {
w71qe1: "f1drk4o6"
},
base100: {
Be2twd7: "f13mqy1h",
Bg96gwp: "fcpl73t"
},
base200: {
Be2twd7: "fy9rknc",
Bg96gwp: "fwrc4pm"
},
base400: {
Be2twd7: "fod5ikn",
Bg96gwp: "faaz57k"
},
base500: {
Be2twd7: "f1pp30po",
Bg96gwp: "f106mvju"
},
base600: {
Be2twd7: "f1x0m3f5",
Bg96gwp: "fb86gi6"
},
hero700: {
Be2twd7: "fojgt09",
Bg96gwp: "fcen8rp"
},
hero800: {
Be2twd7: "fccw675",
Bg96gwp: "f1ebx5kk"
},
hero900: {
Be2twd7: "f15afnhw",
Bg96gwp: "fr3w3wp"
},
hero1000: {
Be2twd7: "fpyltcb",
Bg96gwp: "f1ivgwrt"
},
monospace: {
Bahqtrf: "f1fedwem"
},
numeric: {
Bahqtrf: "f1uq0ln5"
},
weightMedium: {
Bhrd7zp: "fdj6btp"
},
weightSemibold: {
Bhrd7zp: "fl43uef"
},
weightBold: {
Bhrd7zp: "flh3ekv"
},
alignCenter: {
fsow6f: "f17mccla"
},
alignEnd: {
fsow6f: "f12ymhq5"
},
alignJustify: {
fsow6f: "f1j59e10"
}
}, {
d: [
".fk6fouc{font-family:var(--fontFamilyBase);}",
".fkhj508{font-size:var(--fontSizeBase300);}",
".f1i3iumi{line-height:var(--lineHeightBase300);}",
".figsok6{font-weight:var(--fontWeightRegular);}",
".fpgzoln{text-align:start;}",
".f1w7gpdv{display:inline;}",
".f6juhto{white-space:normal;}",
[
".f1gl81tg{overflow:visible;}",
{
p: -1
}
],
".f2jf649{text-overflow:clip;}",
".fz5stix{white-space:nowrap;}",
[
".f1a3p1vp{overflow:hidden;}",
{
p: -1
}
],
".f1cmbuwj{text-overflow:ellipsis;}",
".ftgm304{display:block;}",
".f1j4dglz{font-style:italic;}",
".f13mvf36{text-decoration-line:underline;}",
".fv5q2k7{text-decoration-line:line-through;}",
".f1drk4o6{text-decoration-line:line-through underline;}",
".f13mqy1h{font-size:var(--fontSizeBase100);}",
".fcpl73t{line-height:var(--lineHeightBase100);}",
".fy9rknc{font-size:var(--fontSizeBase200);}",
".fwrc4pm{line-height:var(--lineHeightBase200);}",
".fod5ikn{font-size:var(--fontSizeBase400);}",
".faaz57k{line-height:var(--lineHeightBase400);}",
".f1pp30po{font-size:var(--fontSizeBase500);}",
".f106mvju{line-height:var(--lineHeightBase500);}",
".f1x0m3f5{font-size:var(--fontSizeBase600);}",
".fb86gi6{line-height:var(--lineHeightBase600);}",
".fojgt09{font-size:var(--fontSizeHero700);}",
".fcen8rp{line-height:var(--lineHeightHero700);}",
".fccw675{font-size:var(--fontSizeHero800);}",
".f1ebx5kk{line-height:var(--lineHeightHero800);}",
".f15afnhw{font-size:var(--fontSizeHero900);}",
".fr3w3wp{line-height:var(--lineHeightHero900);}",
".fpyltcb{font-size:var(--fontSizeHero1000);}",
".f1ivgwrt{line-height:var(--lineHeightHero1000);}",
".f1fedwem{font-family:var(--fontFamilyMonospace);}",
".f1uq0ln5{font-family:var(--fontFamilyNumeric);}",
".fdj6btp{font-weight:var(--fontWeightMedium);}",
".fl43uef{font-weight:var(--fontWeightSemibold);}",
".flh3ekv{font-weight:var(--fontWeightBold);}",
".f17mccla{text-align:center;}",
".f12ymhq5{text-align:end;}",
".f1j59e10{text-align:justify;}"
]
});
const useTextStyles_unstable = (state)=>{
'use no memo';
const styles = useStyles();
state.root.className = (0, _react.mergeClasses)(textClassNames.root, styles.root, state.wrap === false && styles.nowrap, state.truncate && styles.truncate, state.block && styles.block, state.italic && styles.italic, state.underline && styles.underline, state.strikethrough && styles.strikethrough, state.underline && state.strikethrough && styles.strikethroughUnderline, state.size === 100 && styles.base100, state.size === 200 && styles.base200, state.size === 400 && styles.base400, state.size === 500 && styles.base500, state.size === 600 && styles.base600, state.size === 700 && styles.hero700, state.size === 800 && styles.hero800, state.size === 900 && styles.hero900, state.size === 1000 && styles.hero1000, state.font === 'monospace' && styles.monospace, state.font === 'numeric' && styles.numeric, state.weight === 'medium' && styles.weightMedium, state.weight === 'semibold' && styles.weightSemibold, state.weight === 'bold' && styles.weightBold, state.align === 'center' && styles.alignCenter, state.align === 'end' && styles.alignEnd, state.align === 'justify' && styles.alignJustify, state.root.className);
return state;
};

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,127 @@
'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, {
textClassNames: function() {
return textClassNames;
},
useTextStyles_unstable: function() {
return useTextStyles_unstable;
}
});
const _react = require("@griffel/react");
const _reacttheme = require("@fluentui/react-theme");
const textClassNames = {
root: 'fui-Text'
};
/**
* Styles for the root slot
*/ const useStyles = (0, _react.makeStyles)({
root: {
fontFamily: _reacttheme.tokens.fontFamilyBase,
fontSize: _reacttheme.tokens.fontSizeBase300,
lineHeight: _reacttheme.tokens.lineHeightBase300,
fontWeight: _reacttheme.tokens.fontWeightRegular,
textAlign: 'start',
display: 'inline',
whiteSpace: 'normal',
overflow: 'visible',
textOverflow: 'clip'
},
nowrap: {
whiteSpace: 'nowrap',
overflow: 'hidden'
},
truncate: {
textOverflow: 'ellipsis'
},
block: {
display: 'block'
},
italic: {
fontStyle: 'italic'
},
underline: {
textDecorationLine: 'underline'
},
strikethrough: {
textDecorationLine: 'line-through'
},
strikethroughUnderline: {
textDecorationLine: 'line-through underline'
},
base100: {
fontSize: _reacttheme.tokens.fontSizeBase100,
lineHeight: _reacttheme.tokens.lineHeightBase100
},
base200: {
fontSize: _reacttheme.tokens.fontSizeBase200,
lineHeight: _reacttheme.tokens.lineHeightBase200
},
base400: {
fontSize: _reacttheme.tokens.fontSizeBase400,
lineHeight: _reacttheme.tokens.lineHeightBase400
},
base500: {
fontSize: _reacttheme.tokens.fontSizeBase500,
lineHeight: _reacttheme.tokens.lineHeightBase500
},
base600: {
fontSize: _reacttheme.tokens.fontSizeBase600,
lineHeight: _reacttheme.tokens.lineHeightBase600
},
hero700: {
fontSize: _reacttheme.tokens.fontSizeHero700,
lineHeight: _reacttheme.tokens.lineHeightHero700
},
hero800: {
fontSize: _reacttheme.tokens.fontSizeHero800,
lineHeight: _reacttheme.tokens.lineHeightHero800
},
hero900: {
fontSize: _reacttheme.tokens.fontSizeHero900,
lineHeight: _reacttheme.tokens.lineHeightHero900
},
hero1000: {
fontSize: _reacttheme.tokens.fontSizeHero1000,
lineHeight: _reacttheme.tokens.lineHeightHero1000
},
monospace: {
fontFamily: _reacttheme.tokens.fontFamilyMonospace
},
numeric: {
fontFamily: _reacttheme.tokens.fontFamilyNumeric
},
weightMedium: {
fontWeight: _reacttheme.tokens.fontWeightMedium
},
weightSemibold: {
fontWeight: _reacttheme.tokens.fontWeightSemibold
},
weightBold: {
fontWeight: _reacttheme.tokens.fontWeightBold
},
alignCenter: {
textAlign: 'center'
},
alignEnd: {
textAlign: 'end'
},
alignJustify: {
textAlign: 'justify'
}
});
const useTextStyles_unstable = (state)=>{
'use no memo';
const styles = useStyles();
state.root.className = (0, _react.mergeClasses)(textClassNames.root, styles.root, state.wrap === false && styles.nowrap, state.truncate && styles.truncate, state.block && styles.block, state.italic && styles.italic, state.underline && styles.underline, state.strikethrough && styles.strikethrough, state.underline && state.strikethrough && styles.strikethroughUnderline, state.size === 100 && styles.base100, state.size === 200 && styles.base200, state.size === 400 && styles.base400, state.size === 500 && styles.base500, state.size === 600 && styles.base600, state.size === 700 && styles.hero700, state.size === 800 && styles.hero800, state.size === 900 && styles.hero900, state.size === 1000 && styles.hero1000, state.font === 'monospace' && styles.monospace, state.font === 'numeric' && styles.numeric, state.weight === 'medium' && styles.weightMedium, state.weight === 'semibold' && styles.weightSemibold, state.weight === 'bold' && styles.weightBold, state.align === 'center' && styles.alignCenter, state.align === 'end' && styles.alignEnd, state.align === 'justify' && styles.alignJustify, state.root.className);
return state;
};

File diff suppressed because one or more lines are too long

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

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