@fluentui/react-text 0.0.0-nightly-20240819-2137.1 → 0.0.0-nightly-20240822-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/lib/components/Text/useTextStyles.styles.js +29 -29
- package/lib/components/Text/useTextStyles.styles.js.map +1 -1
- package/lib-commonjs/components/Text/useTextStyles.styles.js +54 -54
- package/lib-commonjs/components/Text/useTextStyles.styles.js.map +1 -1
- package/package.json +7 -7
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 Thu, 22 Aug 2024 04:11: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-20240822-0407.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v0.0.0-nightly-20240822-0407.1)
|
8
8
|
|
9
|
-
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.4.23..@fluentui/react-text_v0.0.0-nightly-
|
9
|
+
Thu, 22 Aug 2024 04:11:52 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.4.23..@fluentui/react-text_v0.0.0-nightly-20240822-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-20240822-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/d7009747796a586507e4c4ebd32c74df222feac4) by beachball)
|
16
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly-20240822-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/d7009747796a586507e4c4ebd32c74df222feac4) by beachball)
|
17
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly-20240822-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/d7009747796a586507e4c4ebd32c74df222feac4) by beachball)
|
18
|
+
- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240822-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/d7009747796a586507e4c4ebd32c74df222feac4) by beachball)
|
19
|
+
- Bump @fluentui/react-conformance to v0.0.0-nightly-20240822-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/d7009747796a586507e4c4ebd32c74df222feac4) by beachball)
|
20
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240822-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/d7009747796a586507e4c4ebd32c74df222feac4) by beachball)
|
21
21
|
|
22
22
|
## [9.4.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.4.23)
|
23
23
|
|
@@ -8,10 +8,10 @@ export const textClassNames = {
|
|
8
8
|
*/
|
9
9
|
const useStyles = /*#__PURE__*/__styles({
|
10
10
|
root: {
|
11
|
-
Bahqtrf: "
|
12
|
-
Be2twd7: "
|
13
|
-
Bg96gwp: "
|
14
|
-
Bhrd7zp: "
|
11
|
+
Bahqtrf: "fk6fouc",
|
12
|
+
Be2twd7: "fkhj508",
|
13
|
+
Bg96gwp: "f1i3iumi",
|
14
|
+
Bhrd7zp: "figsok6",
|
15
15
|
fsow6f: "fpgzoln",
|
16
16
|
mc9l5x: "f1w7gpdv",
|
17
17
|
Huce71: "f6juhto",
|
@@ -45,55 +45,55 @@ const useStyles = /*#__PURE__*/__styles({
|
|
45
45
|
w71qe1: "f1drk4o6"
|
46
46
|
},
|
47
47
|
base100: {
|
48
|
-
Be2twd7: "
|
49
|
-
Bg96gwp: "
|
48
|
+
Be2twd7: "f13mqy1h",
|
49
|
+
Bg96gwp: "fcpl73t"
|
50
50
|
},
|
51
51
|
base200: {
|
52
|
-
Be2twd7: "
|
53
|
-
Bg96gwp: "
|
52
|
+
Be2twd7: "fy9rknc",
|
53
|
+
Bg96gwp: "fwrc4pm"
|
54
54
|
},
|
55
55
|
base400: {
|
56
|
-
Be2twd7: "
|
57
|
-
Bg96gwp: "
|
56
|
+
Be2twd7: "fod5ikn",
|
57
|
+
Bg96gwp: "faaz57k"
|
58
58
|
},
|
59
59
|
base500: {
|
60
|
-
Be2twd7: "
|
61
|
-
Bg96gwp: "
|
60
|
+
Be2twd7: "f1pp30po",
|
61
|
+
Bg96gwp: "f106mvju"
|
62
62
|
},
|
63
63
|
base600: {
|
64
|
-
Be2twd7: "
|
65
|
-
Bg96gwp: "
|
64
|
+
Be2twd7: "f1x0m3f5",
|
65
|
+
Bg96gwp: "fb86gi6"
|
66
66
|
},
|
67
67
|
hero700: {
|
68
|
-
Be2twd7: "
|
69
|
-
Bg96gwp: "
|
68
|
+
Be2twd7: "fojgt09",
|
69
|
+
Bg96gwp: "fcen8rp"
|
70
70
|
},
|
71
71
|
hero800: {
|
72
|
-
Be2twd7: "
|
73
|
-
Bg96gwp: "
|
72
|
+
Be2twd7: "fccw675",
|
73
|
+
Bg96gwp: "f1ebx5kk"
|
74
74
|
},
|
75
75
|
hero900: {
|
76
|
-
Be2twd7: "
|
77
|
-
Bg96gwp: "
|
76
|
+
Be2twd7: "f15afnhw",
|
77
|
+
Bg96gwp: "fr3w3wp"
|
78
78
|
},
|
79
79
|
hero1000: {
|
80
|
-
Be2twd7: "
|
81
|
-
Bg96gwp: "
|
80
|
+
Be2twd7: "fpyltcb",
|
81
|
+
Bg96gwp: "f1ivgwrt"
|
82
82
|
},
|
83
83
|
monospace: {
|
84
|
-
Bahqtrf: "
|
84
|
+
Bahqtrf: "f1fedwem"
|
85
85
|
},
|
86
86
|
numeric: {
|
87
|
-
Bahqtrf: "
|
87
|
+
Bahqtrf: "f1uq0ln5"
|
88
88
|
},
|
89
89
|
weightMedium: {
|
90
|
-
Bhrd7zp: "
|
90
|
+
Bhrd7zp: "fdj6btp"
|
91
91
|
},
|
92
92
|
weightSemibold: {
|
93
|
-
Bhrd7zp: "
|
93
|
+
Bhrd7zp: "fl43uef"
|
94
94
|
},
|
95
95
|
weightBold: {
|
96
|
-
Bhrd7zp: "
|
96
|
+
Bhrd7zp: "flh3ekv"
|
97
97
|
},
|
98
98
|
alignCenter: {
|
99
99
|
fsow6f: "f17mccla"
|
@@ -105,11 +105,11 @@ const useStyles = /*#__PURE__*/__styles({
|
|
105
105
|
fsow6f: "f1j59e10"
|
106
106
|
}
|
107
107
|
}, {
|
108
|
-
d: [".
|
108
|
+
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fpgzoln{text-align:start;}", ".f1w7gpdv{display:inline;}", ".f6juhto{white-space:normal;}", [".f1gl81tg{overflow:visible;}", {
|
109
109
|
p: -1
|
110
110
|
}], ".f2jf649{text-overflow:clip;}", ".fz5stix{white-space:nowrap;}", [".f1a3p1vp{overflow:hidden;}", {
|
111
111
|
p: -1
|
112
|
-
}], ".f1cmbuwj{text-overflow:ellipsis;}", ".ftgm304{display:block;}", ".f1j4dglz{font-style:italic;}", ".f13mvf36{text-decoration-line:underline;}", ".fv5q2k7{text-decoration-line:line-through;}", ".f1drk4o6{text-decoration-line:line-through underline;}", ".
|
112
|
+
}], ".f1cmbuwj{text-overflow:ellipsis;}", ".ftgm304{display:block;}", ".f1j4dglz{font-style:italic;}", ".f13mvf36{text-decoration-line:underline;}", ".fv5q2k7{text-decoration-line:line-through;}", ".f1drk4o6{text-decoration-line:line-through underline;}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".fcpl73t{line-height:var(--lineHeightBase100);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".f106mvju{line-height:var(--lineHeightBase500);}", ".f1x0m3f5{font-size:var(--fontSizeBase600);}", ".fb86gi6{line-height:var(--lineHeightBase600);}", ".fojgt09{font-size:var(--fontSizeHero700);}", ".fcen8rp{line-height:var(--lineHeightHero700);}", ".fccw675{font-size:var(--fontSizeHero800);}", ".f1ebx5kk{line-height:var(--lineHeightHero800);}", ".f15afnhw{font-size:var(--fontSizeHero900);}", ".fr3w3wp{line-height:var(--lineHeightHero900);}", ".fpyltcb{font-size:var(--fontSizeHero1000);}", ".f1ivgwrt{line-height:var(--lineHeightHero1000);}", ".f1fedwem{font-family:var(--fontFamilyMonospace);}", ".f1uq0ln5{font-family:var(--fontFamilyNumeric);}", ".fdj6btp{font-weight:var(--fontWeightMedium);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".flh3ekv{font-weight:var(--fontWeightBold);}", ".f17mccla{text-align:center;}", ".f12ymhq5{text-align:end;}", ".f1j59e10{text-align:justify;}"]
|
113
113
|
});
|
114
114
|
/**
|
115
115
|
* Apply styling to the Text slots based on the state
|
@@ -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":["import { 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:
|
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":["import { 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":"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","ignoreList":[]}
|
@@ -24,10 +24,10 @@ const textClassNames = {
|
|
24
24
|
* Styles for the root slot
|
25
25
|
*/ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
26
26
|
root: {
|
27
|
-
Bahqtrf: "
|
28
|
-
Be2twd7: "
|
29
|
-
Bg96gwp: "
|
30
|
-
Bhrd7zp: "
|
27
|
+
Bahqtrf: "fk6fouc",
|
28
|
+
Be2twd7: "fkhj508",
|
29
|
+
Bg96gwp: "f1i3iumi",
|
30
|
+
Bhrd7zp: "figsok6",
|
31
31
|
fsow6f: "fpgzoln",
|
32
32
|
mc9l5x: "f1w7gpdv",
|
33
33
|
Huce71: "f6juhto",
|
@@ -61,55 +61,55 @@ const textClassNames = {
|
|
61
61
|
w71qe1: "f1drk4o6"
|
62
62
|
},
|
63
63
|
base100: {
|
64
|
-
Be2twd7: "
|
65
|
-
Bg96gwp: "
|
64
|
+
Be2twd7: "f13mqy1h",
|
65
|
+
Bg96gwp: "fcpl73t"
|
66
66
|
},
|
67
67
|
base200: {
|
68
|
-
Be2twd7: "
|
69
|
-
Bg96gwp: "
|
68
|
+
Be2twd7: "fy9rknc",
|
69
|
+
Bg96gwp: "fwrc4pm"
|
70
70
|
},
|
71
71
|
base400: {
|
72
|
-
Be2twd7: "
|
73
|
-
Bg96gwp: "
|
72
|
+
Be2twd7: "fod5ikn",
|
73
|
+
Bg96gwp: "faaz57k"
|
74
74
|
},
|
75
75
|
base500: {
|
76
|
-
Be2twd7: "
|
77
|
-
Bg96gwp: "
|
76
|
+
Be2twd7: "f1pp30po",
|
77
|
+
Bg96gwp: "f106mvju"
|
78
78
|
},
|
79
79
|
base600: {
|
80
|
-
Be2twd7: "
|
81
|
-
Bg96gwp: "
|
80
|
+
Be2twd7: "f1x0m3f5",
|
81
|
+
Bg96gwp: "fb86gi6"
|
82
82
|
},
|
83
83
|
hero700: {
|
84
|
-
Be2twd7: "
|
85
|
-
Bg96gwp: "
|
84
|
+
Be2twd7: "fojgt09",
|
85
|
+
Bg96gwp: "fcen8rp"
|
86
86
|
},
|
87
87
|
hero800: {
|
88
|
-
Be2twd7: "
|
89
|
-
Bg96gwp: "
|
88
|
+
Be2twd7: "fccw675",
|
89
|
+
Bg96gwp: "f1ebx5kk"
|
90
90
|
},
|
91
91
|
hero900: {
|
92
|
-
Be2twd7: "
|
93
|
-
Bg96gwp: "
|
92
|
+
Be2twd7: "f15afnhw",
|
93
|
+
Bg96gwp: "fr3w3wp"
|
94
94
|
},
|
95
95
|
hero1000: {
|
96
|
-
Be2twd7: "
|
97
|
-
Bg96gwp: "
|
96
|
+
Be2twd7: "fpyltcb",
|
97
|
+
Bg96gwp: "f1ivgwrt"
|
98
98
|
},
|
99
99
|
monospace: {
|
100
|
-
Bahqtrf: "
|
100
|
+
Bahqtrf: "f1fedwem"
|
101
101
|
},
|
102
102
|
numeric: {
|
103
|
-
Bahqtrf: "
|
103
|
+
Bahqtrf: "f1uq0ln5"
|
104
104
|
},
|
105
105
|
weightMedium: {
|
106
|
-
Bhrd7zp: "
|
106
|
+
Bhrd7zp: "fdj6btp"
|
107
107
|
},
|
108
108
|
weightSemibold: {
|
109
|
-
Bhrd7zp: "
|
109
|
+
Bhrd7zp: "fl43uef"
|
110
110
|
},
|
111
111
|
weightBold: {
|
112
|
-
Bhrd7zp: "
|
112
|
+
Bhrd7zp: "flh3ekv"
|
113
113
|
},
|
114
114
|
alignCenter: {
|
115
115
|
fsow6f: "f17mccla"
|
@@ -122,10 +122,10 @@ const textClassNames = {
|
|
122
122
|
}
|
123
123
|
}, {
|
124
124
|
d: [
|
125
|
-
".
|
126
|
-
".
|
127
|
-
".
|
128
|
-
".
|
125
|
+
".fk6fouc{font-family:var(--fontFamilyBase);}",
|
126
|
+
".fkhj508{font-size:var(--fontSizeBase300);}",
|
127
|
+
".f1i3iumi{line-height:var(--lineHeightBase300);}",
|
128
|
+
".figsok6{font-weight:var(--fontWeightRegular);}",
|
129
129
|
".fpgzoln{text-align:start;}",
|
130
130
|
".f1w7gpdv{display:inline;}",
|
131
131
|
".f6juhto{white-space:normal;}",
|
@@ -149,29 +149,29 @@ const textClassNames = {
|
|
149
149
|
".f13mvf36{text-decoration-line:underline;}",
|
150
150
|
".fv5q2k7{text-decoration-line:line-through;}",
|
151
151
|
".f1drk4o6{text-decoration-line:line-through underline;}",
|
152
|
-
".
|
153
|
-
".
|
154
|
-
".
|
155
|
-
".
|
156
|
-
".
|
157
|
-
".
|
158
|
-
".
|
159
|
-
".
|
160
|
-
".
|
161
|
-
".
|
162
|
-
".
|
163
|
-
".
|
164
|
-
".
|
165
|
-
".
|
166
|
-
".
|
167
|
-
".
|
168
|
-
".
|
169
|
-
".
|
170
|
-
".
|
171
|
-
".
|
172
|
-
".
|
173
|
-
".
|
174
|
-
".
|
152
|
+
".f13mqy1h{font-size:var(--fontSizeBase100);}",
|
153
|
+
".fcpl73t{line-height:var(--lineHeightBase100);}",
|
154
|
+
".fy9rknc{font-size:var(--fontSizeBase200);}",
|
155
|
+
".fwrc4pm{line-height:var(--lineHeightBase200);}",
|
156
|
+
".fod5ikn{font-size:var(--fontSizeBase400);}",
|
157
|
+
".faaz57k{line-height:var(--lineHeightBase400);}",
|
158
|
+
".f1pp30po{font-size:var(--fontSizeBase500);}",
|
159
|
+
".f106mvju{line-height:var(--lineHeightBase500);}",
|
160
|
+
".f1x0m3f5{font-size:var(--fontSizeBase600);}",
|
161
|
+
".fb86gi6{line-height:var(--lineHeightBase600);}",
|
162
|
+
".fojgt09{font-size:var(--fontSizeHero700);}",
|
163
|
+
".fcen8rp{line-height:var(--lineHeightHero700);}",
|
164
|
+
".fccw675{font-size:var(--fontSizeHero800);}",
|
165
|
+
".f1ebx5kk{line-height:var(--lineHeightHero800);}",
|
166
|
+
".f15afnhw{font-size:var(--fontSizeHero900);}",
|
167
|
+
".fr3w3wp{line-height:var(--lineHeightHero900);}",
|
168
|
+
".fpyltcb{font-size:var(--fontSizeHero1000);}",
|
169
|
+
".f1ivgwrt{line-height:var(--lineHeightHero1000);}",
|
170
|
+
".f1fedwem{font-family:var(--fontFamilyMonospace);}",
|
171
|
+
".f1uq0ln5{font-family:var(--fontFamilyNumeric);}",
|
172
|
+
".fdj6btp{font-weight:var(--fontWeightMedium);}",
|
173
|
+
".fl43uef{font-weight:var(--fontWeightSemibold);}",
|
174
|
+
".flh3ekv{font-weight:var(--fontWeightBold);}",
|
175
175
|
".f17mccla{text-align:center;}",
|
176
176
|
".f12ymhq5{text-align:end;}",
|
177
177
|
".f1j59e10{text-align:justify;}"
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["useTextStyles.styles.js"],"sourcesContent":["import { 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:
|
1
|
+
{"version":3,"sources":["useTextStyles.styles.js"],"sourcesContent":["import { 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"],"names":["textClassNames","useTextStyles_unstable","root","useStyles","__styles","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","state","styles","className","mergeClasses","wrap","size","font","weight","align"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
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-20240822-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",
|
@@ -27,16 +27,16 @@
|
|
27
27
|
},
|
28
28
|
"devDependencies": {
|
29
29
|
"@fluentui/eslint-plugin": "*",
|
30
|
-
"@fluentui/react-conformance": "0.0.0-nightly-
|
31
|
-
"@fluentui/react-conformance-griffel": "0.0.0-nightly-
|
30
|
+
"@fluentui/react-conformance": "0.0.0-nightly-20240822-0407.1",
|
31
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightly-20240822-0407.1",
|
32
32
|
"@fluentui/scripts-api-extractor": "*",
|
33
33
|
"@fluentui/scripts-tasks": "*"
|
34
34
|
},
|
35
35
|
"dependencies": {
|
36
|
-
"@fluentui/react-shared-contexts": "0.0.0-nightly-
|
37
|
-
"@fluentui/react-theme": "0.0.0-nightly-
|
38
|
-
"@fluentui/react-utilities": "0.0.0-nightly-
|
39
|
-
"@fluentui/react-jsx-runtime": "0.0.0-nightly-
|
36
|
+
"@fluentui/react-shared-contexts": "0.0.0-nightly-20240822-0407.1",
|
37
|
+
"@fluentui/react-theme": "0.0.0-nightly-20240822-0407.1",
|
38
|
+
"@fluentui/react-utilities": "0.0.0-nightly-20240822-0407.1",
|
39
|
+
"@fluentui/react-jsx-runtime": "0.0.0-nightly-20240822-0407.1",
|
40
40
|
"@griffel/react": "^1.5.22",
|
41
41
|
"@swc/helpers": "^0.5.1"
|
42
42
|
},
|