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,16 @@
'use client';
import * as React from 'react';
import { useText_unstable } from './useText';
import { renderText_unstable } from './renderText';
import { useTextStyles_unstable } from './useTextStyles.styles';
import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
/**
* Typography and styling abstraction component used to ensure consistency of text.
*/ export const Text = /*#__PURE__*/ React.forwardRef((props, ref)=>{
const state = useText_unstable(props, ref);
useTextStyles_unstable(state);
useCustomStyleHook_unstable('useTextStyles_unstable')(state);
return 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;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,sBAAsB,QAAQ,yBAAyB;AAGhE,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,qBAAuCL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC3E,MAAMC,QAAQR,iBAAiBM,OAAOC;IAEtCL,uBAAuBM;IAEvBL,4BAA4B,0BAA0BK;IAEtD,OAAOP,oBAAoBO;AAC3B,qFAAqF;AACvF,GAAqC;AAErCJ,KAAKK,WAAW,GAAG"}

View File

@@ -0,0 +1,3 @@
/**
* State used in rendering Text
*/ export { };

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,4 @@
export { Text } from './Text';
export { renderText_unstable } from './renderText';
export { useText_unstable } from './useText';
export { textClassNames, useTextStyles_unstable } from './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":"AAAA,SAASA,IAAI,QAAQ,SAAS;AAE9B,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,SAASC,cAAc,EAAEC,sBAAsB,QAAQ,yBAAyB"}

View File

@@ -0,0 +1,8 @@
import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
import { assertSlots } from '@fluentui/react-utilities';
/**
* Render the final JSX of Text
*/ export const renderText_unstable = (state)=>{
assertSlots(state);
return /*#__PURE__*/ _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":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAIxD;;CAEC,GACD,OAAO,MAAMC,sBAAsB,CAACC;IAClCF,YAAuBE;IAEvB,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}

View File

@@ -0,0 +1,38 @@
import * as React from 'react';
import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
/**
* Create the state required to render Text.
*
* The returned state can be modified with hooks such as useTextStyles_unstable,
* before being passed to renderText_unstable.
*
* @param props - props from this instance of Text
* @param ref - reference to root HTMLElement of Text
*/ export 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: slot.always(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":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAG3E;;;;;;;;CAQC,GACD,OAAO,MAAMC,mBAAmB,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,kBAAAA,mBAAAA,QAAS;QAChBP,OAAOA,kBAAAA,mBAAAA,QAAS;QAChBK,MAAMA,iBAAAA,kBAAAA,OAAQ;QACdJ,QAAQA,mBAAAA,oBAAAA,SAAU;QAClBG,MAAMA,iBAAAA,kBAAAA,OAAQ;QACdD,eAAeA,0BAAAA,2BAAAA,gBAAiB;QAChCJ,UAAUA,qBAAAA,sBAAAA,WAAY;QACtBG,WAAWA,sBAAAA,uBAAAA,YAAa;QACxBI,QAAQA,mBAAAA,oBAAAA,SAAU;QAClBR,MAAMA,iBAAAA,kBAAAA,OAAQ;QAEdW,YAAY;YAAEC,MAAM;QAAO;QAE3BA,MAAMhB,KAAKiB,MAAM,CACflB,yBAAyB,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,125 @@
'use client';
import { __styles, mergeClasses } from '@griffel/react';
import { tokens } from '@fluentui/react-theme';
export const textClassNames = {
root: 'fui-Text'
};
/**
* Styles for the root slot
*/
const useStyles = /*#__PURE__*/__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;}"]
});
/**
* Apply styling to the Text slots based on the state
*/
export const useTextStyles_unstable = state => {
'use no memo';
const styles = useStyles();
state.root.className = 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,111 @@
'use client';
import { makeStyles, mergeClasses } from '@griffel/react';
import { tokens } from '@fluentui/react-theme';
export const textClassNames = {
root: 'fui-Text'
};
/**
* Styles for the root slot
*/ const useStyles = makeStyles({
root: {
fontFamily: tokens.fontFamilyBase,
fontSize: tokens.fontSizeBase300,
lineHeight: tokens.lineHeightBase300,
fontWeight: 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: tokens.fontSizeBase100,
lineHeight: tokens.lineHeightBase100
},
base200: {
fontSize: tokens.fontSizeBase200,
lineHeight: tokens.lineHeightBase200
},
base400: {
fontSize: tokens.fontSizeBase400,
lineHeight: tokens.lineHeightBase400
},
base500: {
fontSize: tokens.fontSizeBase500,
lineHeight: tokens.lineHeightBase500
},
base600: {
fontSize: tokens.fontSizeBase600,
lineHeight: tokens.lineHeightBase600
},
hero700: {
fontSize: tokens.fontSizeHero700,
lineHeight: tokens.lineHeightHero700
},
hero800: {
fontSize: tokens.fontSizeHero800,
lineHeight: tokens.lineHeightHero800
},
hero900: {
fontSize: tokens.fontSizeHero900,
lineHeight: tokens.lineHeightHero900
},
hero1000: {
fontSize: tokens.fontSizeHero1000,
lineHeight: tokens.lineHeightHero1000
},
monospace: {
fontFamily: tokens.fontFamilyMonospace
},
numeric: {
fontFamily: tokens.fontFamilyNumeric
},
weightMedium: {
fontWeight: tokens.fontWeightMedium
},
weightSemibold: {
fontWeight: tokens.fontWeightSemibold
},
weightBold: {
fontWeight: tokens.fontWeightBold
},
alignCenter: {
textAlign: 'center'
},
alignEnd: {
textAlign: 'end'
},
alignJustify: {
textAlign: 'justify'
}
});
/**
* Apply styling to the Text slots based on the state
*/ export const useTextStyles_unstable = (state)=>{
'use no memo';
const styles = useStyles();
state.root.className = 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,11 @@
'use client';
import * as React from 'react';
import { createPreset } from '../createPreset';
import { body1ClassNames, useBody1Styles } from './useBody1Styles.styles';
/**
* Text preset component for the Body1 typography variant
*/ export const Body1 = createPreset({
useStyles: useBody1Styles,
className: 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;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,eAAe,EAAEC,cAAc,QAAQ,0BAA0B;AAE1E;;CAEC,GACD,OAAO,MAAMC,QAAkDH,aAAa;IAC1EI,WAAWF;IACXG,WAAWJ,gBAAgBK,IAAI;IAC/BC,aAAa;AACf,GAAG"}

View File

@@ -0,0 +1,2 @@
export { Body1 } from './Body1';
export { body1ClassNames } from './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":"AAAA,SAASA,KAAK,QAAQ,UAAU;AAChC,SAASC,eAAe,QAAQ,0BAA0B"}

View File

@@ -0,0 +1,20 @@
'use client';
import { __styles } from '@griffel/react';
import { typographyStyles } from '@fluentui/react-theme';
export const body1ClassNames = {
root: 'fui-Body1'
};
/**
* Styles for the root slot
*/
export const useBody1Styles = /*#__PURE__*/__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,"names":["__styles","typographyStyles","body1ClassNames","root","useBody1Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"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"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,eAAe,GAAG;EAC3BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,cAAc,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAEjC,CAAC","ignoreList":[]}

View File

@@ -0,0 +1,11 @@
'use client';
import { makeStyles } from '@griffel/react';
import { typographyStyles } from '@fluentui/react-theme';
export const body1ClassNames = {
root: 'fui-Body1'
};
/**
* Styles for the root slot
*/ export const useBody1Styles = makeStyles({
root: 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;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,kBAA6C;IACxDC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,iBAAiBJ,WAAW;IACvCG,MAAMF,iBAAiBI,KAAK;AAC9B,GAAG"}

View File

@@ -0,0 +1,11 @@
'use client';
import * as React from 'react';
import { createPreset } from '../createPreset';
import { body1StrongClassNames, useBody1StrongStyles } from './useBody1StrongStyles.styles';
/**
* Text preset component for the Body1Strong typography variant
*/ export const Body1Strong = createPreset({
useStyles: useBody1StrongStyles,
className: 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;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,qBAAqB,EAAEC,oBAAoB,QAAQ,gCAAgC;AAE5F;;CAEC,GACD,OAAO,MAAMC,cAAwDH,aAAa;IAChFI,WAAWF;IACXG,WAAWJ,sBAAsBK,IAAI;IACrCC,aAAa;AACf,GAAG"}

View File

@@ -0,0 +1,2 @@
export { Body1Strong } from './Body1Strong';
export { body1StrongClassNames } from './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":"AAAA,SAASA,WAAW,QAAQ,gBAAgB;AAC5C,SAASC,qBAAqB,QAAQ,gCAAgC"}

View File

@@ -0,0 +1,20 @@
'use client';
import { __styles } from '@griffel/react';
import { typographyStyles } from '@fluentui/react-theme';
export const body1StrongClassNames = {
root: 'fui-Body1Strong'
};
/**
* Styles for the root slot
*/
export const useBody1StrongStyles = /*#__PURE__*/__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,"names":["__styles","typographyStyles","body1StrongClassNames","root","useBody1StrongStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"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"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,qBAAqB,GAAG;EACjCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,oBAAoB,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAEvC,CAAC","ignoreList":[]}

View File

@@ -0,0 +1,11 @@
'use client';
import { makeStyles } from '@griffel/react';
import { typographyStyles } from '@fluentui/react-theme';
export const body1StrongClassNames = {
root: 'fui-Body1Strong'
};
/**
* Styles for the root slot
*/ export const useBody1StrongStyles = makeStyles({
root: 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;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,wBAAmD;IAC9DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,uBAAuBJ,WAAW;IAC7CG,MAAMF,iBAAiBI,WAAW;AACpC,GAAG"}

View File

@@ -0,0 +1,11 @@
'use client';
import * as React from 'react';
import { createPreset } from '../createPreset';
import { body1StrongerClassNames, useBody1StrongerStyles } from './useBody1StrongerStyles.styles';
/**
* Text preset component for the Body1Stronger typography variant
*/ export const Body1Stronger = createPreset({
useStyles: useBody1StrongerStyles,
className: 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;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,uBAAuB,EAAEC,sBAAsB,QAAQ,kCAAkC;AAElG;;CAEC,GACD,OAAO,MAAMC,gBAA0DH,aAAa;IAClFI,WAAWF;IACXG,WAAWJ,wBAAwBK,IAAI;IACvCC,aAAa;AACf,GAAG"}

View File

@@ -0,0 +1,2 @@
export { Body1Stronger } from './Body1Stronger';
export { body1StrongerClassNames } from './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":"AAAA,SAASA,aAAa,QAAQ,kBAAkB;AAChD,SAASC,uBAAuB,QAAQ,kCAAkC"}

View File

@@ -0,0 +1,20 @@
'use client';
import { __styles } from '@griffel/react';
import { typographyStyles } from '@fluentui/react-theme';
export const body1StrongerClassNames = {
root: 'fui-Body1Stronger'
};
/**
* Styles for the root slot
*/
export const useBody1StrongerStyles = /*#__PURE__*/__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,"names":["__styles","typographyStyles","body1StrongerClassNames","root","useBody1StrongerStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"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"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,uBAAuB,GAAG;EACnCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,sBAAsB,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAEzC,CAAC","ignoreList":[]}

View File

@@ -0,0 +1,11 @@
'use client';
import { makeStyles } from '@griffel/react';
import { typographyStyles } from '@fluentui/react-theme';
export const body1StrongerClassNames = {
root: 'fui-Body1Stronger'
};
/**
* Styles for the root slot
*/ export const useBody1StrongerStyles = makeStyles({
root: 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;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,0BAAqD;IAChEC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,yBAAyBJ,WAAW;IAC/CG,MAAMF,iBAAiBI,aAAa;AACtC,GAAG"}

View File

@@ -0,0 +1,11 @@
'use client';
import * as React from 'react';
import { createPreset } from '../createPreset';
import { body2ClassNames, useBody2Styles } from './useBody2Styles.styles';
/**
* Text preset component for the Body2 typography variant
*/ export const Body2 = createPreset({
useStyles: useBody2Styles,
className: 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;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,eAAe,EAAEC,cAAc,QAAQ,0BAA0B;AAE1E;;CAEC,GACD,OAAO,MAAMC,QAAkDH,aAAa;IAC1EI,WAAWF;IACXG,WAAWJ,gBAAgBK,IAAI;IAC/BC,aAAa;AACf,GAAG"}

View File

@@ -0,0 +1,2 @@
export { Body2 } from './Body2';
export { body2ClassNames } from './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":"AAAA,SAASA,KAAK,QAAQ,UAAU;AAChC,SAASC,eAAe,QAAQ,0BAA0B"}

View File

@@ -0,0 +1,20 @@
'use client';
import { __styles } from '@griffel/react';
import { typographyStyles } from '@fluentui/react-theme';
export const body2ClassNames = {
root: 'fui-Body2'
};
/**
* Styles for the root slot
*/
export const useBody2Styles = /*#__PURE__*/__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,"names":["__styles","typographyStyles","body2ClassNames","root","useBody2Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"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"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,eAAe,GAAG;EAC3BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,cAAc,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAEjC,CAAC","ignoreList":[]}

View File

@@ -0,0 +1,11 @@
'use client';
import { makeStyles } from '@griffel/react';
import { typographyStyles } from '@fluentui/react-theme';
export const body2ClassNames = {
root: 'fui-Body2'
};
/**
* Styles for the root slot
*/ export const useBody2Styles = makeStyles({
root: 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;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,kBAA6C;IACxDC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,iBAAiBJ,WAAW;IACvCG,MAAMF,iBAAiBI,KAAK;AAC9B,GAAG"}

View File

@@ -0,0 +1,11 @@
'use client';
import * as React from 'react';
import { createPreset } from '../createPreset';
import { caption1ClassNames, useCaption1Styles } from './useCaption1Styles.styles';
/**
* Text preset component for the Caption1 typography variant
*/ export const Caption1 = createPreset({
useStyles: useCaption1Styles,
className: 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;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,kBAAkB,EAAEC,iBAAiB,QAAQ,6BAA6B;AAEnF;;CAEC,GACD,OAAO,MAAMC,WAAqDH,aAAa;IAC7EI,WAAWF;IACXG,WAAWJ,mBAAmBK,IAAI;IAClCC,aAAa;AACf,GAAG"}

View File

@@ -0,0 +1,2 @@
export { Caption1 } from './Caption1';
export { caption1ClassNames } from './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":"AAAA,SAASA,QAAQ,QAAQ,aAAa;AACtC,SAASC,kBAAkB,QAAQ,6BAA6B"}

View File

@@ -0,0 +1,20 @@
'use client';
import { __styles } from '@griffel/react';
import { typographyStyles } from '@fluentui/react-theme';
export const caption1ClassNames = {
root: 'fui-Caption1'
};
/**
* Styles for the root slot
*/
export const useCaption1Styles = /*#__PURE__*/__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,"names":["__styles","typographyStyles","caption1ClassNames","root","useCaption1Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"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"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,kBAAkB,GAAG;EAC9BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,iBAAiB,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAEpC,CAAC","ignoreList":[]}

View File

@@ -0,0 +1,11 @@
'use client';
import { makeStyles } from '@griffel/react';
import { typographyStyles } from '@fluentui/react-theme';
export const caption1ClassNames = {
root: 'fui-Caption1'
};
/**
* Styles for the root slot
*/ export const useCaption1Styles = makeStyles({
root: 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;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,qBAAgD;IAC3DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,oBAAoBJ,WAAW;IAC1CG,MAAMF,iBAAiBI,QAAQ;AACjC,GAAG"}

View File

@@ -0,0 +1,11 @@
'use client';
import * as React from 'react';
import { createPreset } from '../createPreset';
import { caption1StrongClassNames, useCaption1StrongStyles } from './useCaption1StrongStyles.styles';
/**
* Text preset component for the Caption1Strong typography variant
*/ export const Caption1Strong = createPreset({
useStyles: useCaption1StrongStyles,
className: 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;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,wBAAwB,EAAEC,uBAAuB,QAAQ,mCAAmC;AAErG;;CAEC,GACD,OAAO,MAAMC,iBAA2DH,aAAa;IACnFI,WAAWF;IACXG,WAAWJ,yBAAyBK,IAAI;IACxCC,aAAa;AACf,GAAG"}

View File

@@ -0,0 +1,2 @@
export { Caption1Strong } from './Caption1Strong';
export { caption1StrongClassNames } from './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":"AAAA,SAASA,cAAc,QAAQ,mBAAmB;AAClD,SAASC,wBAAwB,QAAQ,mCAAmC"}

View File

@@ -0,0 +1,20 @@
'use client';
import { __styles } from '@griffel/react';
import { typographyStyles } from '@fluentui/react-theme';
export const caption1StrongClassNames = {
root: 'fui-Caption1Strong'
};
/**
* Styles for the root slot
*/
export const useCaption1StrongStyles = /*#__PURE__*/__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,"names":["__styles","typographyStyles","caption1StrongClassNames","root","useCaption1StrongStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"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"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,wBAAwB,GAAG;EACpCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,uBAAuB,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAE1C,CAAC","ignoreList":[]}

View File

@@ -0,0 +1,11 @@
'use client';
import { makeStyles } from '@griffel/react';
import { typographyStyles } from '@fluentui/react-theme';
export const caption1StrongClassNames = {
root: 'fui-Caption1Strong'
};
/**
* Styles for the root slot
*/ export const useCaption1StrongStyles = makeStyles({
root: 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;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,2BAAsD;IACjEC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,0BAA0BJ,WAAW;IAChDG,MAAMF,iBAAiBI,cAAc;AACvC,GAAG"}

View File

@@ -0,0 +1,11 @@
'use client';
import * as React from 'react';
import { createPreset } from '../createPreset';
import { caption1StrongerClassNames, useCaption1StrongerStyles } from './useCaption1Stronger.styles';
/**
* Text preset component for the Caption1Stronger typography variant
*/ export const Caption1Stronger = createPreset({
useStyles: useCaption1StrongerStyles,
className: 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;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,0BAA0B,EAAEC,yBAAyB,QAAQ,+BAA+B;AAErG;;CAEC,GACD,OAAO,MAAMC,mBAA6DH,aAAa;IACrFI,WAAWF;IACXG,WAAWJ,2BAA2BK,IAAI;IAC1CC,aAAa;AACf,GAAG"}

View File

@@ -0,0 +1,2 @@
export { Caption1Stronger } from './Caption1Stronger';
export { caption1StrongerClassNames } from './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":"AAAA,SAASA,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,0BAA0B,QAAQ,+BAA+B"}

View File

@@ -0,0 +1,20 @@
'use client';
import { __styles } from '@griffel/react';
import { typographyStyles } from '@fluentui/react-theme';
export const caption1StrongerClassNames = {
root: 'fui-Caption1Stronger'
};
/**
* Styles for the root slot
*/
export const useCaption1StrongerStyles = /*#__PURE__*/__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,"names":["__styles","typographyStyles","caption1StrongerClassNames","root","useCaption1StrongerStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"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"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,0BAA0B,GAAG;EACtCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,yBAAyB,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAE5C,CAAC","ignoreList":[]}

View File

@@ -0,0 +1,11 @@
'use client';
import { makeStyles } from '@griffel/react';
import { typographyStyles } from '@fluentui/react-theme';
export const caption1StrongerClassNames = {
root: 'fui-Caption1Stronger'
};
/**
* Styles for the root slot
*/ export const useCaption1StrongerStyles = makeStyles({
root: 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;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,6BAAwD;IACnEC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,4BAA4BJ,WAAW;IAClDG,MAAMF,iBAAiBI,gBAAgB;AACzC,GAAG"}

View File

@@ -0,0 +1,11 @@
'use client';
import * as React from 'react';
import { createPreset } from '../createPreset';
import { caption2ClassNames, useCaption2Styles } from './useCaption2Styles.styles';
/**
* Text preset component for the Caption2 typography variant
*/ export const Caption2 = createPreset({
useStyles: useCaption2Styles,
className: 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;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,kBAAkB,EAAEC,iBAAiB,QAAQ,6BAA6B;AAEnF;;CAEC,GACD,OAAO,MAAMC,WAAqDH,aAAa;IAC7EI,WAAWF;IACXG,WAAWJ,mBAAmBK,IAAI;IAClCC,aAAa;AACf,GAAG"}

View File

@@ -0,0 +1,2 @@
export { Caption2 } from './Caption2';
export { caption2ClassNames } from './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":"AAAA,SAASA,QAAQ,QAAQ,aAAa;AACtC,SAASC,kBAAkB,QAAQ,6BAA6B"}

View File

@@ -0,0 +1,20 @@
'use client';
import { __styles } from '@griffel/react';
import { typographyStyles } from '@fluentui/react-theme';
export const caption2ClassNames = {
root: 'fui-Caption2'
};
/**
* Styles for the root slot
*/
export const useCaption2Styles = /*#__PURE__*/__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,"names":["__styles","typographyStyles","caption2ClassNames","root","useCaption2Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"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"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,kBAAkB,GAAG;EAC9BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,iBAAiB,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAEpC,CAAC","ignoreList":[]}

View File

@@ -0,0 +1,11 @@
'use client';
import { makeStyles } from '@griffel/react';
import { typographyStyles } from '@fluentui/react-theme';
export const caption2ClassNames = {
root: 'fui-Caption2'
};
/**
* Styles for the root slot
*/ export const useCaption2Styles = makeStyles({
root: 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;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,qBAAgD;IAC3DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,oBAAoBJ,WAAW;IAC1CG,MAAMF,iBAAiBI,QAAQ;AACjC,GAAG"}

View File

@@ -0,0 +1,11 @@
'use client';
import * as React from 'react';
import { createPreset } from '../createPreset';
import { caption2StrongClassNames, useCaption2StrongStyles } from './useCaption2StrongStyles.styles';
/**
* Text preset component for the Caption2Strong typography variant
*/ export const Caption2Strong = createPreset({
useStyles: useCaption2StrongStyles,
className: 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;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAG/C,SAASC,wBAAwB,EAAEC,uBAAuB,QAAQ,mCAAmC;AAErG;;CAEC,GACD,OAAO,MAAMC,iBAA2DH,aAAa;IACnFI,WAAWF;IACXG,WAAWJ,yBAAyBK,IAAI;IACxCC,aAAa;AACf,GAAG"}

View File

@@ -0,0 +1,2 @@
export { Caption2Strong } from './Caption2Strong';
export { caption2StrongClassNames } from './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":"AAAA,SAASA,cAAc,QAAQ,mBAAmB;AAClD,SAASC,wBAAwB,QAAQ,mCAAmC"}

View File

@@ -0,0 +1,20 @@
'use client';
import { __styles } from '@griffel/react';
import { typographyStyles } from '@fluentui/react-theme';
export const caption2StrongClassNames = {
root: 'fui-Caption2Strong'
};
/**
* Styles for the root slot
*/
export const useCaption2StrongStyles = /*#__PURE__*/__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,"names":["__styles","typographyStyles","caption2StrongClassNames","root","useCaption2StrongStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"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"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,wBAAwB,GAAG;EACpCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,uBAAuB,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAE1C,CAAC","ignoreList":[]}

View File

@@ -0,0 +1,11 @@
'use client';
import { makeStyles } from '@griffel/react';
import { typographyStyles } from '@fluentui/react-theme';
export const caption2StrongClassNames = {
root: 'fui-Caption2Strong'
};
/**
* Styles for the root slot
*/ export const useCaption2StrongStyles = makeStyles({
root: 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;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,2BAAsD;IACjEC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,0BAA0BJ,WAAW;IAChDG,MAAMF,iBAAiBI,cAAc;AACvC,GAAG"}

View File

@@ -0,0 +1,11 @@
'use client';
import * as React from 'react';
import { createPreset } from '../createPreset';
import { displayClassNames, useDisplayStyles } from './useDisplayStyles.styles';
/**
* Text preset component for the Display typography variant
*/ export const Display = createPreset({
useStyles: useDisplayStyles,
className: 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;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,iBAAiB,EAAEC,gBAAgB,QAAQ,4BAA4B;AAEhF;;CAEC,GACD,OAAO,MAAMC,UAAoDH,aAAa;IAC5EI,WAAWF;IACXG,WAAWJ,kBAAkBK,IAAI;IACjCC,aAAa;AACf,GAAG"}

View File

@@ -0,0 +1,2 @@
export { Display } from './Display';
export { displayClassNames } from './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":"AAAA,SAASA,OAAO,QAAQ,YAAY;AACpC,SAASC,iBAAiB,QAAQ,4BAA4B"}

View File

@@ -0,0 +1,20 @@
'use client';
import { __styles } from '@griffel/react';
import { typographyStyles } from '@fluentui/react-theme';
export const displayClassNames = {
root: 'fui-Display'
};
/**
* Styles for the root slot
*/
export const useDisplayStyles = /*#__PURE__*/__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,"names":["__styles","typographyStyles","displayClassNames","root","useDisplayStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"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"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,iBAAiB,GAAG;EAC7BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,gBAAgB,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAEnC,CAAC","ignoreList":[]}

View File

@@ -0,0 +1,11 @@
'use client';
import { makeStyles } from '@griffel/react';
import { typographyStyles } from '@fluentui/react-theme';
export const displayClassNames = {
root: 'fui-Display'
};
/**
* Styles for the root slot
*/ export const useDisplayStyles = makeStyles({
root: 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;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,oBAA+C;IAC1DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,mBAAmBJ,WAAW;IACzCG,MAAMF,iBAAiBI,OAAO;AAChC,GAAG"}

View File

@@ -0,0 +1,11 @@
'use client';
import * as React from 'react';
import { createPreset } from '../createPreset';
import { largeTitleClassNames, useLargeTitleStyles } from './useLargeTitleStyles.styles';
/**
* Text preset component for the Large Title typography variant
*/ export const LargeTitle = createPreset({
useStyles: useLargeTitleStyles,
className: 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;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,oBAAoB,EAAEC,mBAAmB,QAAQ,+BAA+B;AAEzF;;CAEC,GACD,OAAO,MAAMC,aAAuDH,aAAa;IAC/EI,WAAWF;IACXG,WAAWJ,qBAAqBK,IAAI;IACpCC,aAAa;AACf,GAAG"}

View File

@@ -0,0 +1,2 @@
export { LargeTitle } from './LargeTitle';
export { largeTitleClassNames } from './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":"AAAA,SAASA,UAAU,QAAQ,eAAe;AAC1C,SAASC,oBAAoB,QAAQ,+BAA+B"}

View File

@@ -0,0 +1,20 @@
'use client';
import { __styles } from '@griffel/react';
import { typographyStyles } from '@fluentui/react-theme';
export const largeTitleClassNames = {
root: 'fui-LargeTitle'
};
/**
* Styles for the root slot
*/
export const useLargeTitleStyles = /*#__PURE__*/__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,"names":["__styles","typographyStyles","largeTitleClassNames","root","useLargeTitleStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"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"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,oBAAoB,GAAG;EAChCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,mBAAmB,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAEtC,CAAC","ignoreList":[]}

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