@fluentui/react-text 9.6.15 → 9.6.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +22 -2
- package/dist/index.d.ts +2 -2
- package/lib/components/Text/useText.js +0 -1
- package/lib/components/Text/useText.js.map +1 -1
- package/lib/components/Text/useTextStyles.styles.js +1 -0
- package/lib/components/Text/useTextStyles.styles.js.map +1 -1
- package/lib/components/Text/useTextStyles.styles.raw.js +1 -0
- package/lib/components/Text/useTextStyles.styles.raw.js.map +1 -1
- package/lib/components/presets/Body1/Body1.js +0 -1
- package/lib/components/presets/Body1/Body1.js.map +1 -1
- package/lib/components/presets/Body1/useBody1Styles.styles.raw.js.map +1 -1
- package/lib/components/presets/Body1Strong/Body1Strong.js +0 -1
- package/lib/components/presets/Body1Strong/Body1Strong.js.map +1 -1
- package/lib/components/presets/Body1Strong/useBody1StrongStyles.styles.raw.js.map +1 -1
- package/lib/components/presets/Body1Stronger/Body1Stronger.js +0 -1
- package/lib/components/presets/Body1Stronger/Body1Stronger.js.map +1 -1
- package/lib/components/presets/Body1Stronger/useBody1StrongerStyles.styles.raw.js.map +1 -1
- package/lib/components/presets/Body2/Body2.js +0 -1
- package/lib/components/presets/Body2/Body2.js.map +1 -1
- package/lib/components/presets/Body2/useBody2Styles.styles.raw.js.map +1 -1
- package/lib/components/presets/Caption1/Caption1.js +0 -1
- package/lib/components/presets/Caption1/Caption1.js.map +1 -1
- package/lib/components/presets/Caption1/useCaption1Styles.styles.raw.js.map +1 -1
- package/lib/components/presets/Caption1Strong/Caption1Strong.js +0 -1
- package/lib/components/presets/Caption1Strong/Caption1Strong.js.map +1 -1
- package/lib/components/presets/Caption1Strong/useCaption1StrongStyles.styles.raw.js.map +1 -1
- package/lib/components/presets/Caption1Stronger/Caption1Stronger.js +0 -1
- package/lib/components/presets/Caption1Stronger/Caption1Stronger.js.map +1 -1
- package/lib/components/presets/Caption1Stronger/useCaption1Stronger.styles.raw.js.map +1 -1
- package/lib/components/presets/Caption2/Caption2.js +0 -1
- package/lib/components/presets/Caption2/Caption2.js.map +1 -1
- package/lib/components/presets/Caption2/useCaption2Styles.styles.raw.js.map +1 -1
- package/lib/components/presets/Caption2Strong/Caption2Strong.js +0 -1
- package/lib/components/presets/Caption2Strong/Caption2Strong.js.map +1 -1
- package/lib/components/presets/Caption2Strong/useCaption2StrongStyles.styles.raw.js.map +1 -1
- package/lib/components/presets/Display/Display.js +0 -1
- package/lib/components/presets/Display/Display.js.map +1 -1
- package/lib/components/presets/Display/useDisplayStyles.styles.raw.js.map +1 -1
- package/lib/components/presets/LargeTitle/LargeTitle.js +0 -1
- package/lib/components/presets/LargeTitle/LargeTitle.js.map +1 -1
- package/lib/components/presets/LargeTitle/useLargeTitleStyles.styles.raw.js.map +1 -1
- package/lib/components/presets/Subtitle1/Subtitle1.js +0 -1
- package/lib/components/presets/Subtitle1/Subtitle1.js.map +1 -1
- package/lib/components/presets/Subtitle1/useSubtitle1Styles.styles.raw.js.map +1 -1
- package/lib/components/presets/Subtitle2/Subtitle2.js +0 -1
- package/lib/components/presets/Subtitle2/Subtitle2.js.map +1 -1
- package/lib/components/presets/Subtitle2/useSubtitle2Styles.styles.raw.js.map +1 -1
- package/lib/components/presets/Subtitle2Stronger/Subtitle2Stronger.js +0 -1
- package/lib/components/presets/Subtitle2Stronger/Subtitle2Stronger.js.map +1 -1
- package/lib/components/presets/Subtitle2Stronger/useSubtitle2Stronger.styles.raw.js.map +1 -1
- package/lib/components/presets/Title1/Title1.js +0 -1
- package/lib/components/presets/Title1/Title1.js.map +1 -1
- package/lib/components/presets/Title1/useTitle1Styles.styles.raw.js.map +1 -1
- package/lib/components/presets/Title2/Title2.js +0 -1
- package/lib/components/presets/Title2/Title2.js.map +1 -1
- package/lib/components/presets/Title2/useTitle2Styles.styles.raw.js.map +1 -1
- package/lib/components/presets/Title3/Title3.js +0 -1
- package/lib/components/presets/Title3/Title3.js.map +1 -1
- package/lib/components/presets/Title3/useTitle3Styles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/Text/useText.js +0 -2
- package/lib-commonjs/components/Text/useText.js.map +1 -1
- package/lib-commonjs/components/Text/useTextStyles.styles.js +1 -0
- package/lib-commonjs/components/Text/useTextStyles.styles.js.map +1 -1
- package/lib-commonjs/components/Text/useTextStyles.styles.raw.js +1 -0
- package/lib-commonjs/components/Text/useTextStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/presets/Body1/Body1.js +0 -2
- package/lib-commonjs/components/presets/Body1/Body1.js.map +1 -1
- package/lib-commonjs/components/presets/Body1/useBody1Styles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/presets/Body1Strong/Body1Strong.js +0 -2
- package/lib-commonjs/components/presets/Body1Strong/Body1Strong.js.map +1 -1
- package/lib-commonjs/components/presets/Body1Strong/useBody1StrongStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/presets/Body1Stronger/Body1Stronger.js +0 -2
- package/lib-commonjs/components/presets/Body1Stronger/Body1Stronger.js.map +1 -1
- package/lib-commonjs/components/presets/Body1Stronger/useBody1StrongerStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/presets/Body2/Body2.js +0 -2
- package/lib-commonjs/components/presets/Body2/Body2.js.map +1 -1
- package/lib-commonjs/components/presets/Body2/useBody2Styles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/presets/Caption1/Caption1.js +0 -2
- package/lib-commonjs/components/presets/Caption1/Caption1.js.map +1 -1
- package/lib-commonjs/components/presets/Caption1/useCaption1Styles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/presets/Caption1Strong/Caption1Strong.js +0 -2
- package/lib-commonjs/components/presets/Caption1Strong/Caption1Strong.js.map +1 -1
- package/lib-commonjs/components/presets/Caption1Strong/useCaption1StrongStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/presets/Caption1Stronger/Caption1Stronger.js +0 -2
- package/lib-commonjs/components/presets/Caption1Stronger/Caption1Stronger.js.map +1 -1
- package/lib-commonjs/components/presets/Caption1Stronger/useCaption1Stronger.styles.raw.js.map +1 -1
- package/lib-commonjs/components/presets/Caption2/Caption2.js +0 -2
- package/lib-commonjs/components/presets/Caption2/Caption2.js.map +1 -1
- package/lib-commonjs/components/presets/Caption2/useCaption2Styles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/presets/Caption2Strong/Caption2Strong.js +0 -2
- package/lib-commonjs/components/presets/Caption2Strong/Caption2Strong.js.map +1 -1
- package/lib-commonjs/components/presets/Caption2Strong/useCaption2StrongStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/presets/Display/Display.js +0 -2
- package/lib-commonjs/components/presets/Display/Display.js.map +1 -1
- package/lib-commonjs/components/presets/Display/useDisplayStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/presets/LargeTitle/LargeTitle.js +0 -2
- package/lib-commonjs/components/presets/LargeTitle/LargeTitle.js.map +1 -1
- package/lib-commonjs/components/presets/LargeTitle/useLargeTitleStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/presets/Subtitle1/Subtitle1.js +0 -2
- package/lib-commonjs/components/presets/Subtitle1/Subtitle1.js.map +1 -1
- package/lib-commonjs/components/presets/Subtitle1/useSubtitle1Styles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/presets/Subtitle2/Subtitle2.js +0 -2
- package/lib-commonjs/components/presets/Subtitle2/Subtitle2.js.map +1 -1
- package/lib-commonjs/components/presets/Subtitle2/useSubtitle2Styles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/presets/Subtitle2Stronger/Subtitle2Stronger.js +0 -2
- package/lib-commonjs/components/presets/Subtitle2Stronger/Subtitle2Stronger.js.map +1 -1
- package/lib-commonjs/components/presets/Subtitle2Stronger/useSubtitle2Stronger.styles.raw.js.map +1 -1
- package/lib-commonjs/components/presets/Title1/Title1.js +0 -2
- package/lib-commonjs/components/presets/Title1/Title1.js.map +1 -1
- package/lib-commonjs/components/presets/Title1/useTitle1Styles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/presets/Title2/Title2.js +0 -2
- package/lib-commonjs/components/presets/Title2/Title2.js.map +1 -1
- package/lib-commonjs/components/presets/Title2/useTitle2Styles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/presets/Title3/Title3.js +0 -2
- package/lib-commonjs/components/presets/Title3/Title3.js.map +1 -1
- package/lib-commonjs/components/presets/Title3/useTitle3Styles.styles.raw.js.map +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,32 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-text
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Tue, 26 May 2026 09:33:33 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.6.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.6.17)
|
|
8
|
+
|
|
9
|
+
Tue, 26 May 2026 09:33:33 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.6.16..@fluentui/react-text_v9.6.17)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- Bump @fluentui/react-utilities to v9.26.4 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
|
|
15
|
+
- Bump @fluentui/react-jsx-runtime to v9.4.3 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
|
|
16
|
+
|
|
17
|
+
## [9.6.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.6.16)
|
|
18
|
+
|
|
19
|
+
Thu, 23 Apr 2026 14:21:08 GMT
|
|
20
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.6.15..@fluentui/react-text_v9.6.16)
|
|
21
|
+
|
|
22
|
+
### Patches
|
|
23
|
+
|
|
24
|
+
- Bump @fluentui/react-utilities to v9.26.3 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
|
|
25
|
+
- Bump @fluentui/react-jsx-runtime to v9.4.2 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
|
|
26
|
+
|
|
7
27
|
## [9.6.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.6.15)
|
|
8
28
|
|
|
9
|
-
Wed, 25 Feb 2026 13:
|
|
29
|
+
Wed, 25 Feb 2026 13:32:27 GMT
|
|
10
30
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.6.14..@fluentui/react-text_v9.6.15)
|
|
11
31
|
|
|
12
32
|
### Patches
|
package/dist/index.d.ts
CHANGED
|
@@ -2,9 +2,9 @@ import type { ComponentProps } from '@fluentui/react-utilities';
|
|
|
2
2
|
import type { ComponentState } from '@fluentui/react-utilities';
|
|
3
3
|
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
4
4
|
import type { JSXElement } from '@fluentui/react-utilities';
|
|
5
|
-
import * as React_2 from 'react';
|
|
5
|
+
import type * as React_2 from 'react';
|
|
6
6
|
import type { Slot } from '@fluentui/react-utilities';
|
|
7
|
-
import { SlotClassNames } from '@fluentui/react-utilities';
|
|
7
|
+
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
10
|
* Text preset component for the Body1 typography variant
|
|
@@ -1 +1 @@
|
|
|
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":["
|
|
1
|
+
{"version":3,"sources":["../src/components/Text/useText.ts"],"sourcesContent":["import type * 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":["getIntrinsicElementProps","slot","useText_unstable","props","ref","wrap","truncate","block","italic","underline","strikethrough","size","font","weight","align","state","components","root","always","elementType"],"mappings":"AACA,SAASA,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"}
|
|
@@ -120,6 +120,7 @@ export const useTextStyles_unstable = state => {
|
|
|
120
120
|
'use no memo';
|
|
121
121
|
|
|
122
122
|
const styles = useStyles();
|
|
123
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
123
124
|
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);
|
|
124
125
|
return state;
|
|
125
126
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","mergeClasses","tokens","textClassNames","root","useStyles","Bahqtrf","Be2twd7","Bg96gwp","Bhrd7zp","fsow6f","mc9l5x","Huce71","B68tc82","Bmxbyg5","Bpg54ce","ygn44y","nowrap","truncate","block","italic","B80ckks","underline","w71qe1","strikethrough","strikethroughUnderline","base100","base200","base400","base500","base600","hero700","hero800","hero900","hero1000","monospace","numeric","weightMedium","weightSemibold","weightBold","alignCenter","alignEnd","alignJustify","d","p","useTextStyles_unstable","state","styles","className","wrap","size","font","weight","align"],"sources":["useTextStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const textClassNames = {\n root: 'fui-Text'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n lineHeight: tokens.lineHeightBase300,\n fontWeight: tokens.fontWeightRegular,\n textAlign: 'start',\n display: 'inline',\n whiteSpace: 'normal',\n overflow: 'visible',\n textOverflow: 'clip'\n },\n nowrap: {\n whiteSpace: 'nowrap',\n overflow: 'hidden'\n },\n truncate: {\n textOverflow: 'ellipsis'\n },\n block: {\n display: 'block'\n },\n italic: {\n fontStyle: 'italic'\n },\n underline: {\n textDecorationLine: 'underline'\n },\n strikethrough: {\n textDecorationLine: 'line-through'\n },\n strikethroughUnderline: {\n textDecorationLine: 'line-through underline'\n },\n base100: {\n fontSize: tokens.fontSizeBase100,\n lineHeight: tokens.lineHeightBase100\n },\n base200: {\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200\n },\n base400: {\n fontSize: tokens.fontSizeBase400,\n lineHeight: tokens.lineHeightBase400\n },\n base500: {\n fontSize: tokens.fontSizeBase500,\n lineHeight: tokens.lineHeightBase500\n },\n base600: {\n fontSize: tokens.fontSizeBase600,\n lineHeight: tokens.lineHeightBase600\n },\n hero700: {\n fontSize: tokens.fontSizeHero700,\n lineHeight: tokens.lineHeightHero700\n },\n hero800: {\n fontSize: tokens.fontSizeHero800,\n lineHeight: tokens.lineHeightHero800\n },\n hero900: {\n fontSize: tokens.fontSizeHero900,\n lineHeight: tokens.lineHeightHero900\n },\n hero1000: {\n fontSize: tokens.fontSizeHero1000,\n lineHeight: tokens.lineHeightHero1000\n },\n monospace: {\n fontFamily: tokens.fontFamilyMonospace\n },\n numeric: {\n fontFamily: tokens.fontFamilyNumeric\n },\n weightMedium: {\n fontWeight: tokens.fontWeightMedium\n },\n weightSemibold: {\n fontWeight: tokens.fontWeightSemibold\n },\n weightBold: {\n fontWeight: tokens.fontWeightBold\n },\n alignCenter: {\n textAlign: 'center'\n },\n alignEnd: {\n textAlign: 'end'\n },\n alignJustify: {\n textAlign: 'justify'\n }\n});\n/**\n * Apply styling to the Text slots based on the state\n */ export const useTextStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n 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);\n return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,cAAc,GAAG;EAC1BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGL,QAAA;EAAAI,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAL,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAG,QAAA;IAAAF,MAAA;EAAA;EAAAG,KAAA;IAAAR,MAAA;EAAA;EAAAS,MAAA;IAAAC,OAAA;EAAA;EAAAC,SAAA;IAAAC,MAAA;EAAA;EAAAC,aAAA;IAAAD,MAAA;EAAA;EAAAE,sBAAA;IAAAF,MAAA;EAAA;EAAAG,OAAA;IAAAnB,OAAA;IAAAC,OAAA;EAAA;EAAAmB,OAAA;IAAApB,OAAA;IAAAC,OAAA;EAAA;EAAAoB,OAAA;IAAArB,OAAA;IAAAC,OAAA;EAAA;EAAAqB,OAAA;IAAAtB,OAAA;IAAAC,OAAA;EAAA;EAAAsB,OAAA;IAAAvB,OAAA;IAAAC,OAAA;EAAA;EAAAuB,OAAA;IAAAxB,OAAA;IAAAC,OAAA;EAAA;EAAAwB,OAAA;IAAAzB,OAAA;IAAAC,OAAA;EAAA;EAAAyB,OAAA;IAAA1B,OAAA;IAAAC,OAAA;EAAA;EAAA0B,QAAA;IAAA3B,OAAA;IAAAC,OAAA;EAAA;EAAA2B,SAAA;IAAA7B,OAAA;EAAA;EAAA8B,OAAA;IAAA9B,OAAA;EAAA;EAAA+B,YAAA;IAAA5B,OAAA;EAAA;EAAA6B,cAAA;IAAA7B,OAAA;EAAA;EAAA8B,UAAA;IAAA9B,OAAA;EAAA;EAAA+B,WAAA;IAAA9B,MAAA;EAAA;EAAA+B,QAAA;IAAA/B,MAAA;EAAA;EAAAgC,YAAA;IAAAhC,MAAA;EAAA;AAAA;EAAAiC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CA8FrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,sBAAsB,GAAIC,KAAK,IAAG;EAC/C,aAAa;;EACb,MAAMC,MAAM,GAAG1C,SAAS,CAAC,CAAC;
|
|
1
|
+
{"version":3,"names":["__styles","mergeClasses","tokens","textClassNames","root","useStyles","Bahqtrf","Be2twd7","Bg96gwp","Bhrd7zp","fsow6f","mc9l5x","Huce71","B68tc82","Bmxbyg5","Bpg54ce","ygn44y","nowrap","truncate","block","italic","B80ckks","underline","w71qe1","strikethrough","strikethroughUnderline","base100","base200","base400","base500","base600","hero700","hero800","hero900","hero1000","monospace","numeric","weightMedium","weightSemibold","weightBold","alignCenter","alignEnd","alignJustify","d","p","useTextStyles_unstable","state","styles","className","wrap","size","font","weight","align"],"sources":["useTextStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const textClassNames = {\n root: 'fui-Text'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n lineHeight: tokens.lineHeightBase300,\n fontWeight: tokens.fontWeightRegular,\n textAlign: 'start',\n display: 'inline',\n whiteSpace: 'normal',\n overflow: 'visible',\n textOverflow: 'clip'\n },\n nowrap: {\n whiteSpace: 'nowrap',\n overflow: 'hidden'\n },\n truncate: {\n textOverflow: 'ellipsis'\n },\n block: {\n display: 'block'\n },\n italic: {\n fontStyle: 'italic'\n },\n underline: {\n textDecorationLine: 'underline'\n },\n strikethrough: {\n textDecorationLine: 'line-through'\n },\n strikethroughUnderline: {\n textDecorationLine: 'line-through underline'\n },\n base100: {\n fontSize: tokens.fontSizeBase100,\n lineHeight: tokens.lineHeightBase100\n },\n base200: {\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200\n },\n base400: {\n fontSize: tokens.fontSizeBase400,\n lineHeight: tokens.lineHeightBase400\n },\n base500: {\n fontSize: tokens.fontSizeBase500,\n lineHeight: tokens.lineHeightBase500\n },\n base600: {\n fontSize: tokens.fontSizeBase600,\n lineHeight: tokens.lineHeightBase600\n },\n hero700: {\n fontSize: tokens.fontSizeHero700,\n lineHeight: tokens.lineHeightHero700\n },\n hero800: {\n fontSize: tokens.fontSizeHero800,\n lineHeight: tokens.lineHeightHero800\n },\n hero900: {\n fontSize: tokens.fontSizeHero900,\n lineHeight: tokens.lineHeightHero900\n },\n hero1000: {\n fontSize: tokens.fontSizeHero1000,\n lineHeight: tokens.lineHeightHero1000\n },\n monospace: {\n fontFamily: tokens.fontFamilyMonospace\n },\n numeric: {\n fontFamily: tokens.fontFamilyNumeric\n },\n weightMedium: {\n fontWeight: tokens.fontWeightMedium\n },\n weightSemibold: {\n fontWeight: tokens.fontWeightSemibold\n },\n weightBold: {\n fontWeight: tokens.fontWeightBold\n },\n alignCenter: {\n textAlign: 'center'\n },\n alignEnd: {\n textAlign: 'end'\n },\n alignJustify: {\n textAlign: 'justify'\n }\n});\n/**\n * Apply styling to the Text slots based on the state\n */ export const useTextStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\n 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);\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -106,6 +106,7 @@ export const textClassNames = {
|
|
|
106
106
|
*/ export const useTextStyles_unstable = (state)=>{
|
|
107
107
|
'use no memo';
|
|
108
108
|
const styles = useStyles();
|
|
109
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
109
110
|
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);
|
|
110
111
|
return state;
|
|
111
112
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Text/useTextStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { TextSlots, TextState } from './Text.types';\nimport { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const textClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Text',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n lineHeight: tokens.lineHeightBase300,\n fontWeight: tokens.fontWeightRegular,\n textAlign: 'start',\n display: 'inline',\n whiteSpace: 'normal',\n overflow: 'visible',\n textOverflow: 'clip',\n },\n nowrap: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n },\n truncate: {\n textOverflow: 'ellipsis',\n },\n block: {\n display: 'block',\n },\n italic: {\n fontStyle: 'italic',\n },\n underline: {\n textDecorationLine: 'underline',\n },\n strikethrough: {\n textDecorationLine: 'line-through',\n },\n strikethroughUnderline: {\n textDecorationLine: 'line-through underline',\n },\n base100: {\n fontSize: tokens.fontSizeBase100,\n lineHeight: tokens.lineHeightBase100,\n },\n base200: {\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n },\n base400: {\n fontSize: tokens.fontSizeBase400,\n lineHeight: tokens.lineHeightBase400,\n },\n base500: {\n fontSize: tokens.fontSizeBase500,\n lineHeight: tokens.lineHeightBase500,\n },\n base600: {\n fontSize: tokens.fontSizeBase600,\n lineHeight: tokens.lineHeightBase600,\n },\n hero700: {\n fontSize: tokens.fontSizeHero700,\n lineHeight: tokens.lineHeightHero700,\n },\n hero800: {\n fontSize: tokens.fontSizeHero800,\n lineHeight: tokens.lineHeightHero800,\n },\n hero900: {\n fontSize: tokens.fontSizeHero900,\n lineHeight: tokens.lineHeightHero900,\n },\n hero1000: {\n fontSize: tokens.fontSizeHero1000,\n lineHeight: tokens.lineHeightHero1000,\n },\n monospace: {\n fontFamily: tokens.fontFamilyMonospace,\n },\n numeric: {\n fontFamily: tokens.fontFamilyNumeric,\n },\n weightMedium: {\n fontWeight: tokens.fontWeightMedium,\n },\n weightSemibold: {\n fontWeight: tokens.fontWeightSemibold,\n },\n weightBold: {\n fontWeight: tokens.fontWeightBold,\n },\n alignCenter: {\n textAlign: 'center',\n },\n alignEnd: {\n textAlign: 'end',\n },\n alignJustify: {\n textAlign: 'justify',\n },\n});\n\n/**\n * Apply styling to the Text slots based on the state\n */\nexport const useTextStyles_unstable = (state: TextState): TextState => {\n 'use no memo';\n\n const styles = useStyles();\n\n state.root.className = mergeClasses(\n textClassNames.root,\n styles.root,\n state.wrap === false && styles.nowrap,\n state.truncate && styles.truncate,\n state.block && styles.block,\n state.italic && styles.italic,\n state.underline && styles.underline,\n state.strikethrough && styles.strikethrough,\n state.underline && state.strikethrough && styles.strikethroughUnderline,\n state.size === 100 && styles.base100,\n state.size === 200 && styles.base200,\n state.size === 400 && styles.base400,\n state.size === 500 && styles.base500,\n state.size === 600 && styles.base600,\n state.size === 700 && styles.hero700,\n state.size === 800 && styles.hero800,\n state.size === 900 && styles.hero900,\n state.size === 1000 && styles.hero1000,\n state.font === 'monospace' && styles.monospace,\n state.font === 'numeric' && styles.numeric,\n state.weight === 'medium' && styles.weightMedium,\n state.weight === 'semibold' && styles.weightSemibold,\n state.weight === 'bold' && styles.weightBold,\n state.align === 'center' && styles.alignCenter,\n state.align === 'end' && styles.alignEnd,\n state.align === 'justify' && styles.alignJustify,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","textClassNames","root","useStyles","fontFamily","fontFamilyBase","fontSize","fontSizeBase300","lineHeight","lineHeightBase300","fontWeight","fontWeightRegular","textAlign","display","whiteSpace","overflow","textOverflow","nowrap","truncate","block","italic","fontStyle","underline","textDecorationLine","strikethrough","strikethroughUnderline","base100","fontSizeBase100","lineHeightBase100","base200","fontSizeBase200","lineHeightBase200","base400","fontSizeBase400","lineHeightBase400","base500","fontSizeBase500","lineHeightBase500","base600","fontSizeBase600","lineHeightBase600","hero700","fontSizeHero700","lineHeightHero700","hero800","fontSizeHero800","lineHeightHero800","hero900","fontSizeHero900","lineHeightHero900","hero1000","fontSizeHero1000","lineHeightHero1000","monospace","fontFamilyMonospace","numeric","fontFamilyNumeric","weightMedium","fontWeightMedium","weightSemibold","fontWeightSemibold","weightBold","fontWeightBold","alignCenter","alignEnd","alignJustify","useTextStyles_unstable","state","styles","className","wrap","size","font","weight","align"],"mappings":"AAAA;AAEA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,MAAM,QAAQ,wBAAwB;AAI/C,OAAO,MAAMC,iBAA4C;IACvDC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYL,WAAW;IAC3BI,MAAM;QACJE,YAAYJ,OAAOK,cAAc;QACjCC,UAAUN,OAAOO,eAAe;QAChCC,YAAYR,OAAOS,iBAAiB;QACpCC,YAAYV,OAAOW,iBAAiB;QACpCC,WAAW;QACXC,SAAS;QACTC,YAAY;QACZC,UAAU;QACVC,cAAc;IAChB;IACAC,QAAQ;QACNH,YAAY;QACZC,UAAU;IACZ;IACAG,UAAU;QACRF,cAAc;IAChB;IACAG,OAAO;QACLN,SAAS;IACX;IACAO,QAAQ;QACNC,WAAW;IACb;IACAC,WAAW;QACTC,oBAAoB;IACtB;IACAC,eAAe;QACbD,oBAAoB;IACtB;IACAE,wBAAwB;QACtBF,oBAAoB;IACtB;IACAG,SAAS;QACPpB,UAAUN,OAAO2B,eAAe;QAChCnB,YAAYR,OAAO4B,iBAAiB;IACtC;IACAC,SAAS;QACPvB,UAAUN,OAAO8B,eAAe;QAChCtB,YAAYR,OAAO+B,iBAAiB;IACtC;IACAC,SAAS;QACP1B,UAAUN,OAAOiC,eAAe;QAChCzB,YAAYR,OAAOkC,iBAAiB;IACtC;IACAC,SAAS;QACP7B,UAAUN,OAAOoC,eAAe;QAChC5B,YAAYR,OAAOqC,iBAAiB;IACtC;IACAC,SAAS;QACPhC,UAAUN,OAAOuC,eAAe;QAChC/B,YAAYR,OAAOwC,iBAAiB;IACtC;IACAC,SAAS;QACPnC,UAAUN,OAAO0C,eAAe;QAChClC,YAAYR,OAAO2C,iBAAiB;IACtC;IACAC,SAAS;QACPtC,UAAUN,OAAO6C,eAAe;QAChCrC,YAAYR,OAAO8C,iBAAiB;IACtC;IACAC,SAAS;QACPzC,UAAUN,OAAOgD,eAAe;QAChCxC,YAAYR,OAAOiD,iBAAiB;IACtC;IACAC,UAAU;QACR5C,UAAUN,OAAOmD,gBAAgB;QACjC3C,YAAYR,OAAOoD,kBAAkB;IACvC;IACAC,WAAW;QACTjD,YAAYJ,OAAOsD,mBAAmB;IACxC;IACAC,SAAS;QACPnD,YAAYJ,OAAOwD,iBAAiB;IACtC;IACAC,cAAc;QACZ/C,YAAYV,OAAO0D,gBAAgB;IACrC;IACAC,gBAAgB;QACdjD,YAAYV,OAAO4D,kBAAkB;IACvC;IACAC,YAAY;QACVnD,YAAYV,OAAO8D,cAAc;IACnC;IACAC,aAAa;QACXnD,WAAW;IACb;IACAoD,UAAU;QACRpD,WAAW;IACb;IACAqD,cAAc;QACZrD,WAAW;IACb;AACF;AAEA;;CAEC,GACD,OAAO,MAAMsD,yBAAyB,CAACC;IACrC;IAEA,MAAMC,SAASjE;
|
|
1
|
+
{"version":3,"sources":["../src/components/Text/useTextStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { TextSlots, TextState } from './Text.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const textClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Text',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n lineHeight: tokens.lineHeightBase300,\n fontWeight: tokens.fontWeightRegular,\n textAlign: 'start',\n display: 'inline',\n whiteSpace: 'normal',\n overflow: 'visible',\n textOverflow: 'clip',\n },\n nowrap: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n },\n truncate: {\n textOverflow: 'ellipsis',\n },\n block: {\n display: 'block',\n },\n italic: {\n fontStyle: 'italic',\n },\n underline: {\n textDecorationLine: 'underline',\n },\n strikethrough: {\n textDecorationLine: 'line-through',\n },\n strikethroughUnderline: {\n textDecorationLine: 'line-through underline',\n },\n base100: {\n fontSize: tokens.fontSizeBase100,\n lineHeight: tokens.lineHeightBase100,\n },\n base200: {\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n },\n base400: {\n fontSize: tokens.fontSizeBase400,\n lineHeight: tokens.lineHeightBase400,\n },\n base500: {\n fontSize: tokens.fontSizeBase500,\n lineHeight: tokens.lineHeightBase500,\n },\n base600: {\n fontSize: tokens.fontSizeBase600,\n lineHeight: tokens.lineHeightBase600,\n },\n hero700: {\n fontSize: tokens.fontSizeHero700,\n lineHeight: tokens.lineHeightHero700,\n },\n hero800: {\n fontSize: tokens.fontSizeHero800,\n lineHeight: tokens.lineHeightHero800,\n },\n hero900: {\n fontSize: tokens.fontSizeHero900,\n lineHeight: tokens.lineHeightHero900,\n },\n hero1000: {\n fontSize: tokens.fontSizeHero1000,\n lineHeight: tokens.lineHeightHero1000,\n },\n monospace: {\n fontFamily: tokens.fontFamilyMonospace,\n },\n numeric: {\n fontFamily: tokens.fontFamilyNumeric,\n },\n weightMedium: {\n fontWeight: tokens.fontWeightMedium,\n },\n weightSemibold: {\n fontWeight: tokens.fontWeightSemibold,\n },\n weightBold: {\n fontWeight: tokens.fontWeightBold,\n },\n alignCenter: {\n textAlign: 'center',\n },\n alignEnd: {\n textAlign: 'end',\n },\n alignJustify: {\n textAlign: 'justify',\n },\n});\n\n/**\n * Apply styling to the Text slots based on the state\n */\nexport const useTextStyles_unstable = (state: TextState): TextState => {\n 'use no memo';\n\n const styles = useStyles();\n\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(\n textClassNames.root,\n styles.root,\n state.wrap === false && styles.nowrap,\n state.truncate && styles.truncate,\n state.block && styles.block,\n state.italic && styles.italic,\n state.underline && styles.underline,\n state.strikethrough && styles.strikethrough,\n state.underline && state.strikethrough && styles.strikethroughUnderline,\n state.size === 100 && styles.base100,\n state.size === 200 && styles.base200,\n state.size === 400 && styles.base400,\n state.size === 500 && styles.base500,\n state.size === 600 && styles.base600,\n state.size === 700 && styles.hero700,\n state.size === 800 && styles.hero800,\n state.size === 900 && styles.hero900,\n state.size === 1000 && styles.hero1000,\n state.font === 'monospace' && styles.monospace,\n state.font === 'numeric' && styles.numeric,\n state.weight === 'medium' && styles.weightMedium,\n state.weight === 'semibold' && styles.weightSemibold,\n state.weight === 'bold' && styles.weightBold,\n state.align === 'center' && styles.alignCenter,\n state.align === 'end' && styles.alignEnd,\n state.align === 'justify' && styles.alignJustify,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","textClassNames","root","useStyles","fontFamily","fontFamilyBase","fontSize","fontSizeBase300","lineHeight","lineHeightBase300","fontWeight","fontWeightRegular","textAlign","display","whiteSpace","overflow","textOverflow","nowrap","truncate","block","italic","fontStyle","underline","textDecorationLine","strikethrough","strikethroughUnderline","base100","fontSizeBase100","lineHeightBase100","base200","fontSizeBase200","lineHeightBase200","base400","fontSizeBase400","lineHeightBase400","base500","fontSizeBase500","lineHeightBase500","base600","fontSizeBase600","lineHeightBase600","hero700","fontSizeHero700","lineHeightHero700","hero800","fontSizeHero800","lineHeightHero800","hero900","fontSizeHero900","lineHeightHero900","hero1000","fontSizeHero1000","lineHeightHero1000","monospace","fontFamilyMonospace","numeric","fontFamilyNumeric","weightMedium","fontWeightMedium","weightSemibold","fontWeightSemibold","weightBold","fontWeightBold","alignCenter","alignEnd","alignJustify","useTextStyles_unstable","state","styles","className","wrap","size","font","weight","align"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
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":["
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Body1/Body1.tsx"],"sourcesContent":["'use client';\n\nimport type * 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":["createPreset","body1ClassNames","useBody1Styles","Body1","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,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"}
|
|
@@ -1 +1 @@
|
|
|
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"}
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Body1/useBody1Styles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport type { 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"}
|
|
@@ -1 +1 @@
|
|
|
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":["
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Body1Strong/Body1Strong.tsx"],"sourcesContent":["'use client';\n\nimport type * 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":["createPreset","body1StrongClassNames","useBody1StrongStyles","Body1Strong","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,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"}
|
|
@@ -1 +1 @@
|
|
|
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"}
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Body1Strong/useBody1StrongStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport type { 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"}
|
|
@@ -1 +1 @@
|
|
|
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":["
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Body1Stronger/Body1Stronger.tsx"],"sourcesContent":["'use client';\n\nimport type * 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":["createPreset","body1StrongerClassNames","useBody1StrongerStyles","Body1Stronger","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,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"}
|
|
@@ -1 +1 @@
|
|
|
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"}
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Body1Stronger/useBody1StrongerStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport type { 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"}
|
|
@@ -1 +1 @@
|
|
|
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":["
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Body2/Body2.tsx"],"sourcesContent":["'use client';\n\nimport type * 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":["createPreset","body2ClassNames","useBody2Styles","Body2","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,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"}
|
|
@@ -1 +1 @@
|
|
|
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"}
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Body2/useBody2Styles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport type { 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"}
|
|
@@ -1 +1 @@
|
|
|
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":["
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Caption1/Caption1.tsx"],"sourcesContent":["'use client';\n\nimport type * 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":["createPreset","caption1ClassNames","useCaption1Styles","Caption1","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,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"}
|
|
@@ -1 +1 @@
|
|
|
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"}
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Caption1/useCaption1Styles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport type { 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"}
|
|
@@ -1 +1 @@
|
|
|
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":["
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Caption1Strong/Caption1Strong.tsx"],"sourcesContent":["'use client';\n\nimport type * 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":["createPreset","caption1StrongClassNames","useCaption1StrongStyles","Caption1Strong","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,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"}
|
|
@@ -1 +1 @@
|
|
|
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"}
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Caption1Strong/useCaption1StrongStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport type { 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"}
|
|
@@ -1 +1 @@
|
|
|
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":["
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Caption1Stronger/Caption1Stronger.tsx"],"sourcesContent":["'use client';\n\nimport type * 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":["createPreset","caption1StrongerClassNames","useCaption1StrongerStyles","Caption1Stronger","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,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"}
|
|
@@ -1 +1 @@
|
|
|
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"}
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Caption1Stronger/useCaption1Stronger.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport type { 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"}
|
|
@@ -1 +1 @@
|
|
|
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":["
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Caption2/Caption2.tsx"],"sourcesContent":["'use client';\n\nimport type * 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":["createPreset","caption2ClassNames","useCaption2Styles","Caption2","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,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"}
|
|
@@ -1 +1 @@
|
|
|
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"}
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Caption2/useCaption2Styles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport type { 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"}
|
|
@@ -1 +1 @@
|
|
|
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":["
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Caption2Strong/Caption2Strong.tsx"],"sourcesContent":["'use client';\n\nimport type * 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":["createPreset","caption2StrongClassNames","useCaption2StrongStyles","Caption2Strong","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,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"}
|
|
@@ -1 +1 @@
|
|
|
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"}
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Caption2Strong/useCaption2StrongStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport type { 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"}
|
|
@@ -1 +1 @@
|
|
|
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":["
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Display/Display.tsx"],"sourcesContent":["'use client';\n\nimport type * 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":["createPreset","displayClassNames","useDisplayStyles","Display","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,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"}
|
|
@@ -1 +1 @@
|
|
|
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"}
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Display/useDisplayStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport type { 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"}
|
|
@@ -1 +1 @@
|
|
|
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":["
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/LargeTitle/LargeTitle.tsx"],"sourcesContent":["'use client';\n\nimport type * 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":["createPreset","largeTitleClassNames","useLargeTitleStyles","LargeTitle","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/presets/LargeTitle/useLargeTitleStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const largeTitleClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-LargeTitle',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useLargeTitleStyles = makeStyles({\n root: typographyStyles.largeTitle,\n});\n"],"names":["makeStyles","typographyStyles","largeTitleClassNames","root","useLargeTitleStyles","largeTitle"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,uBAAkD;IAC7DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,sBAAsBJ,WAAW;IAC5CG,MAAMF,iBAAiBI,UAAU;AACnC,GAAG"}
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/LargeTitle/useLargeTitleStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const largeTitleClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-LargeTitle',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useLargeTitleStyles = makeStyles({\n root: typographyStyles.largeTitle,\n});\n"],"names":["makeStyles","typographyStyles","largeTitleClassNames","root","useLargeTitleStyles","largeTitle"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,uBAAkD;IAC7DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,sBAAsBJ,WAAW;IAC5CG,MAAMF,iBAAiBI,UAAU;AACnC,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/presets/Subtitle1/Subtitle1.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { subtitle1ClassNames, useSubtitle1Styles } from './useSubtitle1Styles.styles';\n\n/**\n * Text preset component for the Subtitle1 typography variant\n */\nexport const Subtitle1: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useSubtitle1Styles,\n className: subtitle1ClassNames.root,\n displayName: 'Subtitle1',\n});\n"],"names":["
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Subtitle1/Subtitle1.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { subtitle1ClassNames, useSubtitle1Styles } from './useSubtitle1Styles.styles';\n\n/**\n * Text preset component for the Subtitle1 typography variant\n */\nexport const Subtitle1: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useSubtitle1Styles,\n className: subtitle1ClassNames.root,\n displayName: 'Subtitle1',\n});\n"],"names":["createPreset","subtitle1ClassNames","useSubtitle1Styles","Subtitle1","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,mBAAmB,EAAEC,kBAAkB,QAAQ,8BAA8B;AAEtF;;CAEC,GACD,OAAO,MAAMC,YAAsDH,aAAa;IAC9EI,WAAWF;IACXG,WAAWJ,oBAAoBK,IAAI;IACnCC,aAAa;AACf,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/presets/Subtitle1/useSubtitle1Styles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const subtitle1ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Subtitle1',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useSubtitle1Styles = makeStyles({\n root: typographyStyles.subtitle1,\n});\n"],"names":["makeStyles","typographyStyles","subtitle1ClassNames","root","useSubtitle1Styles","subtitle1"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,sBAAiD;IAC5DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,qBAAqBJ,WAAW;IAC3CG,MAAMF,iBAAiBI,SAAS;AAClC,GAAG"}
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Subtitle1/useSubtitle1Styles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const subtitle1ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Subtitle1',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useSubtitle1Styles = makeStyles({\n root: typographyStyles.subtitle1,\n});\n"],"names":["makeStyles","typographyStyles","subtitle1ClassNames","root","useSubtitle1Styles","subtitle1"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,sBAAiD;IAC5DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,qBAAqBJ,WAAW;IAC3CG,MAAMF,iBAAiBI,SAAS;AAClC,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/presets/Subtitle2/Subtitle2.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { subtitle2ClassNames, useSubtitle2Styles } from './useSubtitle2Styles.styles';\n\n/**\n * Text preset component for the Subtitle2 typography variant\n */\nexport const Subtitle2: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useSubtitle2Styles,\n className: subtitle2ClassNames.root,\n displayName: 'Subtitle2',\n});\n"],"names":["
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Subtitle2/Subtitle2.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { subtitle2ClassNames, useSubtitle2Styles } from './useSubtitle2Styles.styles';\n\n/**\n * Text preset component for the Subtitle2 typography variant\n */\nexport const Subtitle2: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useSubtitle2Styles,\n className: subtitle2ClassNames.root,\n displayName: 'Subtitle2',\n});\n"],"names":["createPreset","subtitle2ClassNames","useSubtitle2Styles","Subtitle2","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,mBAAmB,EAAEC,kBAAkB,QAAQ,8BAA8B;AAEtF;;CAEC,GACD,OAAO,MAAMC,YAAsDH,aAAa;IAC9EI,WAAWF;IACXG,WAAWJ,oBAAoBK,IAAI;IACnCC,aAAa;AACf,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/presets/Subtitle2/useSubtitle2Styles.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 subtitle2ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Subtitle2',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useSubtitle2Styles = makeStyles({\n root: typographyStyles.subtitle2,\n});\n"],"names":["makeStyles","typographyStyles","subtitle2ClassNames","root","useSubtitle2Styles","subtitle2"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,sBAAiD;IAC5DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,qBAAqBJ,WAAW;IAC3CG,MAAMF,iBAAiBI,SAAS;AAClC,GAAG"}
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Subtitle2/useSubtitle2Styles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const subtitle2ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Subtitle2',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useSubtitle2Styles = makeStyles({\n root: typographyStyles.subtitle2,\n});\n"],"names":["makeStyles","typographyStyles","subtitle2ClassNames","root","useSubtitle2Styles","subtitle2"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,sBAAiD;IAC5DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,qBAAqBJ,WAAW;IAC3CG,MAAMF,iBAAiBI,SAAS;AAClC,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/presets/Subtitle2Stronger/Subtitle2Stronger.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { subtitle2StrongerClassNames, useSubtitle2StrongerStyles } from './useSubtitle2Stronger.styles';\n\n/**\n * Text preset component for the Subtitle2Stronger typography variant\n */\nexport const Subtitle2Stronger: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useSubtitle2StrongerStyles,\n className: subtitle2StrongerClassNames.root,\n displayName: 'Subtitle2Stronger',\n});\n"],"names":["
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Subtitle2Stronger/Subtitle2Stronger.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { subtitle2StrongerClassNames, useSubtitle2StrongerStyles } from './useSubtitle2Stronger.styles';\n\n/**\n * Text preset component for the Subtitle2Stronger typography variant\n */\nexport const Subtitle2Stronger: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useSubtitle2StrongerStyles,\n className: subtitle2StrongerClassNames.root,\n displayName: 'Subtitle2Stronger',\n});\n"],"names":["createPreset","subtitle2StrongerClassNames","useSubtitle2StrongerStyles","Subtitle2Stronger","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,2BAA2B,EAAEC,0BAA0B,QAAQ,gCAAgC;AAExG;;CAEC,GACD,OAAO,MAAMC,oBAA8DH,aAAa;IACtFI,WAAWF;IACXG,WAAWJ,4BAA4BK,IAAI;IAC3CC,aAAa;AACf,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/presets/Subtitle2Stronger/useSubtitle2Stronger.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 subtitle2StrongerClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Subtitle2Stronger',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useSubtitle2StrongerStyles = makeStyles({\n root: typographyStyles.subtitle2Stronger,\n});\n"],"names":["makeStyles","typographyStyles","subtitle2StrongerClassNames","root","useSubtitle2StrongerStyles","subtitle2Stronger"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,8BAAyD;IACpEC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,6BAA6BJ,WAAW;IACnDG,MAAMF,iBAAiBI,iBAAiB;AAC1C,GAAG"}
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Subtitle2Stronger/useSubtitle2Stronger.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const subtitle2StrongerClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Subtitle2Stronger',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useSubtitle2StrongerStyles = makeStyles({\n root: typographyStyles.subtitle2Stronger,\n});\n"],"names":["makeStyles","typographyStyles","subtitle2StrongerClassNames","root","useSubtitle2StrongerStyles","subtitle2Stronger"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,8BAAyD;IACpEC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,6BAA6BJ,WAAW;IACnDG,MAAMF,iBAAiBI,iBAAiB;AAC1C,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/presets/Title1/Title1.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { title1ClassNames, useTitle1Styles } from './useTitle1Styles.styles';\n\n/**\n * Text preset component for the Title 1 typography variant\n */\nexport const Title1: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useTitle1Styles,\n className: title1ClassNames.root,\n displayName: 'Title1',\n});\n"],"names":["
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Title1/Title1.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { title1ClassNames, useTitle1Styles } from './useTitle1Styles.styles';\n\n/**\n * Text preset component for the Title 1 typography variant\n */\nexport const Title1: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useTitle1Styles,\n className: title1ClassNames.root,\n displayName: 'Title1',\n});\n"],"names":["createPreset","title1ClassNames","useTitle1Styles","Title1","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,gBAAgB,EAAEC,eAAe,QAAQ,2BAA2B;AAE7E;;CAEC,GACD,OAAO,MAAMC,SAAmDH,aAAa;IAC3EI,WAAWF;IACXG,WAAWJ,iBAAiBK,IAAI;IAChCC,aAAa;AACf,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/presets/Title1/useTitle1Styles.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 title1ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Title1',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useTitle1Styles = makeStyles({\n root: typographyStyles.title1,\n});\n"],"names":["makeStyles","typographyStyles","title1ClassNames","root","useTitle1Styles","title1"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,mBAA8C;IACzDC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,kBAAkBJ,WAAW;IACxCG,MAAMF,iBAAiBI,MAAM;AAC/B,GAAG"}
|
|
1
|
+
{"version":3,"sources":["../src/components/presets/Title1/useTitle1Styles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const title1ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Title1',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useTitle1Styles = makeStyles({\n root: typographyStyles.title1,\n});\n"],"names":["makeStyles","typographyStyles","title1ClassNames","root","useTitle1Styles","title1"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,mBAA8C;IACzDC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,kBAAkBJ,WAAW;IACxCG,MAAMF,iBAAiBI,MAAM;AAC/B,GAAG"}
|