@fluentui/react-text 0.0.0-nightly-20230501-0418.1 → 0.0.0-nightly-20230503-0419.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 (158) hide show
  1. package/CHANGELOG.json +13 -13
  2. package/CHANGELOG.md +9 -9
  3. package/dist/index.d.ts +240 -0
  4. package/lib/Body1.js +2 -0
  5. package/lib/Body1.js.map +1 -0
  6. package/lib/Body1Strong.js +2 -0
  7. package/lib/Body1Strong.js.map +1 -0
  8. package/lib/Body1Stronger.js +2 -0
  9. package/lib/Body1Stronger.js.map +1 -0
  10. package/lib/Body2.js +2 -0
  11. package/lib/Body2.js.map +1 -0
  12. package/lib/Caption1.js +2 -0
  13. package/lib/Caption1.js.map +1 -0
  14. package/lib/Caption1Strong.js +2 -0
  15. package/lib/Caption1Strong.js.map +1 -0
  16. package/lib/Caption1Stronger.js +2 -0
  17. package/lib/Caption1Stronger.js.map +1 -0
  18. package/lib/Caption2.js +2 -0
  19. package/lib/Caption2.js.map +1 -0
  20. package/lib/Caption2Strong.js +2 -0
  21. package/lib/Caption2Strong.js.map +1 -0
  22. package/lib/Display.js +2 -0
  23. package/lib/Display.js.map +1 -0
  24. package/lib/LargeTitle.js +2 -0
  25. package/lib/LargeTitle.js.map +1 -0
  26. package/lib/Subtitle1.js +2 -0
  27. package/lib/Subtitle1.js.map +1 -0
  28. package/lib/Subtitle2.js +2 -0
  29. package/lib/Subtitle2.js.map +1 -0
  30. package/lib/Subtitle2Stronger.js +2 -0
  31. package/lib/Subtitle2Stronger.js.map +1 -0
  32. package/lib/Text.js +2 -0
  33. package/lib/Text.js.map +1 -0
  34. package/lib/Title1.js +2 -0
  35. package/lib/Title1.js.map +1 -0
  36. package/lib/Title2.js +2 -0
  37. package/lib/Title2.js.map +1 -0
  38. package/lib/Title3.js +2 -0
  39. package/lib/Title3.js.map +1 -0
  40. package/lib/components/Text/Text.js +18 -0
  41. package/lib/components/Text/Text.js.map +1 -0
  42. package/lib/components/Text/Text.types.js +2 -0
  43. package/lib/components/Text/Text.types.js.map +1 -0
  44. package/lib/components/Text/index.js +6 -0
  45. package/lib/components/Text/index.js.map +1 -0
  46. package/lib/components/Text/renderText.js +13 -0
  47. package/lib/components/Text/renderText.js.map +1 -0
  48. package/lib/components/Text/useText.js +49 -0
  49. package/lib/components/Text/useText.js.map +1 -0
  50. package/lib/components/Text/useTextStyles.styles.js +116 -0
  51. package/lib/components/Text/useTextStyles.styles.js.map +1 -0
  52. package/lib/components/presets/Body1/Body1.js +11 -0
  53. package/lib/components/presets/Body1/Body1.js.map +1 -0
  54. package/lib/components/presets/Body1/index.js +3 -0
  55. package/lib/components/presets/Body1/index.js.map +1 -0
  56. package/lib/components/presets/Body1/useBody1Styles.styles.js +19 -0
  57. package/lib/components/presets/Body1/useBody1Styles.styles.js.map +1 -0
  58. package/lib/components/presets/Body1Strong/Body1Strong.js +11 -0
  59. package/lib/components/presets/Body1Strong/Body1Strong.js.map +1 -0
  60. package/lib/components/presets/Body1Strong/index.js +3 -0
  61. package/lib/components/presets/Body1Strong/index.js.map +1 -0
  62. package/lib/components/presets/Body1Strong/useBody1StrongStyles.styles.js +19 -0
  63. package/lib/components/presets/Body1Strong/useBody1StrongStyles.styles.js.map +1 -0
  64. package/lib/components/presets/Body1Stronger/Body1Stronger.js +11 -0
  65. package/lib/components/presets/Body1Stronger/Body1Stronger.js.map +1 -0
  66. package/lib/components/presets/Body1Stronger/index.js +3 -0
  67. package/lib/components/presets/Body1Stronger/index.js.map +1 -0
  68. package/lib/components/presets/Body1Stronger/useBody1StrongerStyles.styles.js +19 -0
  69. package/lib/components/presets/Body1Stronger/useBody1StrongerStyles.styles.js.map +1 -0
  70. package/lib/components/presets/Body2/Body2.js +11 -0
  71. package/lib/components/presets/Body2/Body2.js.map +1 -0
  72. package/lib/components/presets/Body2/index.js +3 -0
  73. package/lib/components/presets/Body2/index.js.map +1 -0
  74. package/lib/components/presets/Body2/useBody2Styles.styles.js +19 -0
  75. package/lib/components/presets/Body2/useBody2Styles.styles.js.map +1 -0
  76. package/lib/components/presets/Caption1/Caption1.js +11 -0
  77. package/lib/components/presets/Caption1/Caption1.js.map +1 -0
  78. package/lib/components/presets/Caption1/index.js +3 -0
  79. package/lib/components/presets/Caption1/index.js.map +1 -0
  80. package/lib/components/presets/Caption1/useCaption1Styles.styles.js +19 -0
  81. package/lib/components/presets/Caption1/useCaption1Styles.styles.js.map +1 -0
  82. package/lib/components/presets/Caption1Strong/Caption1Strong.js +11 -0
  83. package/lib/components/presets/Caption1Strong/Caption1Strong.js.map +1 -0
  84. package/lib/components/presets/Caption1Strong/index.js +3 -0
  85. package/lib/components/presets/Caption1Strong/index.js.map +1 -0
  86. package/lib/components/presets/Caption1Strong/useCaption1StrongStyles.styles.js +19 -0
  87. package/lib/components/presets/Caption1Strong/useCaption1StrongStyles.styles.js.map +1 -0
  88. package/lib/components/presets/Caption1Stronger/Caption1Stronger.js +11 -0
  89. package/lib/components/presets/Caption1Stronger/Caption1Stronger.js.map +1 -0
  90. package/lib/components/presets/Caption1Stronger/index.js +3 -0
  91. package/lib/components/presets/Caption1Stronger/index.js.map +1 -0
  92. package/lib/components/presets/Caption1Stronger/useCaption1Stronger.styles.js +19 -0
  93. package/lib/components/presets/Caption1Stronger/useCaption1Stronger.styles.js.map +1 -0
  94. package/lib/components/presets/Caption2/Caption2.js +11 -0
  95. package/lib/components/presets/Caption2/Caption2.js.map +1 -0
  96. package/lib/components/presets/Caption2/index.js +3 -0
  97. package/lib/components/presets/Caption2/index.js.map +1 -0
  98. package/lib/components/presets/Caption2/useCaption2Styles.styles.js +19 -0
  99. package/lib/components/presets/Caption2/useCaption2Styles.styles.js.map +1 -0
  100. package/lib/components/presets/Caption2Strong/Caption2Strong.js +11 -0
  101. package/lib/components/presets/Caption2Strong/Caption2Strong.js.map +1 -0
  102. package/lib/components/presets/Caption2Strong/index.js +3 -0
  103. package/lib/components/presets/Caption2Strong/index.js.map +1 -0
  104. package/lib/components/presets/Caption2Strong/useCaption2StrongStyles.styles.js +19 -0
  105. package/lib/components/presets/Caption2Strong/useCaption2StrongStyles.styles.js.map +1 -0
  106. package/lib/components/presets/Display/Display.js +11 -0
  107. package/lib/components/presets/Display/Display.js.map +1 -0
  108. package/lib/components/presets/Display/index.js +3 -0
  109. package/lib/components/presets/Display/index.js.map +1 -0
  110. package/lib/components/presets/Display/useDisplayStyles.styles.js +19 -0
  111. package/lib/components/presets/Display/useDisplayStyles.styles.js.map +1 -0
  112. package/lib/components/presets/LargeTitle/LargeTitle.js +11 -0
  113. package/lib/components/presets/LargeTitle/LargeTitle.js.map +1 -0
  114. package/lib/components/presets/LargeTitle/index.js +3 -0
  115. package/lib/components/presets/LargeTitle/index.js.map +1 -0
  116. package/lib/components/presets/LargeTitle/useLargeTitleStyles.styles.js +19 -0
  117. package/lib/components/presets/LargeTitle/useLargeTitleStyles.styles.js.map +1 -0
  118. package/lib/components/presets/Subtitle1/Subtitle1.js +11 -0
  119. package/lib/components/presets/Subtitle1/Subtitle1.js.map +1 -0
  120. package/lib/components/presets/Subtitle1/index.js +3 -0
  121. package/lib/components/presets/Subtitle1/index.js.map +1 -0
  122. package/lib/components/presets/Subtitle1/useSubtitle1Styles.styles.js +19 -0
  123. package/lib/components/presets/Subtitle1/useSubtitle1Styles.styles.js.map +1 -0
  124. package/lib/components/presets/Subtitle2/Subtitle2.js +11 -0
  125. package/lib/components/presets/Subtitle2/Subtitle2.js.map +1 -0
  126. package/lib/components/presets/Subtitle2/index.js +3 -0
  127. package/lib/components/presets/Subtitle2/index.js.map +1 -0
  128. package/lib/components/presets/Subtitle2/useSubtitle2Styles.styles.js +19 -0
  129. package/lib/components/presets/Subtitle2/useSubtitle2Styles.styles.js.map +1 -0
  130. package/lib/components/presets/Subtitle2Stronger/Subtitle2Stronger.js +11 -0
  131. package/lib/components/presets/Subtitle2Stronger/Subtitle2Stronger.js.map +1 -0
  132. package/lib/components/presets/Subtitle2Stronger/index.js +3 -0
  133. package/lib/components/presets/Subtitle2Stronger/index.js.map +1 -0
  134. package/lib/components/presets/Subtitle2Stronger/useSubtitle2Stronger.styles.js +19 -0
  135. package/lib/components/presets/Subtitle2Stronger/useSubtitle2Stronger.styles.js.map +1 -0
  136. package/lib/components/presets/Title1/Title1.js +11 -0
  137. package/lib/components/presets/Title1/Title1.js.map +1 -0
  138. package/lib/components/presets/Title1/index.js +3 -0
  139. package/lib/components/presets/Title1/index.js.map +1 -0
  140. package/lib/components/presets/Title1/useTitle1Styles.styles.js +19 -0
  141. package/lib/components/presets/Title1/useTitle1Styles.styles.js.map +1 -0
  142. package/lib/components/presets/Title2/Title2.js +11 -0
  143. package/lib/components/presets/Title2/Title2.js.map +1 -0
  144. package/lib/components/presets/Title2/index.js +3 -0
  145. package/lib/components/presets/Title2/index.js.map +1 -0
  146. package/lib/components/presets/Title2/useTitle2Styles.styles.js +19 -0
  147. package/lib/components/presets/Title2/useTitle2Styles.styles.js.map +1 -0
  148. package/lib/components/presets/Title3/Title3.js +11 -0
  149. package/lib/components/presets/Title3/Title3.js.map +1 -0
  150. package/lib/components/presets/Title3/index.js +3 -0
  151. package/lib/components/presets/Title3/index.js.map +1 -0
  152. package/lib/components/presets/Title3/useTitle3Styles.styles.js +19 -0
  153. package/lib/components/presets/Title3/useTitle3Styles.styles.js.map +1 -0
  154. package/lib/components/presets/createPreset.js +20 -0
  155. package/lib/components/presets/createPreset.js.map +1 -0
  156. package/lib/index.js +19 -0
  157. package/lib/index.js.map +1 -0
  158. package/package.json +6 -6
