@fluentui/react-text 0.0.0-nightly-20250703-1103.1 → 0.0.0-nightly-20250704-0407.1
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 +10 -10
- package/package.json +7 -7
- package/lib/components/Text/useTextStyles.styles.raw.js +0 -110
- package/lib/components/Text/useTextStyles.styles.raw.js.map +0 -1
- package/lib/components/presets/Body1/useBody1Styles.styles.raw.js +0 -10
- package/lib/components/presets/Body1/useBody1Styles.styles.raw.js.map +0 -1
- package/lib/components/presets/Body1Strong/useBody1StrongStyles.styles.raw.js +0 -10
- package/lib/components/presets/Body1Strong/useBody1StrongStyles.styles.raw.js.map +0 -1
- package/lib/components/presets/Body1Stronger/useBody1StrongerStyles.styles.raw.js +0 -10
- package/lib/components/presets/Body1Stronger/useBody1StrongerStyles.styles.raw.js.map +0 -1
- package/lib/components/presets/Body2/useBody2Styles.styles.raw.js +0 -10
- package/lib/components/presets/Body2/useBody2Styles.styles.raw.js.map +0 -1
- package/lib/components/presets/Caption1/useCaption1Styles.styles.raw.js +0 -10
- package/lib/components/presets/Caption1/useCaption1Styles.styles.raw.js.map +0 -1
- package/lib/components/presets/Caption1Strong/useCaption1StrongStyles.styles.raw.js +0 -10
- package/lib/components/presets/Caption1Strong/useCaption1StrongStyles.styles.raw.js.map +0 -1
- package/lib/components/presets/Caption1Stronger/useCaption1Stronger.styles.raw.js +0 -10
- package/lib/components/presets/Caption1Stronger/useCaption1Stronger.styles.raw.js.map +0 -1
- package/lib/components/presets/Caption2/useCaption2Styles.styles.raw.js +0 -10
- package/lib/components/presets/Caption2/useCaption2Styles.styles.raw.js.map +0 -1
- package/lib/components/presets/Caption2Strong/useCaption2StrongStyles.styles.raw.js +0 -10
- package/lib/components/presets/Caption2Strong/useCaption2StrongStyles.styles.raw.js.map +0 -1
- package/lib/components/presets/Display/useDisplayStyles.styles.raw.js +0 -10
- package/lib/components/presets/Display/useDisplayStyles.styles.raw.js.map +0 -1
- package/lib/components/presets/LargeTitle/useLargeTitleStyles.styles.raw.js +0 -10
- package/lib/components/presets/LargeTitle/useLargeTitleStyles.styles.raw.js.map +0 -1
- package/lib/components/presets/Subtitle1/useSubtitle1Styles.styles.raw.js +0 -10
- package/lib/components/presets/Subtitle1/useSubtitle1Styles.styles.raw.js.map +0 -1
- package/lib/components/presets/Subtitle2/useSubtitle2Styles.styles.raw.js +0 -10
- package/lib/components/presets/Subtitle2/useSubtitle2Styles.styles.raw.js.map +0 -1
- package/lib/components/presets/Subtitle2Stronger/useSubtitle2Stronger.styles.raw.js +0 -10
- package/lib/components/presets/Subtitle2Stronger/useSubtitle2Stronger.styles.raw.js.map +0 -1
- package/lib/components/presets/Title1/useTitle1Styles.styles.raw.js +0 -10
- package/lib/components/presets/Title1/useTitle1Styles.styles.raw.js.map +0 -1
- package/lib/components/presets/Title2/useTitle2Styles.styles.raw.js +0 -10
- package/lib/components/presets/Title2/useTitle2Styles.styles.raw.js.map +0 -1
- package/lib/components/presets/Title3/useTitle3Styles.styles.raw.js +0 -10
- package/lib/components/presets/Title3/useTitle3Styles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/Text/useTextStyles.styles.raw.js +0 -126
- package/lib-commonjs/components/Text/useTextStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/presets/Body1/useBody1Styles.styles.raw.js +0 -26
- package/lib-commonjs/components/presets/Body1/useBody1Styles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/presets/Body1Strong/useBody1StrongStyles.styles.raw.js +0 -26
- package/lib-commonjs/components/presets/Body1Strong/useBody1StrongStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/presets/Body1Stronger/useBody1StrongerStyles.styles.raw.js +0 -26
- package/lib-commonjs/components/presets/Body1Stronger/useBody1StrongerStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/presets/Body2/useBody2Styles.styles.raw.js +0 -26
- package/lib-commonjs/components/presets/Body2/useBody2Styles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/presets/Caption1/useCaption1Styles.styles.raw.js +0 -26
- package/lib-commonjs/components/presets/Caption1/useCaption1Styles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/presets/Caption1Strong/useCaption1StrongStyles.styles.raw.js +0 -26
- package/lib-commonjs/components/presets/Caption1Strong/useCaption1StrongStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/presets/Caption1Stronger/useCaption1Stronger.styles.raw.js +0 -26
- package/lib-commonjs/components/presets/Caption1Stronger/useCaption1Stronger.styles.raw.js.map +0 -1
- package/lib-commonjs/components/presets/Caption2/useCaption2Styles.styles.raw.js +0 -26
- package/lib-commonjs/components/presets/Caption2/useCaption2Styles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/presets/Caption2Strong/useCaption2StrongStyles.styles.raw.js +0 -26
- package/lib-commonjs/components/presets/Caption2Strong/useCaption2StrongStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/presets/Display/useDisplayStyles.styles.raw.js +0 -26
- package/lib-commonjs/components/presets/Display/useDisplayStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/presets/LargeTitle/useLargeTitleStyles.styles.raw.js +0 -26
- package/lib-commonjs/components/presets/LargeTitle/useLargeTitleStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/presets/Subtitle1/useSubtitle1Styles.styles.raw.js +0 -26
- package/lib-commonjs/components/presets/Subtitle1/useSubtitle1Styles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/presets/Subtitle2/useSubtitle2Styles.styles.raw.js +0 -26
- package/lib-commonjs/components/presets/Subtitle2/useSubtitle2Styles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/presets/Subtitle2Stronger/useSubtitle2Stronger.styles.raw.js +0 -26
- package/lib-commonjs/components/presets/Subtitle2Stronger/useSubtitle2Stronger.styles.raw.js.map +0 -1
- package/lib-commonjs/components/presets/Title1/useTitle1Styles.styles.raw.js +0 -26
- package/lib-commonjs/components/presets/Title1/useTitle1Styles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/presets/Title2/useTitle2Styles.styles.raw.js +0 -26
- package/lib-commonjs/components/presets/Title2/useTitle2Styles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/presets/Title3/useTitle3Styles.styles.raw.js +0 -26
- package/lib-commonjs/components/presets/Title3/useTitle3Styles.styles.raw.js.map +0 -1
package/CHANGELOG.md
CHANGED
@@ -1,23 +1,23 @@
|
|
1
1
|
# Change Log - @fluentui/react-text
|
2
2
|
|
3
|
-
This log was last generated on
|
3
|
+
This log was last generated on Fri, 04 Jul 2025 04:23:52 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
-
## [0.0.0-nightly-
|
7
|
+
## [0.0.0-nightly-20250704-0407.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v0.0.0-nightly-20250704-0407.1)
|
8
8
|
|
9
|
-
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.5.2..@fluentui/react-text_v0.0.0-nightly-
|
9
|
+
Fri, 04 Jul 2025 04:23:52 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.5.2..@fluentui/react-text_v0.0.0-nightly-20250704-0407.1)
|
11
11
|
|
12
12
|
### Changes
|
13
13
|
|
14
14
|
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
|
15
|
-
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-
|
16
|
-
- Bump @fluentui/react-theme to v0.0.0-nightly-
|
17
|
-
- Bump @fluentui/react-utilities to v0.0.0-nightly-
|
18
|
-
- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-
|
19
|
-
- Bump @fluentui/react-conformance to v0.0.0-nightly-
|
20
|
-
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
15
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20250704-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/3c4698d79cc2b57bd02e8dadb393007150178c18) by beachball)
|
16
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly-20250704-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/3c4698d79cc2b57bd02e8dadb393007150178c18) by beachball)
|
17
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly-20250704-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/3c4698d79cc2b57bd02e8dadb393007150178c18) by beachball)
|
18
|
+
- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20250704-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/3c4698d79cc2b57bd02e8dadb393007150178c18) by beachball)
|
19
|
+
- Bump @fluentui/react-conformance to v0.0.0-nightly-20250704-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/3c4698d79cc2b57bd02e8dadb393007150178c18) by beachball)
|
20
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20250704-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/3c4698d79cc2b57bd02e8dadb393007150178c18) by beachball)
|
21
21
|
|
22
22
|
## [9.5.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.5.2)
|
23
23
|
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-text",
|
3
|
-
"version": "0.0.0-nightly-
|
3
|
+
"version": "0.0.0-nightly-20250704-0407.1",
|
4
4
|
"description": "Text is a typography and styling abstraction component that can be used to ensure the consistency of all text across your application.",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
@@ -13,15 +13,15 @@
|
|
13
13
|
"license": "MIT",
|
14
14
|
"devDependencies": {
|
15
15
|
"@fluentui/eslint-plugin": "*",
|
16
|
-
"@fluentui/react-conformance": "0.0.0-nightly-
|
17
|
-
"@fluentui/react-conformance-griffel": "0.0.0-nightly-
|
16
|
+
"@fluentui/react-conformance": "0.0.0-nightly-20250704-0407.1",
|
17
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightly-20250704-0407.1",
|
18
18
|
"@fluentui/scripts-api-extractor": "*"
|
19
19
|
},
|
20
20
|
"dependencies": {
|
21
|
-
"@fluentui/react-shared-contexts": "0.0.0-nightly-
|
22
|
-
"@fluentui/react-theme": "0.0.0-nightly-
|
23
|
-
"@fluentui/react-utilities": "0.0.0-nightly-
|
24
|
-
"@fluentui/react-jsx-runtime": "0.0.0-nightly-
|
21
|
+
"@fluentui/react-shared-contexts": "0.0.0-nightly-20250704-0407.1",
|
22
|
+
"@fluentui/react-theme": "0.0.0-nightly-20250704-0407.1",
|
23
|
+
"@fluentui/react-utilities": "0.0.0-nightly-20250704-0407.1",
|
24
|
+
"@fluentui/react-jsx-runtime": "0.0.0-nightly-20250704-0407.1",
|
25
25
|
"@griffel/react": "^1.5.22",
|
26
26
|
"@swc/helpers": "^0.5.1"
|
27
27
|
},
|
@@ -1,110 +0,0 @@
|
|
1
|
-
import { makeStyles, mergeClasses } from '@griffel/react';
|
2
|
-
import { tokens } from '@fluentui/react-theme';
|
3
|
-
export const textClassNames = {
|
4
|
-
root: 'fui-Text'
|
5
|
-
};
|
6
|
-
/**
|
7
|
-
* Styles for the root slot
|
8
|
-
*/ const useStyles = makeStyles({
|
9
|
-
root: {
|
10
|
-
fontFamily: tokens.fontFamilyBase,
|
11
|
-
fontSize: tokens.fontSizeBase300,
|
12
|
-
lineHeight: tokens.lineHeightBase300,
|
13
|
-
fontWeight: tokens.fontWeightRegular,
|
14
|
-
textAlign: 'start',
|
15
|
-
display: 'inline',
|
16
|
-
whiteSpace: 'normal',
|
17
|
-
overflow: 'visible',
|
18
|
-
textOverflow: 'clip'
|
19
|
-
},
|
20
|
-
nowrap: {
|
21
|
-
whiteSpace: 'nowrap',
|
22
|
-
overflow: 'hidden'
|
23
|
-
},
|
24
|
-
truncate: {
|
25
|
-
textOverflow: 'ellipsis'
|
26
|
-
},
|
27
|
-
block: {
|
28
|
-
display: 'block'
|
29
|
-
},
|
30
|
-
italic: {
|
31
|
-
fontStyle: 'italic'
|
32
|
-
},
|
33
|
-
underline: {
|
34
|
-
textDecorationLine: 'underline'
|
35
|
-
},
|
36
|
-
strikethrough: {
|
37
|
-
textDecorationLine: 'line-through'
|
38
|
-
},
|
39
|
-
strikethroughUnderline: {
|
40
|
-
textDecorationLine: 'line-through underline'
|
41
|
-
},
|
42
|
-
base100: {
|
43
|
-
fontSize: tokens.fontSizeBase100,
|
44
|
-
lineHeight: tokens.lineHeightBase100
|
45
|
-
},
|
46
|
-
base200: {
|
47
|
-
fontSize: tokens.fontSizeBase200,
|
48
|
-
lineHeight: tokens.lineHeightBase200
|
49
|
-
},
|
50
|
-
base400: {
|
51
|
-
fontSize: tokens.fontSizeBase400,
|
52
|
-
lineHeight: tokens.lineHeightBase400
|
53
|
-
},
|
54
|
-
base500: {
|
55
|
-
fontSize: tokens.fontSizeBase500,
|
56
|
-
lineHeight: tokens.lineHeightBase500
|
57
|
-
},
|
58
|
-
base600: {
|
59
|
-
fontSize: tokens.fontSizeBase600,
|
60
|
-
lineHeight: tokens.lineHeightBase600
|
61
|
-
},
|
62
|
-
hero700: {
|
63
|
-
fontSize: tokens.fontSizeHero700,
|
64
|
-
lineHeight: tokens.lineHeightHero700
|
65
|
-
},
|
66
|
-
hero800: {
|
67
|
-
fontSize: tokens.fontSizeHero800,
|
68
|
-
lineHeight: tokens.lineHeightHero800
|
69
|
-
},
|
70
|
-
hero900: {
|
71
|
-
fontSize: tokens.fontSizeHero900,
|
72
|
-
lineHeight: tokens.lineHeightHero900
|
73
|
-
},
|
74
|
-
hero1000: {
|
75
|
-
fontSize: tokens.fontSizeHero1000,
|
76
|
-
lineHeight: tokens.lineHeightHero1000
|
77
|
-
},
|
78
|
-
monospace: {
|
79
|
-
fontFamily: tokens.fontFamilyMonospace
|
80
|
-
},
|
81
|
-
numeric: {
|
82
|
-
fontFamily: tokens.fontFamilyNumeric
|
83
|
-
},
|
84
|
-
weightMedium: {
|
85
|
-
fontWeight: tokens.fontWeightMedium
|
86
|
-
},
|
87
|
-
weightSemibold: {
|
88
|
-
fontWeight: tokens.fontWeightSemibold
|
89
|
-
},
|
90
|
-
weightBold: {
|
91
|
-
fontWeight: tokens.fontWeightBold
|
92
|
-
},
|
93
|
-
alignCenter: {
|
94
|
-
textAlign: 'center'
|
95
|
-
},
|
96
|
-
alignEnd: {
|
97
|
-
textAlign: 'end'
|
98
|
-
},
|
99
|
-
alignJustify: {
|
100
|
-
textAlign: 'justify'
|
101
|
-
}
|
102
|
-
});
|
103
|
-
/**
|
104
|
-
* Apply styling to the Text slots based on the state
|
105
|
-
*/ export const useTextStyles_unstable = (state)=>{
|
106
|
-
'use no memo';
|
107
|
-
const styles = useStyles();
|
108
|
-
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);
|
109
|
-
return state;
|
110
|
-
};
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../src/components/Text/useTextStyles.styles.ts"],"sourcesContent":["import { 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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,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;IAEfgE,MAAMjE,IAAI,CAACmE,SAAS,GAAGtE,aACrBE,eAAeC,IAAI,EACnBkE,OAAOlE,IAAI,EACXiE,MAAMG,IAAI,KAAK,SAASF,OAAOnD,MAAM,EACrCkD,MAAMjD,QAAQ,IAAIkD,OAAOlD,QAAQ,EACjCiD,MAAMhD,KAAK,IAAIiD,OAAOjD,KAAK,EAC3BgD,MAAM/C,MAAM,IAAIgD,OAAOhD,MAAM,EAC7B+C,MAAM7C,SAAS,IAAI8C,OAAO9C,SAAS,EACnC6C,MAAM3C,aAAa,IAAI4C,OAAO5C,aAAa,EAC3C2C,MAAM7C,SAAS,IAAI6C,MAAM3C,aAAa,IAAI4C,OAAO3C,sBAAsB,EACvE0C,MAAMI,IAAI,KAAK,OAAOH,OAAO1C,OAAO,EACpCyC,MAAMI,IAAI,KAAK,OAAOH,OAAOvC,OAAO,EACpCsC,MAAMI,IAAI,KAAK,OAAOH,OAAOpC,OAAO,EACpCmC,MAAMI,IAAI,KAAK,OAAOH,OAAOjC,OAAO,EACpCgC,MAAMI,IAAI,KAAK,OAAOH,OAAO9B,OAAO,EACpC6B,MAAMI,IAAI,KAAK,OAAOH,OAAO3B,OAAO,EACpC0B,MAAMI,IAAI,KAAK,OAAOH,OAAOxB,OAAO,EACpCuB,MAAMI,IAAI,KAAK,OAAOH,OAAOrB,OAAO,EACpCoB,MAAMI,IAAI,KAAK,QAAQH,OAAOlB,QAAQ,EACtCiB,MAAMK,IAAI,KAAK,eAAeJ,OAAOf,SAAS,EAC9Cc,MAAMK,IAAI,KAAK,aAAaJ,OAAOb,OAAO,EAC1CY,MAAMM,MAAM,KAAK,YAAYL,OAAOX,YAAY,EAChDU,MAAMM,MAAM,KAAK,cAAcL,OAAOT,cAAc,EACpDQ,MAAMM,MAAM,KAAK,UAAUL,OAAOP,UAAU,EAC5CM,MAAMO,KAAK,KAAK,YAAYN,OAAOL,WAAW,EAC9CI,MAAMO,KAAK,KAAK,SAASN,OAAOJ,QAAQ,EACxCG,MAAMO,KAAK,KAAK,aAAaN,OAAOH,YAAY,EAChDE,MAAMjE,IAAI,CAACmE,SAAS;IAGtB,OAAOF;AACT,EAAE"}
|
@@ -1,10 +0,0 @@
|
|
1
|
-
import { makeStyles } from '@griffel/react';
|
2
|
-
import { typographyStyles } from '@fluentui/react-theme';
|
3
|
-
export const body1ClassNames = {
|
4
|
-
root: 'fui-Body1'
|
5
|
-
};
|
6
|
-
/**
|
7
|
-
* Styles for the root slot
|
8
|
-
*/ export const useBody1Styles = makeStyles({
|
9
|
-
root: typographyStyles.body1
|
10
|
-
});
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../src/components/presets/Body1/useBody1Styles.styles.ts"],"sourcesContent":["import { 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"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,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,10 +0,0 @@
|
|
1
|
-
import { makeStyles } from '@griffel/react';
|
2
|
-
import { typographyStyles } from '@fluentui/react-theme';
|
3
|
-
export const body1StrongClassNames = {
|
4
|
-
root: 'fui-Body1Strong'
|
5
|
-
};
|
6
|
-
/**
|
7
|
-
* Styles for the root slot
|
8
|
-
*/ export const useBody1StrongStyles = makeStyles({
|
9
|
-
root: typographyStyles.body1Strong
|
10
|
-
});
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../src/components/presets/Body1Strong/useBody1StrongStyles.styles.ts"],"sourcesContent":["import { 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"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,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,10 +0,0 @@
|
|
1
|
-
import { makeStyles } from '@griffel/react';
|
2
|
-
import { typographyStyles } from '@fluentui/react-theme';
|
3
|
-
export const body1StrongerClassNames = {
|
4
|
-
root: 'fui-Body1Stronger'
|
5
|
-
};
|
6
|
-
/**
|
7
|
-
* Styles for the root slot
|
8
|
-
*/ export const useBody1StrongerStyles = makeStyles({
|
9
|
-
root: typographyStyles.body1Stronger
|
10
|
-
});
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../src/components/presets/Body1Stronger/useBody1StrongerStyles.styles.ts"],"sourcesContent":["import { 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"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,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,10 +0,0 @@
|
|
1
|
-
import { makeStyles } from '@griffel/react';
|
2
|
-
import { typographyStyles } from '@fluentui/react-theme';
|
3
|
-
export const body2ClassNames = {
|
4
|
-
root: 'fui-Body2'
|
5
|
-
};
|
6
|
-
/**
|
7
|
-
* Styles for the root slot
|
8
|
-
*/ export const useBody2Styles = makeStyles({
|
9
|
-
root: typographyStyles.body2
|
10
|
-
});
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../src/components/presets/Body2/useBody2Styles.styles.ts"],"sourcesContent":["import { 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"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,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,10 +0,0 @@
|
|
1
|
-
import { makeStyles } from '@griffel/react';
|
2
|
-
import { typographyStyles } from '@fluentui/react-theme';
|
3
|
-
export const caption1ClassNames = {
|
4
|
-
root: 'fui-Caption1'
|
5
|
-
};
|
6
|
-
/**
|
7
|
-
* Styles for the root slot
|
8
|
-
*/ export const useCaption1Styles = makeStyles({
|
9
|
-
root: typographyStyles.caption1
|
10
|
-
});
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../src/components/presets/Caption1/useCaption1Styles.styles.ts"],"sourcesContent":["import { 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"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,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,10 +0,0 @@
|
|
1
|
-
import { makeStyles } from '@griffel/react';
|
2
|
-
import { typographyStyles } from '@fluentui/react-theme';
|
3
|
-
export const caption1StrongClassNames = {
|
4
|
-
root: 'fui-Caption1Strong'
|
5
|
-
};
|
6
|
-
/**
|
7
|
-
* Styles for the root slot
|
8
|
-
*/ export const useCaption1StrongStyles = makeStyles({
|
9
|
-
root: typographyStyles.caption1Strong
|
10
|
-
});
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../src/components/presets/Caption1Strong/useCaption1StrongStyles.styles.ts"],"sourcesContent":["import { 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"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,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,10 +0,0 @@
|
|
1
|
-
import { makeStyles } from '@griffel/react';
|
2
|
-
import { typographyStyles } from '@fluentui/react-theme';
|
3
|
-
export const caption1StrongerClassNames = {
|
4
|
-
root: 'fui-Caption1Stronger'
|
5
|
-
};
|
6
|
-
/**
|
7
|
-
* Styles for the root slot
|
8
|
-
*/ export const useCaption1StrongerStyles = makeStyles({
|
9
|
-
root: typographyStyles.caption1Stronger
|
10
|
-
});
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../src/components/presets/Caption1Stronger/useCaption1Stronger.styles.ts"],"sourcesContent":["import { 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"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,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,10 +0,0 @@
|
|
1
|
-
import { makeStyles } from '@griffel/react';
|
2
|
-
import { typographyStyles } from '@fluentui/react-theme';
|
3
|
-
export const caption2ClassNames = {
|
4
|
-
root: 'fui-Caption2'
|
5
|
-
};
|
6
|
-
/**
|
7
|
-
* Styles for the root slot
|
8
|
-
*/ export const useCaption2Styles = makeStyles({
|
9
|
-
root: typographyStyles.caption2
|
10
|
-
});
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../src/components/presets/Caption2/useCaption2Styles.styles.ts"],"sourcesContent":["import { 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"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,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,10 +0,0 @@
|
|
1
|
-
import { makeStyles } from '@griffel/react';
|
2
|
-
import { typographyStyles } from '@fluentui/react-theme';
|
3
|
-
export const caption2StrongClassNames = {
|
4
|
-
root: 'fui-Caption2Strong'
|
5
|
-
};
|
6
|
-
/**
|
7
|
-
* Styles for the root slot
|
8
|
-
*/ export const useCaption2StrongStyles = makeStyles({
|
9
|
-
root: typographyStyles.caption2Strong
|
10
|
-
});
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../src/components/presets/Caption2Strong/useCaption2StrongStyles.styles.ts"],"sourcesContent":["import { 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"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,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,10 +0,0 @@
|
|
1
|
-
import { makeStyles } from '@griffel/react';
|
2
|
-
import { typographyStyles } from '@fluentui/react-theme';
|
3
|
-
export const displayClassNames = {
|
4
|
-
root: 'fui-Display'
|
5
|
-
};
|
6
|
-
/**
|
7
|
-
* Styles for the root slot
|
8
|
-
*/ export const useDisplayStyles = makeStyles({
|
9
|
-
root: typographyStyles.display
|
10
|
-
});
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../src/components/presets/Display/useDisplayStyles.styles.ts"],"sourcesContent":["import { 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"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,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,10 +0,0 @@
|
|
1
|
-
import { makeStyles } from '@griffel/react';
|
2
|
-
import { typographyStyles } from '@fluentui/react-theme';
|
3
|
-
export const largeTitleClassNames = {
|
4
|
-
root: 'fui-LargeTitle'
|
5
|
-
};
|
6
|
-
/**
|
7
|
-
* Styles for the root slot
|
8
|
-
*/ export const useLargeTitleStyles = makeStyles({
|
9
|
-
root: typographyStyles.largeTitle
|
10
|
-
});
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../src/components/presets/LargeTitle/useLargeTitleStyles.styles.ts"],"sourcesContent":["import { 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"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,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,10 +0,0 @@
|
|
1
|
-
import { makeStyles } from '@griffel/react';
|
2
|
-
import { typographyStyles } from '@fluentui/react-theme';
|
3
|
-
export const subtitle1ClassNames = {
|
4
|
-
root: 'fui-Subtitle1'
|
5
|
-
};
|
6
|
-
/**
|
7
|
-
* Styles for the root slot
|
8
|
-
*/ export const useSubtitle1Styles = makeStyles({
|
9
|
-
root: typographyStyles.subtitle1
|
10
|
-
});
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../src/components/presets/Subtitle1/useSubtitle1Styles.styles.ts"],"sourcesContent":["import { 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"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,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,10 +0,0 @@
|
|
1
|
-
import { makeStyles } from '@griffel/react';
|
2
|
-
import { typographyStyles } from '@fluentui/react-theme';
|
3
|
-
export const subtitle2ClassNames = {
|
4
|
-
root: 'fui-Subtitle2'
|
5
|
-
};
|
6
|
-
/**
|
7
|
-
* Styles for the root slot
|
8
|
-
*/ export const useSubtitle2Styles = makeStyles({
|
9
|
-
root: typographyStyles.subtitle2
|
10
|
-
});
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../src/components/presets/Subtitle2/useSubtitle2Styles.styles.ts"],"sourcesContent":["import { 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"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,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,10 +0,0 @@
|
|
1
|
-
import { makeStyles } from '@griffel/react';
|
2
|
-
import { typographyStyles } from '@fluentui/react-theme';
|
3
|
-
export const subtitle2StrongerClassNames = {
|
4
|
-
root: 'fui-Subtitle2Stronger'
|
5
|
-
};
|
6
|
-
/**
|
7
|
-
* Styles for the root slot
|
8
|
-
*/ export const useSubtitle2StrongerStyles = makeStyles({
|
9
|
-
root: typographyStyles.subtitle2Stronger
|
10
|
-
});
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../src/components/presets/Subtitle2Stronger/useSubtitle2Stronger.styles.ts"],"sourcesContent":["import { 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"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,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,10 +0,0 @@
|
|
1
|
-
import { makeStyles } from '@griffel/react';
|
2
|
-
import { typographyStyles } from '@fluentui/react-theme';
|
3
|
-
export const title1ClassNames = {
|
4
|
-
root: 'fui-Title1'
|
5
|
-
};
|
6
|
-
/**
|
7
|
-
* Styles for the root slot
|
8
|
-
*/ export const useTitle1Styles = makeStyles({
|
9
|
-
root: typographyStyles.title1
|
10
|
-
});
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../src/components/presets/Title1/useTitle1Styles.styles.ts"],"sourcesContent":["import { 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"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,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,10 +0,0 @@
|
|
1
|
-
import { makeStyles } from '@griffel/react';
|
2
|
-
import { typographyStyles } from '@fluentui/react-theme';
|
3
|
-
export const title2ClassNames = {
|
4
|
-
root: 'fui-Title2'
|
5
|
-
};
|
6
|
-
/**
|
7
|
-
* Styles for the root slot
|
8
|
-
*/ export const useTitle2Styles = makeStyles({
|
9
|
-
root: typographyStyles.title2
|
10
|
-
});
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../src/components/presets/Title2/useTitle2Styles.styles.ts"],"sourcesContent":["import { 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 title2ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Title2',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useTitle2Styles = makeStyles({\n root: typographyStyles.title2,\n});\n"],"names":["makeStyles","typographyStyles","title2ClassNames","root","useTitle2Styles","title2"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,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,10 +0,0 @@
|
|
1
|
-
import { makeStyles } from '@griffel/react';
|
2
|
-
import { typographyStyles } from '@fluentui/react-theme';
|
3
|
-
export const title3ClassNames = {
|
4
|
-
root: 'fui-Title3'
|
5
|
-
};
|
6
|
-
/**
|
7
|
-
* Styles for the root slot
|
8
|
-
*/ export const useTitle3Styles = makeStyles({
|
9
|
-
root: typographyStyles.title3
|
10
|
-
});
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../src/components/presets/Title3/useTitle3Styles.styles.ts"],"sourcesContent":["import { 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 title3ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Title3',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useTitle3Styles = makeStyles({\n root: typographyStyles.title3,\n});\n"],"names":["makeStyles","typographyStyles","title3ClassNames","root","useTitle3Styles","title3"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,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,126 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
3
|
-
value: true
|
4
|
-
});
|
5
|
-
function _export(target, all) {
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
7
|
-
enumerable: true,
|
8
|
-
get: all[name]
|
9
|
-
});
|
10
|
-
}
|
11
|
-
_export(exports, {
|
12
|
-
textClassNames: function() {
|
13
|
-
return textClassNames;
|
14
|
-
},
|
15
|
-
useTextStyles_unstable: function() {
|
16
|
-
return useTextStyles_unstable;
|
17
|
-
}
|
18
|
-
});
|
19
|
-
const _react = require("@griffel/react");
|
20
|
-
const _reacttheme = require("@fluentui/react-theme");
|
21
|
-
const textClassNames = {
|
22
|
-
root: 'fui-Text'
|
23
|
-
};
|
24
|
-
/**
|
25
|
-
* Styles for the root slot
|
26
|
-
*/ const useStyles = (0, _react.makeStyles)({
|
27
|
-
root: {
|
28
|
-
fontFamily: _reacttheme.tokens.fontFamilyBase,
|
29
|
-
fontSize: _reacttheme.tokens.fontSizeBase300,
|
30
|
-
lineHeight: _reacttheme.tokens.lineHeightBase300,
|
31
|
-
fontWeight: _reacttheme.tokens.fontWeightRegular,
|
32
|
-
textAlign: 'start',
|
33
|
-
display: 'inline',
|
34
|
-
whiteSpace: 'normal',
|
35
|
-
overflow: 'visible',
|
36
|
-
textOverflow: 'clip'
|
37
|
-
},
|
38
|
-
nowrap: {
|
39
|
-
whiteSpace: 'nowrap',
|
40
|
-
overflow: 'hidden'
|
41
|
-
},
|
42
|
-
truncate: {
|
43
|
-
textOverflow: 'ellipsis'
|
44
|
-
},
|
45
|
-
block: {
|
46
|
-
display: 'block'
|
47
|
-
},
|
48
|
-
italic: {
|
49
|
-
fontStyle: 'italic'
|
50
|
-
},
|
51
|
-
underline: {
|
52
|
-
textDecorationLine: 'underline'
|
53
|
-
},
|
54
|
-
strikethrough: {
|
55
|
-
textDecorationLine: 'line-through'
|
56
|
-
},
|
57
|
-
strikethroughUnderline: {
|
58
|
-
textDecorationLine: 'line-through underline'
|
59
|
-
},
|
60
|
-
base100: {
|
61
|
-
fontSize: _reacttheme.tokens.fontSizeBase100,
|
62
|
-
lineHeight: _reacttheme.tokens.lineHeightBase100
|
63
|
-
},
|
64
|
-
base200: {
|
65
|
-
fontSize: _reacttheme.tokens.fontSizeBase200,
|
66
|
-
lineHeight: _reacttheme.tokens.lineHeightBase200
|
67
|
-
},
|
68
|
-
base400: {
|
69
|
-
fontSize: _reacttheme.tokens.fontSizeBase400,
|
70
|
-
lineHeight: _reacttheme.tokens.lineHeightBase400
|
71
|
-
},
|
72
|
-
base500: {
|
73
|
-
fontSize: _reacttheme.tokens.fontSizeBase500,
|
74
|
-
lineHeight: _reacttheme.tokens.lineHeightBase500
|
75
|
-
},
|
76
|
-
base600: {
|
77
|
-
fontSize: _reacttheme.tokens.fontSizeBase600,
|
78
|
-
lineHeight: _reacttheme.tokens.lineHeightBase600
|
79
|
-
},
|
80
|
-
hero700: {
|
81
|
-
fontSize: _reacttheme.tokens.fontSizeHero700,
|
82
|
-
lineHeight: _reacttheme.tokens.lineHeightHero700
|
83
|
-
},
|
84
|
-
hero800: {
|
85
|
-
fontSize: _reacttheme.tokens.fontSizeHero800,
|
86
|
-
lineHeight: _reacttheme.tokens.lineHeightHero800
|
87
|
-
},
|
88
|
-
hero900: {
|
89
|
-
fontSize: _reacttheme.tokens.fontSizeHero900,
|
90
|
-
lineHeight: _reacttheme.tokens.lineHeightHero900
|
91
|
-
},
|
92
|
-
hero1000: {
|
93
|
-
fontSize: _reacttheme.tokens.fontSizeHero1000,
|
94
|
-
lineHeight: _reacttheme.tokens.lineHeightHero1000
|
95
|
-
},
|
96
|
-
monospace: {
|
97
|
-
fontFamily: _reacttheme.tokens.fontFamilyMonospace
|
98
|
-
},
|
99
|
-
numeric: {
|
100
|
-
fontFamily: _reacttheme.tokens.fontFamilyNumeric
|
101
|
-
},
|
102
|
-
weightMedium: {
|
103
|
-
fontWeight: _reacttheme.tokens.fontWeightMedium
|
104
|
-
},
|
105
|
-
weightSemibold: {
|
106
|
-
fontWeight: _reacttheme.tokens.fontWeightSemibold
|
107
|
-
},
|
108
|
-
weightBold: {
|
109
|
-
fontWeight: _reacttheme.tokens.fontWeightBold
|
110
|
-
},
|
111
|
-
alignCenter: {
|
112
|
-
textAlign: 'center'
|
113
|
-
},
|
114
|
-
alignEnd: {
|
115
|
-
textAlign: 'end'
|
116
|
-
},
|
117
|
-
alignJustify: {
|
118
|
-
textAlign: 'justify'
|
119
|
-
}
|
120
|
-
});
|
121
|
-
const useTextStyles_unstable = (state)=>{
|
122
|
-
'use no memo';
|
123
|
-
const styles = useStyles();
|
124
|
-
state.root.className = (0, _react.mergeClasses)(textClassNames.root, styles.root, state.wrap === false && styles.nowrap, state.truncate && styles.truncate, state.block && styles.block, state.italic && styles.italic, state.underline && styles.underline, state.strikethrough && styles.strikethrough, state.underline && state.strikethrough && styles.strikethroughUnderline, state.size === 100 && styles.base100, state.size === 200 && styles.base200, state.size === 400 && styles.base400, state.size === 500 && styles.base500, state.size === 600 && styles.base600, state.size === 700 && styles.hero700, state.size === 800 && styles.hero800, state.size === 900 && styles.hero900, state.size === 1000 && styles.hero1000, state.font === 'monospace' && styles.monospace, state.font === 'numeric' && styles.numeric, state.weight === 'medium' && styles.weightMedium, state.weight === 'semibold' && styles.weightSemibold, state.weight === 'bold' && styles.weightBold, state.align === 'center' && styles.alignCenter, state.align === 'end' && styles.alignEnd, state.align === 'justify' && styles.alignJustify, state.root.className);
|
125
|
-
return state;
|
126
|
-
};
|