@fluentui/react-text 0.0.0-nightly-20240823-0407.1 → 0.0.0-nightly-20240823-1802.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 CHANGED
@@ -1,23 +1,23 @@
1
1
  # Change Log - @fluentui/react-text
2
2
 
3
- This log was last generated on Fri, 23 Aug 2024 04:11:42 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 23 Aug 2024 18:07:30 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly-20240823-0407.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v0.0.0-nightly-20240823-0407.1)
7
+ ## [0.0.0-nightly-20240823-1802.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v0.0.0-nightly-20240823-1802.1)
8
8
 
9
- Fri, 23 Aug 2024 04:11:42 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.4.23..@fluentui/react-text_v0.0.0-nightly-20240823-0407.1)
9
+ Fri, 23 Aug 2024 18:07:30 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.4.23..@fluentui/react-text_v0.0.0-nightly-20240823-1802.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-20240823-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9636165c76ccc48fbdaa21ff025c788445b0c3fb) by beachball)
16
- - Bump @fluentui/react-theme to v0.0.0-nightly-20240823-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9636165c76ccc48fbdaa21ff025c788445b0c3fb) by beachball)
17
- - Bump @fluentui/react-utilities to v0.0.0-nightly-20240823-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9636165c76ccc48fbdaa21ff025c788445b0c3fb) by beachball)
18
- - Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240823-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9636165c76ccc48fbdaa21ff025c788445b0c3fb) by beachball)
19
- - Bump @fluentui/react-conformance to v0.0.0-nightly-20240823-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9636165c76ccc48fbdaa21ff025c788445b0c3fb) by beachball)
20
- - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240823-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9636165c76ccc48fbdaa21ff025c788445b0c3fb) by beachball)
15
+ - Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240823-1802.1 ([commit](https://github.com/microsoft/fluentui/commit/5dea0aaa8bad5a9e5744195db91ffbc60b7cfa93) by beachball)
16
+ - Bump @fluentui/react-theme to v0.0.0-nightly-20240823-1802.1 ([commit](https://github.com/microsoft/fluentui/commit/5dea0aaa8bad5a9e5744195db91ffbc60b7cfa93) by beachball)
17
+ - Bump @fluentui/react-utilities to v0.0.0-nightly-20240823-1802.1 ([commit](https://github.com/microsoft/fluentui/commit/5dea0aaa8bad5a9e5744195db91ffbc60b7cfa93) by beachball)
18
+ - Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240823-1802.1 ([commit](https://github.com/microsoft/fluentui/commit/5dea0aaa8bad5a9e5744195db91ffbc60b7cfa93) by beachball)
19
+ - Bump @fluentui/react-conformance to v0.0.0-nightly-20240823-1802.1 ([commit](https://github.com/microsoft/fluentui/commit/5dea0aaa8bad5a9e5744195db91ffbc60b7cfa93) by beachball)
20
+ - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240823-1802.1 ([commit](https://github.com/microsoft/fluentui/commit/5dea0aaa8bad5a9e5744195db91ffbc60b7cfa93) 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: "fk6fouc",
12
- Be2twd7: "fkhj508",
13
- Bg96gwp: "f1i3iumi",
14
- Bhrd7zp: "figsok6",
11
+ Bahqtrf: "f1bs86vt",
12
+ Be2twd7: "f1imi9le",
13
+ Bg96gwp: "fhn2z10",
14
+ Bhrd7zp: "f1v60jqi",
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: "f13mqy1h",
49
- Bg96gwp: "fcpl73t"
48
+ Be2twd7: "f17sg7tj",
49
+ Bg96gwp: "fyri8lu"
50
50
  },
51
51
  base200: {
52
- Be2twd7: "fy9rknc",
53
- Bg96gwp: "fwrc4pm"
52
+ Be2twd7: "frh4iaa",
53
+ Bg96gwp: "f122ycbk"
54
54
  },
55
55
  base400: {
56
- Be2twd7: "fod5ikn",
57
- Bg96gwp: "faaz57k"
56
+ Be2twd7: "f1jrzp0q",
57
+ Bg96gwp: "f35t6yo"
58
58
  },
59
59
  base500: {
60
- Be2twd7: "f1pp30po",
61
- Bg96gwp: "f106mvju"
60
+ Be2twd7: "fatstl",
61
+ Bg96gwp: "f1pdomm9"
62
62
  },
63
63
  base600: {
64
- Be2twd7: "f1x0m3f5",
65
- Bg96gwp: "fb86gi6"
64
+ Be2twd7: "f1boy7jd",
65
+ Bg96gwp: "f348icv"
66
66
  },
67
67
  hero700: {
68
- Be2twd7: "fojgt09",
69
- Bg96gwp: "fcen8rp"
68
+ Be2twd7: "f1tj620j",
69
+ Bg96gwp: "fauxb44"
70
70
  },
71
71
  hero800: {
72
- Be2twd7: "fccw675",
73
- Bg96gwp: "f1ebx5kk"
72
+ Be2twd7: "fvrx6db",
73
+ Bg96gwp: "f1mp17c5"
74
74
  },
75
75
  hero900: {
76
- Be2twd7: "f15afnhw",
77
- Bg96gwp: "fr3w3wp"
76
+ Be2twd7: "fny50p5",
77
+ Bg96gwp: "fbqdyos"
78
78
  },
79
79
  hero1000: {
80
- Be2twd7: "fpyltcb",
81
- Bg96gwp: "f1ivgwrt"
80
+ Be2twd7: "f1cfhkkv",
81
+ Bg96gwp: "fvojlmv"
82
82
  },
83
83
  monospace: {
84
- Bahqtrf: "f1fedwem"
84
+ Bahqtrf: "f243zoh"
85
85
  },
86
86
  numeric: {
87
- Bahqtrf: "f1uq0ln5"
87
+ Bahqtrf: "f1iguw8l"
88
88
  },
89
89
  weightMedium: {
90
- Bhrd7zp: "fdj6btp"
90
+ Bhrd7zp: "fa3hdcw"
91
91
  },
92
92
  weightSemibold: {
93
- Bhrd7zp: "fl43uef"
93
+ Bhrd7zp: "foug5w1"
94
94
  },
95
95
  weightBold: {
96
- Bhrd7zp: "flh3ekv"
96
+ Bhrd7zp: "fh6qrg7"
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: [".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;}", {
108
+ d: [".f1bs86vt{font-family:var(--2655, var(--2656, var(--fontFamilyBase)));}", ".f1imi9le{font-size:var(--2657, var(--2658, var(--fontSizeBase300)));}", ".fhn2z10{line-height:var(--2659, var(--2660, var(--lineHeightBase300)));}", ".f1v60jqi{font-weight:var(--2661, var(--2662, 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;}", ".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;}"]
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;}", ".f17sg7tj{font-size:var(--2663, var(--2664, var(--fontSizeBase100)));}", ".fyri8lu{line-height:var(--2665, var(--2666, var(--lineHeightBase100)));}", ".frh4iaa{font-size:var(--2667, var(--2668, var(--fontSizeBase200)));}", ".f122ycbk{line-height:var(--2669, var(--2670, var(--lineHeightBase200)));}", ".f1jrzp0q{font-size:var(--2671, var(--2672, var(--fontSizeBase400)));}", ".f35t6yo{line-height:var(--2673, var(--2674, var(--lineHeightBase400)));}", ".fatstl{font-size:var(--2675, var(--2676, var(--fontSizeBase500)));}", ".f1pdomm9{line-height:var(--2677, var(--2678, var(--lineHeightBase500)));}", ".f1boy7jd{font-size:var(--2679, var(--2680, var(--fontSizeBase600)));}", ".f348icv{line-height:var(--2681, var(--2682, var(--lineHeightBase600)));}", ".f1tj620j{font-size:var(--2683, var(--2684, var(--fontSizeHero700)));}", ".fauxb44{line-height:var(--2685, var(--2686, var(--lineHeightHero700)));}", ".fvrx6db{font-size:var(--2687, var(--2688, var(--fontSizeHero800)));}", ".f1mp17c5{line-height:var(--2689, var(--2690, var(--lineHeightHero800)));}", ".fny50p5{font-size:var(--2691, var(--2692, var(--fontSizeHero900)));}", ".fbqdyos{line-height:var(--2693, var(--2694, var(--lineHeightHero900)));}", ".f1cfhkkv{font-size:var(--2695, var(--2696, var(--fontSizeHero1000)));}", ".fvojlmv{line-height:var(--2697, var(--2698, var(--lineHeightHero1000)));}", ".f243zoh{font-family:var(--2699, var(--2700, var(--fontFamilyMonospace)));}", ".f1iguw8l{font-family:var(--2701, var(--2702, var(--fontFamilyNumeric)));}", ".fa3hdcw{font-weight:var(--2703, var(--2704, var(--fontWeightMedium)));}", ".foug5w1{font-weight:var(--2705, var(--2706, var(--fontWeightSemibold)));}", ".fh6qrg7{font-weight:var(--2707, var(--2708, 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: 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":[]}
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: `var(--2655, var(--2656, ${tokens.fontFamilyBase}))`,\n fontSize: `var(--2657, var(--2658, ${tokens.fontSizeBase300}))`,\n lineHeight: `var(--2659, var(--2660, ${tokens.lineHeightBase300}))`,\n fontWeight: `var(--2661, var(--2662, ${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: `var(--2663, var(--2664, ${tokens.fontSizeBase100}))`,\n lineHeight: `var(--2665, var(--2666, ${tokens.lineHeightBase100}))`\n },\n base200: {\n fontSize: `var(--2667, var(--2668, ${tokens.fontSizeBase200}))`,\n lineHeight: `var(--2669, var(--2670, ${tokens.lineHeightBase200}))`\n },\n base400: {\n fontSize: `var(--2671, var(--2672, ${tokens.fontSizeBase400}))`,\n lineHeight: `var(--2673, var(--2674, ${tokens.lineHeightBase400}))`\n },\n base500: {\n fontSize: `var(--2675, var(--2676, ${tokens.fontSizeBase500}))`,\n lineHeight: `var(--2677, var(--2678, ${tokens.lineHeightBase500}))`\n },\n base600: {\n fontSize: `var(--2679, var(--2680, ${tokens.fontSizeBase600}))`,\n lineHeight: `var(--2681, var(--2682, ${tokens.lineHeightBase600}))`\n },\n hero700: {\n fontSize: `var(--2683, var(--2684, ${tokens.fontSizeHero700}))`,\n lineHeight: `var(--2685, var(--2686, ${tokens.lineHeightHero700}))`\n },\n hero800: {\n fontSize: `var(--2687, var(--2688, ${tokens.fontSizeHero800}))`,\n lineHeight: `var(--2689, var(--2690, ${tokens.lineHeightHero800}))`\n },\n hero900: {\n fontSize: `var(--2691, var(--2692, ${tokens.fontSizeHero900}))`,\n lineHeight: `var(--2693, var(--2694, ${tokens.lineHeightHero900}))`\n },\n hero1000: {\n fontSize: `var(--2695, var(--2696, ${tokens.fontSizeHero1000}))`,\n lineHeight: `var(--2697, var(--2698, ${tokens.lineHeightHero1000}))`\n },\n monospace: {\n fontFamily: `var(--2699, var(--2700, ${tokens.fontFamilyMonospace}))`\n },\n numeric: {\n fontFamily: `var(--2701, var(--2702, ${tokens.fontFamilyNumeric}))`\n },\n weightMedium: {\n fontWeight: `var(--2703, var(--2704, ${tokens.fontWeightMedium}))`\n },\n weightSemibold: {\n fontWeight: `var(--2705, var(--2706, ${tokens.fontWeightSemibold}))`\n },\n weightBold: {\n fontWeight: `var(--2707, var(--2708, ${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: "fk6fouc",
28
- Be2twd7: "fkhj508",
29
- Bg96gwp: "f1i3iumi",
30
- Bhrd7zp: "figsok6",
27
+ Bahqtrf: "f1bs86vt",
28
+ Be2twd7: "f1imi9le",
29
+ Bg96gwp: "fhn2z10",
30
+ Bhrd7zp: "f1v60jqi",
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: "f13mqy1h",
65
- Bg96gwp: "fcpl73t"
64
+ Be2twd7: "f17sg7tj",
65
+ Bg96gwp: "fyri8lu"
66
66
  },
67
67
  base200: {
68
- Be2twd7: "fy9rknc",
69
- Bg96gwp: "fwrc4pm"
68
+ Be2twd7: "frh4iaa",
69
+ Bg96gwp: "f122ycbk"
70
70
  },
71
71
  base400: {
72
- Be2twd7: "fod5ikn",
73
- Bg96gwp: "faaz57k"
72
+ Be2twd7: "f1jrzp0q",
73
+ Bg96gwp: "f35t6yo"
74
74
  },
75
75
  base500: {
76
- Be2twd7: "f1pp30po",
77
- Bg96gwp: "f106mvju"
76
+ Be2twd7: "fatstl",
77
+ Bg96gwp: "f1pdomm9"
78
78
  },
79
79
  base600: {
80
- Be2twd7: "f1x0m3f5",
81
- Bg96gwp: "fb86gi6"
80
+ Be2twd7: "f1boy7jd",
81
+ Bg96gwp: "f348icv"
82
82
  },
83
83
  hero700: {
84
- Be2twd7: "fojgt09",
85
- Bg96gwp: "fcen8rp"
84
+ Be2twd7: "f1tj620j",
85
+ Bg96gwp: "fauxb44"
86
86
  },
87
87
  hero800: {
88
- Be2twd7: "fccw675",
89
- Bg96gwp: "f1ebx5kk"
88
+ Be2twd7: "fvrx6db",
89
+ Bg96gwp: "f1mp17c5"
90
90
  },
91
91
  hero900: {
92
- Be2twd7: "f15afnhw",
93
- Bg96gwp: "fr3w3wp"
92
+ Be2twd7: "fny50p5",
93
+ Bg96gwp: "fbqdyos"
94
94
  },
95
95
  hero1000: {
96
- Be2twd7: "fpyltcb",
97
- Bg96gwp: "f1ivgwrt"
96
+ Be2twd7: "f1cfhkkv",
97
+ Bg96gwp: "fvojlmv"
98
98
  },
99
99
  monospace: {
100
- Bahqtrf: "f1fedwem"
100
+ Bahqtrf: "f243zoh"
101
101
  },
102
102
  numeric: {
103
- Bahqtrf: "f1uq0ln5"
103
+ Bahqtrf: "f1iguw8l"
104
104
  },
105
105
  weightMedium: {
106
- Bhrd7zp: "fdj6btp"
106
+ Bhrd7zp: "fa3hdcw"
107
107
  },
108
108
  weightSemibold: {
109
- Bhrd7zp: "fl43uef"
109
+ Bhrd7zp: "foug5w1"
110
110
  },
111
111
  weightBold: {
112
- Bhrd7zp: "flh3ekv"
112
+ Bhrd7zp: "fh6qrg7"
113
113
  },
114
114
  alignCenter: {
115
115
  fsow6f: "f17mccla"
@@ -122,10 +122,10 @@ const textClassNames = {
122
122
  }
123
123
  }, {
124
124
  d: [
125
- ".fk6fouc{font-family:var(--fontFamilyBase);}",
126
- ".fkhj508{font-size:var(--fontSizeBase300);}",
127
- ".f1i3iumi{line-height:var(--lineHeightBase300);}",
128
- ".figsok6{font-weight:var(--fontWeightRegular);}",
125
+ ".f1bs86vt{font-family:var(--2655, var(--2656, var(--fontFamilyBase)));}",
126
+ ".f1imi9le{font-size:var(--2657, var(--2658, var(--fontSizeBase300)));}",
127
+ ".fhn2z10{line-height:var(--2659, var(--2660, var(--lineHeightBase300)));}",
128
+ ".f1v60jqi{font-weight:var(--2661, var(--2662, 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
- ".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);}",
152
+ ".f17sg7tj{font-size:var(--2663, var(--2664, var(--fontSizeBase100)));}",
153
+ ".fyri8lu{line-height:var(--2665, var(--2666, var(--lineHeightBase100)));}",
154
+ ".frh4iaa{font-size:var(--2667, var(--2668, var(--fontSizeBase200)));}",
155
+ ".f122ycbk{line-height:var(--2669, var(--2670, var(--lineHeightBase200)));}",
156
+ ".f1jrzp0q{font-size:var(--2671, var(--2672, var(--fontSizeBase400)));}",
157
+ ".f35t6yo{line-height:var(--2673, var(--2674, var(--lineHeightBase400)));}",
158
+ ".fatstl{font-size:var(--2675, var(--2676, var(--fontSizeBase500)));}",
159
+ ".f1pdomm9{line-height:var(--2677, var(--2678, var(--lineHeightBase500)));}",
160
+ ".f1boy7jd{font-size:var(--2679, var(--2680, var(--fontSizeBase600)));}",
161
+ ".f348icv{line-height:var(--2681, var(--2682, var(--lineHeightBase600)));}",
162
+ ".f1tj620j{font-size:var(--2683, var(--2684, var(--fontSizeHero700)));}",
163
+ ".fauxb44{line-height:var(--2685, var(--2686, var(--lineHeightHero700)));}",
164
+ ".fvrx6db{font-size:var(--2687, var(--2688, var(--fontSizeHero800)));}",
165
+ ".f1mp17c5{line-height:var(--2689, var(--2690, var(--lineHeightHero800)));}",
166
+ ".fny50p5{font-size:var(--2691, var(--2692, var(--fontSizeHero900)));}",
167
+ ".fbqdyos{line-height:var(--2693, var(--2694, var(--lineHeightHero900)));}",
168
+ ".f1cfhkkv{font-size:var(--2695, var(--2696, var(--fontSizeHero1000)));}",
169
+ ".fvojlmv{line-height:var(--2697, var(--2698, var(--lineHeightHero1000)));}",
170
+ ".f243zoh{font-family:var(--2699, var(--2700, var(--fontFamilyMonospace)));}",
171
+ ".f1iguw8l{font-family:var(--2701, var(--2702, var(--fontFamilyNumeric)));}",
172
+ ".fa3hdcw{font-weight:var(--2703, var(--2704, var(--fontWeightMedium)));}",
173
+ ".foug5w1{font-weight:var(--2705, var(--2706, var(--fontWeightSemibold)));}",
174
+ ".fh6qrg7{font-weight:var(--2707, var(--2708, 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: 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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"}
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: `var(--2655, var(--2656, ${tokens.fontFamilyBase}))`,\n fontSize: `var(--2657, var(--2658, ${tokens.fontSizeBase300}))`,\n lineHeight: `var(--2659, var(--2660, ${tokens.lineHeightBase300}))`,\n fontWeight: `var(--2661, var(--2662, ${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: `var(--2663, var(--2664, ${tokens.fontSizeBase100}))`,\n lineHeight: `var(--2665, var(--2666, ${tokens.lineHeightBase100}))`\n },\n base200: {\n fontSize: `var(--2667, var(--2668, ${tokens.fontSizeBase200}))`,\n lineHeight: `var(--2669, var(--2670, ${tokens.lineHeightBase200}))`\n },\n base400: {\n fontSize: `var(--2671, var(--2672, ${tokens.fontSizeBase400}))`,\n lineHeight: `var(--2673, var(--2674, ${tokens.lineHeightBase400}))`\n },\n base500: {\n fontSize: `var(--2675, var(--2676, ${tokens.fontSizeBase500}))`,\n lineHeight: `var(--2677, var(--2678, ${tokens.lineHeightBase500}))`\n },\n base600: {\n fontSize: `var(--2679, var(--2680, ${tokens.fontSizeBase600}))`,\n lineHeight: `var(--2681, var(--2682, ${tokens.lineHeightBase600}))`\n },\n hero700: {\n fontSize: `var(--2683, var(--2684, ${tokens.fontSizeHero700}))`,\n lineHeight: `var(--2685, var(--2686, ${tokens.lineHeightHero700}))`\n },\n hero800: {\n fontSize: `var(--2687, var(--2688, ${tokens.fontSizeHero800}))`,\n lineHeight: `var(--2689, var(--2690, ${tokens.lineHeightHero800}))`\n },\n hero900: {\n fontSize: `var(--2691, var(--2692, ${tokens.fontSizeHero900}))`,\n lineHeight: `var(--2693, var(--2694, ${tokens.lineHeightHero900}))`\n },\n hero1000: {\n fontSize: `var(--2695, var(--2696, ${tokens.fontSizeHero1000}))`,\n lineHeight: `var(--2697, var(--2698, ${tokens.lineHeightHero1000}))`\n },\n monospace: {\n fontFamily: `var(--2699, var(--2700, ${tokens.fontFamilyMonospace}))`\n },\n numeric: {\n fontFamily: `var(--2701, var(--2702, ${tokens.fontFamilyNumeric}))`\n },\n weightMedium: {\n fontWeight: `var(--2703, var(--2704, ${tokens.fontWeightMedium}))`\n },\n weightSemibold: {\n fontWeight: `var(--2705, var(--2706, ${tokens.fontWeightSemibold}))`\n },\n weightBold: {\n fontWeight: `var(--2707, var(--2708, ${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-20240823-0407.1",
3
+ "version": "0.0.0-nightly-20240823-1802.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-20240823-0407.1",
31
- "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240823-0407.1",
30
+ "@fluentui/react-conformance": "0.0.0-nightly-20240823-1802.1",
31
+ "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240823-1802.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-20240823-0407.1",
37
- "@fluentui/react-theme": "0.0.0-nightly-20240823-0407.1",
38
- "@fluentui/react-utilities": "0.0.0-nightly-20240823-0407.1",
39
- "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240823-0407.1",
36
+ "@fluentui/react-shared-contexts": "0.0.0-nightly-20240823-1802.1",
37
+ "@fluentui/react-theme": "0.0.0-nightly-20240823-1802.1",
38
+ "@fluentui/react-utilities": "0.0.0-nightly-20240823-1802.1",
39
+ "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240823-1802.1",
40
40
  "@griffel/react": "^1.5.22",
41
41
  "@swc/helpers": "^0.5.1"
42
42
  },