@@ -0,0 +1,116 @@
1
+ import { __styles, mergeClasses, shorthands } 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
+ */
9
+ const useStyles = /*#__PURE__*/__styles({
10
+ root: {
11
+ Bahqtrf: "fk6fouc",
12
+ Be2twd7: "fkhj508",
13
+ Bg96gwp: "f1i3iumi",
14
+ Bhrd7zp: "figsok6",
15
+ fsow6f: "fpgzoln",
16
+ mc9l5x: "f1w7gpdv",
17
+ Huce71: "f6juhto",
18
+ B68tc82: "f1mtd64y",
19
+ Bmxbyg5: "f1y7q3j9",
20
+ ygn44y: "f2jf649"
21
+ },
22
+ nowrap: {
23
+ Huce71: "fz5stix",
24
+ B68tc82: "f1p9o1ba",
25
+ Bmxbyg5: "f1sil6mw"
26
+ },
27
+ truncate: {
28
+ ygn44y: "f1cmbuwj"
29
+ },
30
+ block: {
31
+ mc9l5x: "ftgm304"
32
+ },
33
+ italic: {
34
+ B80ckks: "f1j4dglz"
35
+ },
36
+ underline: {
37
+ w71qe1: "f13mvf36"
38
+ },
39
+ strikethrough: {
40
+ w71qe1: "fv5q2k7"
41
+ },
42
+ strikethroughUnderline: {
43
+ w71qe1: "f1drk4o6"
44
+ },
45
+ base100: {
46
+ Be2twd7: "f13mqy1h",
47
+ Bg96gwp: "fcpl73t"
48
+ },
49
+ base200: {
50
+ Be2twd7: "fy9rknc",
51
+ Bg96gwp: "fwrc4pm"
52
+ },
53
+ base400: {
54
+ Be2twd7: "fod5ikn",
55
+ Bg96gwp: "faaz57k"
56
+ },
57
+ base500: {
58
+ Be2twd7: "f1pp30po",
59
+ Bg96gwp: "f106mvju"
60
+ },
61
+ base600: {
62
+ Be2twd7: "f1x0m3f5",
63
+ Bg96gwp: "fb86gi6"
64
+ },
65
+ hero700: {
66
+ Be2twd7: "fojgt09",
67
+ Bg96gwp: "fcen8rp"
68
+ },
69
+ hero800: {
70
+ Be2twd7: "fccw675",
71
+ Bg96gwp: "f1ebx5kk"
72
+ },
73
+ hero900: {
74
+ Be2twd7: "f15afnhw",
75
+ Bg96gwp: "fr3w3wp"
76
+ },
77
+ hero1000: {
78
+ Be2twd7: "fpyltcb",
79
+ Bg96gwp: "f1ivgwrt"
80
+ },
81
+ monospace: {
82
+ Bahqtrf: "f1fedwem"
83
+ },
84
+ numeric: {
85
+ Bahqtrf: "f1uq0ln5"
86
+ },
87
+ weightMedium: {
88
+ Bhrd7zp: "fdj6btp"
89
+ },
90
+ weightSemibold: {
91
+ Bhrd7zp: "fl43uef"
92
+ },
93
+ weightBold: {
94
+ Bhrd7zp: "flh3ekv"
95
+ },
96
+ alignCenter: {
97
+ fsow6f: "f17mccla"
98
+ },
99
+ alignEnd: {
100
+ fsow6f: "f12ymhq5"
101
+ },
102
+ alignJustify: {
103
+ fsow6f: "f1j59e10"
104
+ }
105
+ }, {
106
+ 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;}", ".f1mtd64y{overflow-x:visible;}", ".f1y7q3j9{overflow-y:visible;}", ".f2jf649{text-overflow:clip;}", ".fz5stix{white-space:nowrap;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1sil6mw{overflow-y:hidden;}", ".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;}"]
107
+ });
108
+ /**
109
+ * Apply styling to the Text slots based on the state
110
+ */
111
+ export const useTextStyles_unstable = state => {
112
+ const styles = useStyles();
113
+ 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);
114
+ return state;
115
+ };
116
+ //# sourceMappingURL=useTextStyles.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","textClassNames","root","useStyles","Bahqtrf","Be2twd7","Bg96gwp","Bhrd7zp","fsow6f","mc9l5x","Huce71","B68tc82","Bmxbyg5","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","useTextStyles_unstable","state","styles","className","wrap","size","font","weight","align"],"sources":["../../../src/components/Text/useTextStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } 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 ...shorthands.overflow('visible'),\n textOverflow: 'clip',\n },\n nowrap: {\n whiteSpace: 'nowrap',\n ...shorthands.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 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"],"mappings":"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"}
@@ -0,0 +1,11 @@
1
+ import { createPreset } from '../createPreset';
2
+ import { body1ClassNames, useBody1Styles } from './useBody1Styles.styles';
3
+ /**
4
+ * Text preset component for the Body1 typography variant
5
+ */
6
+ export const Body1 = /*#__PURE__*/createPreset({
7
+ useStyles: useBody1Styles,
8
+ className: body1ClassNames.root,
9
+ displayName: 'Body1'
10
+ });
11
+ //# sourceMappingURL=Body1.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["createPreset","body1ClassNames","useBody1Styles","Body1","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Body1/Body1.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { body1ClassNames, useBody1Styles } from './useBody1Styles.styles';\n\n/**\n * Text preset component for the Body1 typography variant\n */\nexport const Body1: FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useBody1Styles,\n className: body1ClassNames.root,\n displayName: 'Body1',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,eAAe,EAAEC,cAAc,QAAQ;AAEhD;;;AAGA,OAAO,MAAMC,KAAA,gBAA4CH,YAAA,CAAa;EACpEI,SAAA,EAAWF,cAAA;EACXG,SAAA,EAAWJ,eAAA,CAAgBK,IAAI;EAC/BC,WAAA,EAAa;AACf"}
@@ -0,0 +1,3 @@
1
+ export * from './Body1';
2
+ export { body1ClassNames } from './useBody1Styles.styles';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["body1ClassNames"],"sources":["../../../../src/components/presets/Body1/index.ts"],"sourcesContent":["export * from './Body1';\nexport { body1ClassNames } from './useBody1Styles.styles';\n"],"mappings":"AAAA,cAAc;AACd,SAASA,eAAe,QAAQ"}
@@ -0,0 +1,19 @@
1
+ import { __styles } 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
+ */
9
+ export const useBody1Styles = /*#__PURE__*/__styles({
10
+ root: {
11
+ Bahqtrf: "fk6fouc",
12
+ Be2twd7: "fkhj508",
13
+ Bhrd7zp: "figsok6",
14
+ Bg96gwp: "f1i3iumi"
15
+ }
16
+ }, {
17
+ d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}"]
18
+ });
19
+ //# sourceMappingURL=useBody1Styles.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["__styles","typographyStyles","body1ClassNames","root","useBody1Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"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"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,eAAA,GAA6C;EACxDC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,cAAA,gBAAiBJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAE9B"}
@@ -0,0 +1,11 @@
1
+ import { createPreset } from '../createPreset';
2
+ import { body1StrongClassNames, useBody1StrongStyles } from './useBody1StrongStyles.styles';
3
+ /**
4
+ * Text preset component for the Body1Strong typography variant
5
+ */
6
+ export const Body1Strong = /*#__PURE__*/createPreset({
7
+ useStyles: useBody1StrongStyles,
8
+ className: body1StrongClassNames.root,
9
+ displayName: 'Body1Strong'
10
+ });
11
+ //# sourceMappingURL=Body1Strong.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["createPreset","body1StrongClassNames","useBody1StrongStyles","Body1Strong","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Body1Strong/Body1Strong.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { body1StrongClassNames, useBody1StrongStyles } from './useBody1StrongStyles.styles';\n\n/**\n * Text preset component for the Body1Strong typography variant\n */\nexport const Body1Strong: FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useBody1StrongStyles,\n className: body1StrongClassNames.root,\n displayName: 'Body1Strong',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,qBAAqB,EAAEC,oBAAoB,QAAQ;AAE5D;;;AAGA,OAAO,MAAMC,WAAA,gBAAkDH,YAAA,CAAa;EAC1EI,SAAA,EAAWF,oBAAA;EACXG,SAAA,EAAWJ,qBAAA,CAAsBK,IAAI;EACrCC,WAAA,EAAa;AACf"}
@@ -0,0 +1,3 @@
1
+ export * from './Body1Strong';
2
+ export { body1StrongClassNames } from './useBody1StrongStyles.styles';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["body1StrongClassNames"],"sources":["../../../../src/components/presets/Body1Strong/index.ts"],"sourcesContent":["export * from './Body1Strong';\nexport { body1StrongClassNames } from './useBody1StrongStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,SAASA,qBAAqB,QAAQ"}
@@ -0,0 +1,19 @@
1
+ import { __styles } 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
+ */
9
+ export const useBody1StrongStyles = /*#__PURE__*/__styles({
10
+ root: {
11
+ Bahqtrf: "fk6fouc",
12
+ Be2twd7: "fkhj508",
13
+ Bhrd7zp: "fl43uef",
14
+ Bg96gwp: "f1i3iumi"
15
+ }
16
+ }, {
17
+ d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}"]
18
+ });
19
+ //# sourceMappingURL=useBody1StrongStyles.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["__styles","typographyStyles","body1StrongClassNames","root","useBody1StrongStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"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"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,qBAAA,GAAmD;EAC9DC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,oBAAA,gBAAuBJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAEpC"}
@@ -0,0 +1,11 @@
1
+ import { createPreset } from '../createPreset';
2
+ import { body1StrongerClassNames, useBody1StrongerStyles } from './useBody1StrongerStyles.styles';
3
+ /**
4
+ * Text preset component for the Body1Stronger typography variant
5
+ */
6
+ export const Body1Stronger = /*#__PURE__*/createPreset({
7
+ useStyles: useBody1StrongerStyles,
8
+ className: body1StrongerClassNames.root,
9
+ displayName: 'Body1Stronger'
10
+ });
11
+ //# sourceMappingURL=Body1Stronger.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["createPreset","body1StrongerClassNames","useBody1StrongerStyles","Body1Stronger","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Body1Stronger/Body1Stronger.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { body1StrongerClassNames, useBody1StrongerStyles } from './useBody1StrongerStyles.styles';\n\n/**\n * Text preset component for the Body1Stronger typography variant\n */\nexport const Body1Stronger: FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useBody1StrongerStyles,\n className: body1StrongerClassNames.root,\n displayName: 'Body1Stronger',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,uBAAuB,EAAEC,sBAAsB,QAAQ;AAEhE;;;AAGA,OAAO,MAAMC,aAAA,gBAAoDH,YAAA,CAAa;EAC5EI,SAAA,EAAWF,sBAAA;EACXG,SAAA,EAAWJ,uBAAA,CAAwBK,IAAI;EACvCC,WAAA,EAAa;AACf"}
@@ -0,0 +1,3 @@
1
+ export * from './Body1Stronger';
2
+ export { body1StrongerClassNames } from './useBody1StrongerStyles.styles';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["body1StrongerClassNames"],"sources":["../../../../src/components/presets/Body1Stronger/index.ts"],"sourcesContent":["export * from './Body1Stronger';\nexport { body1StrongerClassNames } from './useBody1StrongerStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,SAASA,uBAAuB,QAAQ"}
@@ -0,0 +1,19 @@
1
+ import { __styles } 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
+ */
9
+ export const useBody1StrongerStyles = /*#__PURE__*/__styles({
10
+ root: {
11
+ Bahqtrf: "fk6fouc",
12
+ Be2twd7: "fkhj508",
13
+ Bhrd7zp: "flh3ekv",
14
+ Bg96gwp: "f1i3iumi"
15
+ }
16
+ }, {
17
+ d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".flh3ekv{font-weight:var(--fontWeightBold);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}"]
18
+ });
19
+ //# sourceMappingURL=useBody1StrongerStyles.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["__styles","typographyStyles","body1StrongerClassNames","root","useBody1StrongerStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"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"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,uBAAA,GAAqD;EAChEC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,sBAAA,gBAAyBJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAEtC"}
@@ -0,0 +1,11 @@
1
+ import { createPreset } from '../createPreset';
2
+ import { body2ClassNames, useBody2Styles } from './useBody2Styles.styles';
3
+ /**
4
+ * Text preset component for the Body2 typography variant
5
+ */
6
+ export const Body2 = /*#__PURE__*/createPreset({
7
+ useStyles: useBody2Styles,
8
+ className: body2ClassNames.root,
9
+ displayName: 'Body2'
10
+ });
11
+ //# sourceMappingURL=Body2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["createPreset","body2ClassNames","useBody2Styles","Body2","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Body2/Body2.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { body2ClassNames, useBody2Styles } from './useBody2Styles.styles';\n\n/**\n * Text preset component for the Body2 typography variant\n */\nexport const Body2: FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useBody2Styles,\n className: body2ClassNames.root,\n displayName: 'Body2',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,eAAe,EAAEC,cAAc,QAAQ;AAEhD;;;AAGA,OAAO,MAAMC,KAAA,gBAA4CH,YAAA,CAAa;EACpEI,SAAA,EAAWF,cAAA;EACXG,SAAA,EAAWJ,eAAA,CAAgBK,IAAI;EAC/BC,WAAA,EAAa;AACf"}
@@ -0,0 +1,3 @@
1
+ export * from './Body2';
2
+ export { body2ClassNames } from './useBody2Styles.styles';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["body2ClassNames"],"sources":["../../../../src/components/presets/Body2/index.ts"],"sourcesContent":["export * from './Body2';\nexport { body2ClassNames } from './useBody2Styles.styles';\n"],"mappings":"AAAA,cAAc;AACd,SAASA,eAAe,QAAQ"}
@@ -0,0 +1,19 @@
1
+ import { __styles } 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
+ */
9
+ export const useBody2Styles = /*#__PURE__*/__styles({
10
+ root: {
11
+ Bahqtrf: "fk6fouc",
12
+ Be2twd7: "fod5ikn",
13
+ Bhrd7zp: "figsok6",
14
+ Bg96gwp: "faaz57k"
15
+ }
16
+ }, {
17
+ d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".faaz57k{line-height:var(--lineHeightBase400);}"]
18
+ });
19
+ //# sourceMappingURL=useBody2Styles.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["__styles","typographyStyles","body2ClassNames","root","useBody2Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"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"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,eAAA,GAA6C;EACxDC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,cAAA,gBAAiBJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAE9B"}
@@ -0,0 +1,11 @@
1
+ import { createPreset } from '../createPreset';
2
+ import { caption1ClassNames, useCaption1Styles } from './useCaption1Styles.styles';
3
+ /**
4
+ * Text preset component for the Caption1 typography variant
5
+ */
6
+ export const Caption1 = /*#__PURE__*/createPreset({
7
+ useStyles: useCaption1Styles,
8
+ className: caption1ClassNames.root,
9
+ displayName: 'Caption1'
10
+ });
11
+ //# sourceMappingURL=Caption1.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["createPreset","caption1ClassNames","useCaption1Styles","Caption1","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Caption1/Caption1.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption1ClassNames, useCaption1Styles } from './useCaption1Styles.styles';\n\n/**\n * Text preset component for the Caption1 typography variant\n */\nexport const Caption1: FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useCaption1Styles,\n className: caption1ClassNames.root,\n displayName: 'Caption1',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,kBAAkB,EAAEC,iBAAiB,QAAQ;AAEtD;;;AAGA,OAAO,MAAMC,QAAA,gBAA+CH,YAAA,CAAa;EACvEI,SAAA,EAAWF,iBAAA;EACXG,SAAA,EAAWJ,kBAAA,CAAmBK,IAAI;EAClCC,WAAA,EAAa;AACf"}
@@ -0,0 +1,3 @@
1
+ export * from './Caption1';
2
+ export { caption1ClassNames } from './useCaption1Styles.styles';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["caption1ClassNames"],"sources":["../../../../src/components/presets/Caption1/index.ts"],"sourcesContent":["export * from './Caption1';\nexport { caption1ClassNames } from './useCaption1Styles.styles';\n"],"mappings":"AAAA,cAAc;AACd,SAASA,kBAAkB,QAAQ"}
@@ -0,0 +1,19 @@
1
+ import { __styles } 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
+ */
9
+ export const useCaption1Styles = /*#__PURE__*/__styles({
10
+ root: {
11
+ Bahqtrf: "fk6fouc",
12
+ Be2twd7: "fy9rknc",
13
+ Bhrd7zp: "figsok6",
14
+ Bg96gwp: "fwrc4pm"
15
+ }
16
+ }, {
17
+ d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}"]
18
+ });
19
+ //# sourceMappingURL=useCaption1Styles.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["__styles","typographyStyles","caption1ClassNames","root","useCaption1Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"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"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,kBAAA,GAAgD;EAC3DC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,iBAAA,gBAAoBJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAEjC"}
@@ -0,0 +1,11 @@
1
+ import { createPreset } from '../createPreset';
2
+ import { caption1StrongClassNames, useCaption1StrongStyles } from './useCaption1StrongStyles.styles';
3
+ /**
4
+ * Text preset component for the Caption1Strong typography variant
5
+ */
6
+ export const Caption1Strong = /*#__PURE__*/createPreset({
7
+ useStyles: useCaption1StrongStyles,
8
+ className: caption1StrongClassNames.root,
9
+ displayName: 'Caption1Strong'
10
+ });
11
+ //# sourceMappingURL=Caption1Strong.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["createPreset","caption1StrongClassNames","useCaption1StrongStyles","Caption1Strong","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Caption1Strong/Caption1Strong.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption1StrongClassNames, useCaption1StrongStyles } from './useCaption1StrongStyles.styles';\n\n/**\n * Text preset component for the Caption1Strong typography variant\n */\nexport const Caption1Strong: FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useCaption1StrongStyles,\n className: caption1StrongClassNames.root,\n displayName: 'Caption1Strong',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,wBAAwB,EAAEC,uBAAuB,QAAQ;AAElE;;;AAGA,OAAO,MAAMC,cAAA,gBAAqDH,YAAA,CAAa;EAC7EI,SAAA,EAAWF,uBAAA;EACXG,SAAA,EAAWJ,wBAAA,CAAyBK,IAAI;EACxCC,WAAA,EAAa;AACf"}
@@ -0,0 +1,3 @@
1
+ export * from './Caption1Strong';
2
+ export { caption1StrongClassNames } from './useCaption1StrongStyles.styles';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["caption1StrongClassNames"],"sources":["../../../../src/components/presets/Caption1Strong/index.ts"],"sourcesContent":["export * from './Caption1Strong';\nexport { caption1StrongClassNames } from './useCaption1StrongStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,SAASA,wBAAwB,QAAQ"}
@@ -0,0 +1,19 @@
1
+ import { __styles } 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
+ */
9
+ export const useCaption1StrongStyles = /*#__PURE__*/__styles({
10
+ root: {
11
+ Bahqtrf: "fk6fouc",
12
+ Be2twd7: "fy9rknc",
13
+ Bhrd7zp: "fl43uef",
14
+ Bg96gwp: "fwrc4pm"
15
+ }
16
+ }, {
17
+ d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}"]
18
+ });
19
+ //# sourceMappingURL=useCaption1StrongStyles.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["__styles","typographyStyles","caption1StrongClassNames","root","useCaption1StrongStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"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"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,wBAAA,GAAsD;EACjEC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,uBAAA,gBAA0BJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAEvC"}
@@ -0,0 +1,11 @@
1
+ import { createPreset } from '../createPreset';
2
+ import { caption1StrongerClassNames, useCaption1StrongerStyles } from './useCaption1Stronger.styles';
3
+ /**
4
+ * Text preset component for the Caption1Stronger typography variant
5
+ */
6
+ export const Caption1Stronger = /*#__PURE__*/createPreset({
7
+ useStyles: useCaption1StrongerStyles,
8
+ className: caption1StrongerClassNames.root,
9
+ displayName: 'Caption1Stronger'
10
+ });
11
+ //# sourceMappingURL=Caption1Stronger.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["createPreset","caption1StrongerClassNames","useCaption1StrongerStyles","Caption1Stronger","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Caption1Stronger/Caption1Stronger.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption1StrongerClassNames, useCaption1StrongerStyles } from './useCaption1Stronger.styles';\n\n/**\n * Text preset component for the Caption1Stronger typography variant\n */\nexport const Caption1Stronger: FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useCaption1StrongerStyles,\n className: caption1StrongerClassNames.root,\n displayName: 'Caption1Stronger',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,0BAA0B,EAAEC,yBAAyB,QAAQ;AAEtE;;;AAGA,OAAO,MAAMC,gBAAA,gBAAuDH,YAAA,CAAa;EAC/EI,SAAA,EAAWF,yBAAA;EACXG,SAAA,EAAWJ,0BAAA,CAA2BK,IAAI;EAC1CC,WAAA,EAAa;AACf"}
@@ -0,0 +1,3 @@
1
+ export * from './Caption1Stronger';
2
+ export { caption1StrongerClassNames } from './useCaption1Stronger.styles';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["caption1StrongerClassNames"],"sources":["../../../../src/components/presets/Caption1Stronger/index.ts"],"sourcesContent":["export * from './Caption1Stronger';\nexport { caption1StrongerClassNames } from './useCaption1Stronger.styles';\n"],"mappings":"AAAA,cAAc;AACd,SAASA,0BAA0B,QAAQ"}
@@ -0,0 +1,19 @@
1
+ import { __styles } 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
+ */
9
+ export const useCaption1StrongerStyles = /*#__PURE__*/__styles({
10
+ root: {
11
+ Bahqtrf: "fk6fouc",
12
+ Be2twd7: "fy9rknc",
13
+ Bhrd7zp: "flh3ekv",
14
+ Bg96gwp: "fwrc4pm"
15
+ }
16
+ }, {
17
+ d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".flh3ekv{font-weight:var(--fontWeightBold);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}"]
18
+ });
19
+ //# sourceMappingURL=useCaption1Stronger.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["__styles","typographyStyles","caption1StrongerClassNames","root","useCaption1StrongerStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"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"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,0BAAA,GAAwD;EACnEC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,yBAAA,gBAA4BJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAEzC"}
@@ -0,0 +1,11 @@
1
+ import { createPreset } from '../createPreset';
2
+ import { caption2ClassNames, useCaption2Styles } from './useCaption2Styles.styles';
3
+ /**
4
+ * Text preset component for the Caption2 typography variant
5
+ */
6
+ export const Caption2 = /*#__PURE__*/createPreset({
7
+ useStyles: useCaption2Styles,
8
+ className: caption2ClassNames.root,
9
+ displayName: 'Caption2'
10
+ });
11
+ //# sourceMappingURL=Caption2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["createPreset","caption2ClassNames","useCaption2Styles","Caption2","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Caption2/Caption2.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption2ClassNames, useCaption2Styles } from './useCaption2Styles.styles';\n\n/**\n * Text preset component for the Caption2 typography variant\n */\nexport const Caption2: FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useCaption2Styles,\n className: caption2ClassNames.root,\n displayName: 'Caption2',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,kBAAkB,EAAEC,iBAAiB,QAAQ;AAEtD;;;AAGA,OAAO,MAAMC,QAAA,gBAA+CH,YAAA,CAAa;EACvEI,SAAA,EAAWF,iBAAA;EACXG,SAAA,EAAWJ,kBAAA,CAAmBK,IAAI;EAClCC,WAAA,EAAa;AACf"}
@@ -0,0 +1,3 @@
1
+ export * from './Caption2';
2
+ export { caption2ClassNames } from './useCaption2Styles.styles';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["caption2ClassNames"],"sources":["../../../../src/components/presets/Caption2/index.ts"],"sourcesContent":["export * from './Caption2';\nexport { caption2ClassNames } from './useCaption2Styles.styles';\n"],"mappings":"AAAA,cAAc;AACd,SAASA,kBAAkB,QAAQ"}
@@ -0,0 +1,19 @@
1
+ import { __styles } 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
+ */
9
+ export const useCaption2Styles = /*#__PURE__*/__styles({
10
+ root: {
11
+ Bahqtrf: "fk6fouc",
12
+ Be2twd7: "f13mqy1h",
13
+ Bhrd7zp: "figsok6",
14
+ Bg96gwp: "fcpl73t"
15
+ }
16
+ }, {
17
+ d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fcpl73t{line-height:var(--lineHeightBase100);}"]
18
+ });
19
+ //# sourceMappingURL=useCaption2Styles.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["__styles","typographyStyles","caption2ClassNames","root","useCaption2Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"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"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,kBAAA,GAAgD;EAC3DC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,iBAAA,gBAAoBJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAEjC"}
@@ -0,0 +1,11 @@
1
+ import { createPreset } from '../createPreset';
2
+ import { caption2StrongClassNames, useCaption2StrongStyles } from './useCaption2StrongStyles.styles';
3
+ /**
4
+ * Text preset component for the Caption2Strong typography variant
5
+ */
6
+ export const Caption2Strong = /*#__PURE__*/createPreset({
7
+ useStyles: useCaption2StrongStyles,
8
+ className: caption2StrongClassNames.root,
9
+ displayName: 'Caption2Strong'
10
+ });
11
+ //# sourceMappingURL=Caption2Strong.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["createPreset","caption2StrongClassNames","useCaption2StrongStyles","Caption2Strong","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Caption2Strong/Caption2Strong.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\n\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption2StrongClassNames, useCaption2StrongStyles } from './useCaption2StrongStyles.styles';\n\n/**\n * Text preset component for the Caption2Strong typography variant\n */\nexport const Caption2Strong: FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useCaption2StrongStyles,\n className: caption2StrongClassNames.root,\n displayName: 'Caption2Strong',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAG7B,SAASC,wBAAwB,EAAEC,uBAAuB,QAAQ;AAElE;;;AAGA,OAAO,MAAMC,cAAA,gBAAqDH,YAAA,CAAa;EAC7EI,SAAA,EAAWF,uBAAA;EACXG,SAAA,EAAWJ,wBAAA,CAAyBK,IAAI;EACxCC,WAAA,EAAa;AACf"}
@@ -0,0 +1,3 @@
1
+ export * from './Caption2Strong';
2
+ export { caption2StrongClassNames } from './useCaption2StrongStyles.styles';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["caption2StrongClassNames"],"sources":["../../../../src/components/presets/Caption2Strong/index.ts"],"sourcesContent":["export * from './Caption2Strong';\nexport { caption2StrongClassNames } from './useCaption2StrongStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,SAASA,wBAAwB,QAAQ"}
@@ -0,0 +1,19 @@
1
+ import { __styles } 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
+ */
9
+ export const useCaption2StrongStyles = /*#__PURE__*/__styles({
10
+ root: {
11
+ Bahqtrf: "fk6fouc",
12
+ Be2twd7: "f13mqy1h",
13
+ Bhrd7zp: "fl43uef",
14
+ Bg96gwp: "fcpl73t"
15
+ }
16
+ }, {
17
+ d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fcpl73t{line-height:var(--lineHeightBase100);}"]
18
+ });
19
+ //# sourceMappingURL=useCaption2StrongStyles.styles.js.map