@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.
Files changed (74) hide show
  1. package/CHANGELOG.md +10 -10
  2. package/package.json +7 -7
  3. package/lib/components/Text/useTextStyles.styles.raw.js +0 -110
  4. package/lib/components/Text/useTextStyles.styles.raw.js.map +0 -1
  5. package/lib/components/presets/Body1/useBody1Styles.styles.raw.js +0 -10
  6. package/lib/components/presets/Body1/useBody1Styles.styles.raw.js.map +0 -1
  7. package/lib/components/presets/Body1Strong/useBody1StrongStyles.styles.raw.js +0 -10
  8. package/lib/components/presets/Body1Strong/useBody1StrongStyles.styles.raw.js.map +0 -1
  9. package/lib/components/presets/Body1Stronger/useBody1StrongerStyles.styles.raw.js +0 -10
  10. package/lib/components/presets/Body1Stronger/useBody1StrongerStyles.styles.raw.js.map +0 -1
  11. package/lib/components/presets/Body2/useBody2Styles.styles.raw.js +0 -10
  12. package/lib/components/presets/Body2/useBody2Styles.styles.raw.js.map +0 -1
  13. package/lib/components/presets/Caption1/useCaption1Styles.styles.raw.js +0 -10
  14. package/lib/components/presets/Caption1/useCaption1Styles.styles.raw.js.map +0 -1
  15. package/lib/components/presets/Caption1Strong/useCaption1StrongStyles.styles.raw.js +0 -10
  16. package/lib/components/presets/Caption1Strong/useCaption1StrongStyles.styles.raw.js.map +0 -1
  17. package/lib/components/presets/Caption1Stronger/useCaption1Stronger.styles.raw.js +0 -10
  18. package/lib/components/presets/Caption1Stronger/useCaption1Stronger.styles.raw.js.map +0 -1
  19. package/lib/components/presets/Caption2/useCaption2Styles.styles.raw.js +0 -10
  20. package/lib/components/presets/Caption2/useCaption2Styles.styles.raw.js.map +0 -1
  21. package/lib/components/presets/Caption2Strong/useCaption2StrongStyles.styles.raw.js +0 -10
  22. package/lib/components/presets/Caption2Strong/useCaption2StrongStyles.styles.raw.js.map +0 -1
  23. package/lib/components/presets/Display/useDisplayStyles.styles.raw.js +0 -10
  24. package/lib/components/presets/Display/useDisplayStyles.styles.raw.js.map +0 -1
  25. package/lib/components/presets/LargeTitle/useLargeTitleStyles.styles.raw.js +0 -10
  26. package/lib/components/presets/LargeTitle/useLargeTitleStyles.styles.raw.js.map +0 -1
  27. package/lib/components/presets/Subtitle1/useSubtitle1Styles.styles.raw.js +0 -10
  28. package/lib/components/presets/Subtitle1/useSubtitle1Styles.styles.raw.js.map +0 -1
  29. package/lib/components/presets/Subtitle2/useSubtitle2Styles.styles.raw.js +0 -10
  30. package/lib/components/presets/Subtitle2/useSubtitle2Styles.styles.raw.js.map +0 -1
  31. package/lib/components/presets/Subtitle2Stronger/useSubtitle2Stronger.styles.raw.js +0 -10
  32. package/lib/components/presets/Subtitle2Stronger/useSubtitle2Stronger.styles.raw.js.map +0 -1
  33. package/lib/components/presets/Title1/useTitle1Styles.styles.raw.js +0 -10
  34. package/lib/components/presets/Title1/useTitle1Styles.styles.raw.js.map +0 -1
  35. package/lib/components/presets/Title2/useTitle2Styles.styles.raw.js +0 -10
  36. package/lib/components/presets/Title2/useTitle2Styles.styles.raw.js.map +0 -1
  37. package/lib/components/presets/Title3/useTitle3Styles.styles.raw.js +0 -10
  38. package/lib/components/presets/Title3/useTitle3Styles.styles.raw.js.map +0 -1
  39. package/lib-commonjs/components/Text/useTextStyles.styles.raw.js +0 -126
  40. package/lib-commonjs/components/Text/useTextStyles.styles.raw.js.map +0 -1
  41. package/lib-commonjs/components/presets/Body1/useBody1Styles.styles.raw.js +0 -26
  42. package/lib-commonjs/components/presets/Body1/useBody1Styles.styles.raw.js.map +0 -1
  43. package/lib-commonjs/components/presets/Body1Strong/useBody1StrongStyles.styles.raw.js +0 -26
  44. package/lib-commonjs/components/presets/Body1Strong/useBody1StrongStyles.styles.raw.js.map +0 -1
  45. package/lib-commonjs/components/presets/Body1Stronger/useBody1StrongerStyles.styles.raw.js +0 -26
  46. package/lib-commonjs/components/presets/Body1Stronger/useBody1StrongerStyles.styles.raw.js.map +0 -1
  47. package/lib-commonjs/components/presets/Body2/useBody2Styles.styles.raw.js +0 -26
  48. package/lib-commonjs/components/presets/Body2/useBody2Styles.styles.raw.js.map +0 -1
  49. package/lib-commonjs/components/presets/Caption1/useCaption1Styles.styles.raw.js +0 -26
  50. package/lib-commonjs/components/presets/Caption1/useCaption1Styles.styles.raw.js.map +0 -1
  51. package/lib-commonjs/components/presets/Caption1Strong/useCaption1StrongStyles.styles.raw.js +0 -26
  52. package/lib-commonjs/components/presets/Caption1Strong/useCaption1StrongStyles.styles.raw.js.map +0 -1
  53. package/lib-commonjs/components/presets/Caption1Stronger/useCaption1Stronger.styles.raw.js +0 -26
  54. package/lib-commonjs/components/presets/Caption1Stronger/useCaption1Stronger.styles.raw.js.map +0 -1
  55. package/lib-commonjs/components/presets/Caption2/useCaption2Styles.styles.raw.js +0 -26
  56. package/lib-commonjs/components/presets/Caption2/useCaption2Styles.styles.raw.js.map +0 -1
  57. package/lib-commonjs/components/presets/Caption2Strong/useCaption2StrongStyles.styles.raw.js +0 -26
  58. package/lib-commonjs/components/presets/Caption2Strong/useCaption2StrongStyles.styles.raw.js.map +0 -1
  59. package/lib-commonjs/components/presets/Display/useDisplayStyles.styles.raw.js +0 -26
  60. package/lib-commonjs/components/presets/Display/useDisplayStyles.styles.raw.js.map +0 -1
  61. package/lib-commonjs/components/presets/LargeTitle/useLargeTitleStyles.styles.raw.js +0 -26
  62. package/lib-commonjs/components/presets/LargeTitle/useLargeTitleStyles.styles.raw.js.map +0 -1
  63. package/lib-commonjs/components/presets/Subtitle1/useSubtitle1Styles.styles.raw.js +0 -26
  64. package/lib-commonjs/components/presets/Subtitle1/useSubtitle1Styles.styles.raw.js.map +0 -1
  65. package/lib-commonjs/components/presets/Subtitle2/useSubtitle2Styles.styles.raw.js +0 -26
  66. package/lib-commonjs/components/presets/Subtitle2/useSubtitle2Styles.styles.raw.js.map +0 -1
  67. package/lib-commonjs/components/presets/Subtitle2Stronger/useSubtitle2Stronger.styles.raw.js +0 -26
  68. package/lib-commonjs/components/presets/Subtitle2Stronger/useSubtitle2Stronger.styles.raw.js.map +0 -1
  69. package/lib-commonjs/components/presets/Title1/useTitle1Styles.styles.raw.js +0 -26
  70. package/lib-commonjs/components/presets/Title1/useTitle1Styles.styles.raw.js.map +0 -1
  71. package/lib-commonjs/components/presets/Title2/useTitle2Styles.styles.raw.js +0 -26
  72. package/lib-commonjs/components/presets/Title2/useTitle2Styles.styles.raw.js.map +0 -1
  73. package/lib-commonjs/components/presets/Title3/useTitle3Styles.styles.raw.js +0 -26
  74. 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 Thu, 03 Jul 2025 11:19:32 GMT and should not be manually modified.
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-20250703-1103.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v0.0.0-nightly-20250703-1103.1)
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
- Thu, 03 Jul 2025 11:19:32 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.5.2..@fluentui/react-text_v0.0.0-nightly-20250703-1103.1)
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-20250703-1103.1 ([commit](https://github.com/microsoft/fluentui/commit/526d249cdcd844e3f173f9163b3ce779fe6035e8) by beachball)
16
- - Bump @fluentui/react-theme to v0.0.0-nightly-20250703-1103.1 ([commit](https://github.com/microsoft/fluentui/commit/526d249cdcd844e3f173f9163b3ce779fe6035e8) by beachball)
17
- - Bump @fluentui/react-utilities to v0.0.0-nightly-20250703-1103.1 ([commit](https://github.com/microsoft/fluentui/commit/526d249cdcd844e3f173f9163b3ce779fe6035e8) by beachball)
18
- - Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20250703-1103.1 ([commit](https://github.com/microsoft/fluentui/commit/526d249cdcd844e3f173f9163b3ce779fe6035e8) by beachball)
19
- - Bump @fluentui/react-conformance to v0.0.0-nightly-20250703-1103.1 ([commit](https://github.com/microsoft/fluentui/commit/526d249cdcd844e3f173f9163b3ce779fe6035e8) by beachball)
20
- - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20250703-1103.1 ([commit](https://github.com/microsoft/fluentui/commit/526d249cdcd844e3f173f9163b3ce779fe6035e8) by beachball)
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-20250703-1103.1",
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-20250703-1103.1",
17
- "@fluentui/react-conformance-griffel": "0.0.0-nightly-20250703-1103.1",
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-20250703-1103.1",
22
- "@fluentui/react-theme": "0.0.0-nightly-20250703-1103.1",
23
- "@fluentui/react-utilities": "0.0.0-nightly-20250703-1103.1",
24
- "@fluentui/react-jsx-runtime": "0.0.0-nightly-20250703-1103.1",
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":"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"}
@@ -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
- };