@fluentui/react-text 9.0.0-nightly.f81b28ceb3.1 → 9.0.0-rc.11

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 (288) hide show
  1. package/CHANGELOG.json +542 -16
  2. package/CHANGELOG.md +206 -52
  3. package/MIGRATION.md +153 -103
  4. package/README.md +4 -4
  5. package/dist/index.d.ts +188 -0
  6. package/{lib → dist}/tsdoc-metadata.json +0 -0
  7. package/lib/Body1.js +2 -0
  8. package/lib/Body1.js.map +1 -0
  9. package/lib/Caption1.js +2 -0
  10. package/lib/Caption1.js.map +1 -0
  11. package/lib/Caption2.js +2 -0
  12. package/lib/Caption2.js.map +1 -0
  13. package/lib/Display.js.map +1 -1
  14. package/lib/LargeTitle.js.map +1 -1
  15. package/lib/Subtitle1.js +2 -0
  16. package/lib/Subtitle1.js.map +1 -0
  17. package/lib/Subtitle2.js +2 -0
  18. package/lib/Subtitle2.js.map +1 -0
  19. package/lib/Text.js.map +1 -1
  20. package/lib/Title1.js.map +1 -1
  21. package/lib/Title2.js.map +1 -1
  22. package/lib/Title3.js.map +1 -1
  23. package/lib/components/Body1/Body1.js +31 -0
  24. package/lib/components/Body1/Body1.js.map +1 -0
  25. package/lib/components/Body1/index.js +2 -0
  26. package/lib/components/Body1/index.js.map +1 -0
  27. package/lib/components/Caption1/Caption1.js +31 -0
  28. package/lib/components/Caption1/Caption1.js.map +1 -0
  29. package/lib/components/Caption1/index.js +2 -0
  30. package/lib/components/Caption1/index.js.map +1 -0
  31. package/lib/components/Caption2/Caption2.js +31 -0
  32. package/lib/components/Caption2/Caption2.js.map +1 -0
  33. package/lib/components/Caption2/index.js +2 -0
  34. package/lib/components/Caption2/index.js.map +1 -0
  35. package/lib/components/Display/Display.js +12 -8
  36. package/lib/components/Display/Display.js.map +1 -1
  37. package/lib/components/Display/index.js.map +1 -1
  38. package/lib/components/LargeTitle/LargeTitle.js +12 -8
  39. package/lib/components/LargeTitle/LargeTitle.js.map +1 -1
  40. package/lib/components/LargeTitle/index.js.map +1 -1
  41. package/lib/components/Subtitle1/Subtitle1.js +31 -0
  42. package/lib/components/Subtitle1/Subtitle1.js.map +1 -0
  43. package/lib/components/Subtitle1/index.js +2 -0
  44. package/lib/components/Subtitle1/index.js.map +1 -0
  45. package/lib/components/Subtitle2/Subtitle2.js +31 -0
  46. package/lib/components/Subtitle2/Subtitle2.js.map +1 -0
  47. package/lib/components/Subtitle2/index.js +2 -0
  48. package/lib/components/Subtitle2/index.js.map +1 -0
  49. package/lib/components/Text/Text.js +7 -7
  50. package/lib/components/Text/Text.js.map +1 -1
  51. package/lib/components/Text/Text.types.js.map +1 -1
  52. package/lib/components/Text/index.js.map +1 -1
  53. package/lib/components/Text/renderText.js +7 -7
  54. package/lib/components/Text/renderText.js.map +1 -1
  55. package/lib/components/Text/useText.js +28 -27
  56. package/lib/components/Text/useText.js.map +1 -1
  57. package/lib/components/Text/useTextStyles.js +17 -11
  58. package/lib/components/Text/useTextStyles.js.map +1 -1
  59. package/lib/components/Title1/Title1.js +12 -8
  60. package/lib/components/Title1/Title1.js.map +1 -1
  61. package/lib/components/Title1/index.js.map +1 -1
  62. package/lib/components/Title2/Title2.js +12 -8
  63. package/lib/components/Title2/Title2.js.map +1 -1
  64. package/lib/components/Title2/index.js.map +1 -1
  65. package/lib/components/Title3/Title3.js +12 -8
  66. package/lib/components/Title3/Title3.js.map +1 -1
  67. package/lib/components/Title3/index.js.map +1 -1
  68. package/lib/components/wrapper.js +13 -10
  69. package/lib/components/wrapper.js.map +1 -1
  70. package/lib/index.js +11 -10
  71. package/lib/index.js.map +1 -1
  72. package/lib-commonjs/Body1.js +10 -0
  73. package/lib-commonjs/Body1.js.map +1 -0
  74. package/lib-commonjs/Caption1.js +10 -0
  75. package/lib-commonjs/Caption1.js.map +1 -0
  76. package/lib-commonjs/Caption2.js +10 -0
  77. package/lib-commonjs/Caption2.js.map +1 -0
  78. package/lib-commonjs/Display.js +1 -1
  79. package/lib-commonjs/Display.js.map +1 -1
  80. package/lib-commonjs/LargeTitle.js +1 -1
  81. package/lib-commonjs/LargeTitle.js.map +1 -1
  82. package/lib-commonjs/Subtitle1.js +10 -0
  83. package/lib-commonjs/Subtitle1.js.map +1 -0
  84. package/lib-commonjs/Subtitle2.js +10 -0
  85. package/lib-commonjs/Subtitle2.js.map +1 -0
  86. package/lib-commonjs/Text.js +1 -1
  87. package/lib-commonjs/Text.js.map +1 -1
  88. package/lib-commonjs/Title1.js +1 -1
  89. package/lib-commonjs/Title1.js.map +1 -1
  90. package/lib-commonjs/Title2.js +1 -1
  91. package/lib-commonjs/Title2.js.map +1 -1
  92. package/lib-commonjs/Title3.js +1 -1
  93. package/lib-commonjs/Title3.js.map +1 -1
  94. package/lib-commonjs/components/Body1/Body1.js +41 -0
  95. package/lib-commonjs/components/Body1/Body1.js.map +1 -0
  96. package/lib-commonjs/components/Body1/index.js +10 -0
  97. package/lib-commonjs/components/Body1/index.js.map +1 -0
  98. package/lib-commonjs/components/Caption1/Caption1.js +41 -0
  99. package/lib-commonjs/components/Caption1/Caption1.js.map +1 -0
  100. package/lib-commonjs/components/Caption1/index.js +10 -0
  101. package/lib-commonjs/components/Caption1/index.js.map +1 -0
  102. package/lib-commonjs/components/Caption2/Caption2.js +41 -0
  103. package/lib-commonjs/components/Caption2/Caption2.js.map +1 -0
  104. package/lib-commonjs/components/Caption2/index.js +10 -0
  105. package/lib-commonjs/components/Caption2/index.js.map +1 -0
  106. package/lib-commonjs/components/Display/Display.js +20 -9
  107. package/lib-commonjs/components/Display/Display.js.map +1 -1
  108. package/lib-commonjs/components/Display/index.js +1 -1
  109. package/lib-commonjs/components/Display/index.js.map +1 -1
  110. package/lib-commonjs/components/LargeTitle/LargeTitle.js +20 -9
  111. package/lib-commonjs/components/LargeTitle/LargeTitle.js.map +1 -1
  112. package/lib-commonjs/components/LargeTitle/index.js +1 -1
  113. package/lib-commonjs/components/LargeTitle/index.js.map +1 -1
  114. package/lib-commonjs/components/Subtitle1/Subtitle1.js +41 -0
  115. package/lib-commonjs/components/Subtitle1/Subtitle1.js.map +1 -0
  116. package/lib-commonjs/components/Subtitle1/index.js +10 -0
  117. package/lib-commonjs/components/Subtitle1/index.js.map +1 -0
  118. package/lib-commonjs/components/Subtitle2/Subtitle2.js +41 -0
  119. package/lib-commonjs/components/Subtitle2/Subtitle2.js.map +1 -0
  120. package/lib-commonjs/components/Subtitle2/index.js +10 -0
  121. package/lib-commonjs/components/Subtitle2/index.js.map +1 -0
  122. package/lib-commonjs/components/Text/Text.js +8 -8
  123. package/lib-commonjs/components/Text/Text.js.map +1 -1
  124. package/lib-commonjs/components/Text/Text.types.js.map +1 -1
  125. package/lib-commonjs/components/Text/index.js +1 -1
  126. package/lib-commonjs/components/Text/index.js.map +1 -1
  127. package/lib-commonjs/components/Text/renderText.js +11 -12
  128. package/lib-commonjs/components/Text/renderText.js.map +1 -1
  129. package/lib-commonjs/components/Text/useText.js +31 -31
  130. package/lib-commonjs/components/Text/useText.js.map +1 -1
  131. package/lib-commonjs/components/Text/useTextStyles.js +21 -14
  132. package/lib-commonjs/components/Text/useTextStyles.js.map +1 -1
  133. package/lib-commonjs/components/Title1/Title1.js +20 -9
  134. package/lib-commonjs/components/Title1/Title1.js.map +1 -1
  135. package/lib-commonjs/components/Title1/index.js +1 -1
  136. package/lib-commonjs/components/Title1/index.js.map +1 -1
  137. package/lib-commonjs/components/Title2/Title2.js +20 -9
  138. package/lib-commonjs/components/Title2/Title2.js.map +1 -1
  139. package/lib-commonjs/components/Title2/index.js +1 -1
  140. package/lib-commonjs/components/Title2/index.js.map +1 -1
  141. package/lib-commonjs/components/Title3/Title3.js +20 -9
  142. package/lib-commonjs/components/Title3/Title3.js.map +1 -1
  143. package/lib-commonjs/components/Title3/index.js +1 -1
  144. package/lib-commonjs/components/Title3/index.js.map +1 -1
  145. package/lib-commonjs/components/wrapper.js +14 -11
  146. package/lib-commonjs/components/wrapper.js.map +1 -1
  147. package/lib-commonjs/index.js +173 -11
  148. package/lib-commonjs/index.js.map +1 -1
  149. package/package.json +18 -22
  150. package/dist/react-text.d.ts +0 -163
  151. package/lib/Body.d.ts +0 -1
  152. package/lib/Body.js +0 -2
  153. package/lib/Body.js.map +0 -1
  154. package/lib/Caption.d.ts +0 -1
  155. package/lib/Caption.js +0 -2
  156. package/lib/Caption.js.map +0 -1
  157. package/lib/Display.d.ts +0 -1
  158. package/lib/Headline.d.ts +0 -1
  159. package/lib/Headline.js +0 -2
  160. package/lib/Headline.js.map +0 -1
  161. package/lib/LargeTitle.d.ts +0 -1
  162. package/lib/Subheadline.d.ts +0 -1
  163. package/lib/Subheadline.js +0 -2
  164. package/lib/Subheadline.js.map +0 -1
  165. package/lib/Text.d.ts +0 -1
  166. package/lib/Title1.d.ts +0 -1
  167. package/lib/Title2.d.ts +0 -1
  168. package/lib/Title3.d.ts +0 -1
  169. package/lib/common/isConformant.d.ts +0 -4
  170. package/lib/common/isConformant.js +0 -16
  171. package/lib/common/isConformant.js.map +0 -1
  172. package/lib/components/Body/Body.d.ts +0 -6
  173. package/lib/components/Body/Body.js +0 -27
  174. package/lib/components/Body/Body.js.map +0 -1
  175. package/lib/components/Body/index.d.ts +0 -1
  176. package/lib/components/Body/index.js +0 -2
  177. package/lib/components/Body/index.js.map +0 -1
  178. package/lib/components/Caption/Caption.d.ts +0 -6
  179. package/lib/components/Caption/Caption.js +0 -27
  180. package/lib/components/Caption/Caption.js.map +0 -1
  181. package/lib/components/Caption/index.d.ts +0 -1
  182. package/lib/components/Caption/index.js +0 -2
  183. package/lib/components/Caption/index.js.map +0 -1
  184. package/lib/components/Display/Display.d.ts +0 -6
  185. package/lib/components/Display/index.d.ts +0 -1
  186. package/lib/components/Headline/Headline.d.ts +0 -6
  187. package/lib/components/Headline/Headline.js +0 -27
  188. package/lib/components/Headline/Headline.js.map +0 -1
  189. package/lib/components/Headline/index.d.ts +0 -1
  190. package/lib/components/Headline/index.js +0 -2
  191. package/lib/components/Headline/index.js.map +0 -1
  192. package/lib/components/LargeTitle/LargeTitle.d.ts +0 -6
  193. package/lib/components/LargeTitle/index.d.ts +0 -1
  194. package/lib/components/Subheadline/Subheadline.d.ts +0 -6
  195. package/lib/components/Subheadline/Subheadline.js +0 -27
  196. package/lib/components/Subheadline/Subheadline.js.map +0 -1
  197. package/lib/components/Subheadline/index.d.ts +0 -1
  198. package/lib/components/Subheadline/index.js +0 -2
  199. package/lib/components/Subheadline/index.js.map +0 -1
  200. package/lib/components/Text/Text.d.ts +0 -6
  201. package/lib/components/Text/Text.types.d.ts +0 -77
  202. package/lib/components/Text/index.d.ts +0 -5
  203. package/lib/components/Text/renderText.d.ts +0 -5
  204. package/lib/components/Text/useText.d.ts +0 -12
  205. package/lib/components/Text/useTextStyles.d.ts +0 -5
  206. package/lib/components/Title1/Title1.d.ts +0 -6
  207. package/lib/components/Title1/index.d.ts +0 -1
  208. package/lib/components/Title2/Title2.d.ts +0 -6
  209. package/lib/components/Title2/index.d.ts +0 -1
  210. package/lib/components/Title3/Title3.d.ts +0 -6
  211. package/lib/components/Title3/index.d.ts +0 -1
  212. package/lib/components/wrapper.d.ts +0 -7
  213. package/lib/index.d.ts +0 -10
  214. package/lib/typographyStyles/index.d.ts +0 -2
  215. package/lib/typographyStyles/index.js +0 -3
  216. package/lib/typographyStyles/index.js.map +0 -1
  217. package/lib/typographyStyles/typographyStyles.d.ts +0 -14
  218. package/lib/typographyStyles/typographyStyles.js +0 -76
  219. package/lib/typographyStyles/typographyStyles.js.map +0 -1
  220. package/lib-commonjs/Body.d.ts +0 -1
  221. package/lib-commonjs/Body.js +0 -10
  222. package/lib-commonjs/Body.js.map +0 -1
  223. package/lib-commonjs/Caption.d.ts +0 -1
  224. package/lib-commonjs/Caption.js +0 -10
  225. package/lib-commonjs/Caption.js.map +0 -1
  226. package/lib-commonjs/Display.d.ts +0 -1
  227. package/lib-commonjs/Headline.d.ts +0 -1
  228. package/lib-commonjs/Headline.js +0 -10
  229. package/lib-commonjs/Headline.js.map +0 -1
  230. package/lib-commonjs/LargeTitle.d.ts +0 -1
  231. package/lib-commonjs/Subheadline.d.ts +0 -1
  232. package/lib-commonjs/Subheadline.js +0 -10
  233. package/lib-commonjs/Subheadline.js.map +0 -1
  234. package/lib-commonjs/Text.d.ts +0 -1
  235. package/lib-commonjs/Title1.d.ts +0 -1
  236. package/lib-commonjs/Title2.d.ts +0 -1
  237. package/lib-commonjs/Title3.d.ts +0 -1
  238. package/lib-commonjs/common/isConformant.d.ts +0 -4
  239. package/lib-commonjs/common/isConformant.js +0 -27
  240. package/lib-commonjs/common/isConformant.js.map +0 -1
  241. package/lib-commonjs/components/Body/Body.d.ts +0 -6
  242. package/lib-commonjs/components/Body/Body.js +0 -30
  243. package/lib-commonjs/components/Body/Body.js.map +0 -1
  244. package/lib-commonjs/components/Body/index.d.ts +0 -1
  245. package/lib-commonjs/components/Body/index.js +0 -10
  246. package/lib-commonjs/components/Body/index.js.map +0 -1
  247. package/lib-commonjs/components/Caption/Caption.d.ts +0 -6
  248. package/lib-commonjs/components/Caption/Caption.js +0 -30
  249. package/lib-commonjs/components/Caption/Caption.js.map +0 -1
  250. package/lib-commonjs/components/Caption/index.d.ts +0 -1
  251. package/lib-commonjs/components/Caption/index.js +0 -10
  252. package/lib-commonjs/components/Caption/index.js.map +0 -1
  253. package/lib-commonjs/components/Display/Display.d.ts +0 -6
  254. package/lib-commonjs/components/Display/index.d.ts +0 -1
  255. package/lib-commonjs/components/Headline/Headline.d.ts +0 -6
  256. package/lib-commonjs/components/Headline/Headline.js +0 -30
  257. package/lib-commonjs/components/Headline/Headline.js.map +0 -1
  258. package/lib-commonjs/components/Headline/index.d.ts +0 -1
  259. package/lib-commonjs/components/Headline/index.js +0 -10
  260. package/lib-commonjs/components/Headline/index.js.map +0 -1
  261. package/lib-commonjs/components/LargeTitle/LargeTitle.d.ts +0 -6
  262. package/lib-commonjs/components/LargeTitle/index.d.ts +0 -1
  263. package/lib-commonjs/components/Subheadline/Subheadline.d.ts +0 -6
  264. package/lib-commonjs/components/Subheadline/Subheadline.js +0 -30
  265. package/lib-commonjs/components/Subheadline/Subheadline.js.map +0 -1
  266. package/lib-commonjs/components/Subheadline/index.d.ts +0 -1
  267. package/lib-commonjs/components/Subheadline/index.js +0 -10
  268. package/lib-commonjs/components/Subheadline/index.js.map +0 -1
  269. package/lib-commonjs/components/Text/Text.d.ts +0 -6
  270. package/lib-commonjs/components/Text/Text.types.d.ts +0 -77
  271. package/lib-commonjs/components/Text/index.d.ts +0 -5
  272. package/lib-commonjs/components/Text/renderText.d.ts +0 -5
  273. package/lib-commonjs/components/Text/useText.d.ts +0 -12
  274. package/lib-commonjs/components/Text/useTextStyles.d.ts +0 -5
  275. package/lib-commonjs/components/Title1/Title1.d.ts +0 -6
  276. package/lib-commonjs/components/Title1/index.d.ts +0 -1
  277. package/lib-commonjs/components/Title2/Title2.d.ts +0 -6
  278. package/lib-commonjs/components/Title2/index.d.ts +0 -1
  279. package/lib-commonjs/components/Title3/Title3.d.ts +0 -6
  280. package/lib-commonjs/components/Title3/index.d.ts +0 -1
  281. package/lib-commonjs/components/wrapper.d.ts +0 -7
  282. package/lib-commonjs/index.d.ts +0 -10
  283. package/lib-commonjs/typographyStyles/index.d.ts +0 -2
  284. package/lib-commonjs/typographyStyles/index.js +0 -11
  285. package/lib-commonjs/typographyStyles/index.js.map +0 -1
  286. package/lib-commonjs/typographyStyles/typographyStyles.d.ts +0 -14
  287. package/lib-commonjs/typographyStyles/typographyStyles.js +0 -109
  288. package/lib-commonjs/typographyStyles/typographyStyles.js.map +0 -1
@@ -0,0 +1,188 @@
1
+ import type { ComponentProps } from '@fluentui/react-utilities';
2
+ import type { ComponentState } from '@fluentui/react-utilities';
3
+ import type { ForwardRefComponent } from '@fluentui/react-utilities';
4
+ import type { FunctionComponent } from 'react';
5
+ import * as React_2 from 'react';
6
+ import type { Slot } from '@fluentui/react-utilities';
7
+ import { SlotClassNames } from '@fluentui/react-utilities';
8
+
9
+ /**
10
+ * Text wrapper component for the Body1 typography variant
11
+ */
12
+ export declare const Body1: FunctionComponent<TextWrapperProps>;
13
+
14
+ export declare const body1ClassNames: SlotClassNames<TextSlots>;
15
+
16
+ /**
17
+ * Text wrapper component for the Caption1 typography variant
18
+ */
19
+ export declare const Caption1: FunctionComponent<TextWrapperProps>;
20
+
21
+ export declare const caption1ClassNames: SlotClassNames<TextSlots>;
22
+
23
+ /**
24
+ * Text wrapper component for the Caption2 typography variant
25
+ */
26
+ export declare const Caption2: FunctionComponent<TextWrapperProps>;
27
+
28
+ export declare const caption2ClassNames: SlotClassNames<TextSlots>;
29
+
30
+ /**
31
+ * Text wrapper component for the Display typography variant
32
+ */
33
+ export declare const Display: FunctionComponent<TextWrapperProps>;
34
+
35
+ export declare const displayClassNames: SlotClassNames<TextSlots>;
36
+
37
+ /**
38
+ * Text wrapper component for the Large Title typography variant
39
+ */
40
+ export declare const LargeTitle: FunctionComponent<TextWrapperProps>;
41
+
42
+ export declare const largeTitleClassNames: SlotClassNames<TextSlots>;
43
+
44
+ /**
45
+ * Render the final JSX of Text
46
+ */
47
+ export declare const renderText_unstable: (state: TextState) => JSX.Element;
48
+
49
+ /**
50
+ * Text wrapper component for the Subtitle1 typography variant
51
+ */
52
+ export declare const Subtitle1: FunctionComponent<TextWrapperProps>;
53
+
54
+ export declare const subtitle1ClassNames: SlotClassNames<TextSlots>;
55
+
56
+ /**
57
+ * Text wrapper component for the Subtitle2 typography variant
58
+ */
59
+ export declare const Subtitle2: FunctionComponent<TextWrapperProps>;
60
+
61
+ export declare const subtitle2ClassNames: SlotClassNames<TextSlots>;
62
+
63
+ /**
64
+ * Typography and styling abstraction component used to ensure consistency of text.
65
+ */
66
+ declare const Text_2: ForwardRefComponent<TextProps>;
67
+ export { Text_2 as Text }
68
+
69
+ export declare const textClassNames: SlotClassNames<TextSlots>;
70
+
71
+ /**
72
+ * Text Props
73
+ */
74
+ export declare type TextProps = ComponentProps<TextSlots> & {
75
+ /**
76
+ * Aligns text based on the parent container.
77
+ *
78
+ * @default start
79
+ */
80
+ align?: 'start' | 'center' | 'end' | 'justify';
81
+ /**
82
+ * Applies a block display for the content.
83
+ *
84
+ * @default false
85
+ */
86
+ block?: boolean;
87
+ /**
88
+ * Applies the font family to the content.
89
+ *
90
+ * @default base
91
+ */
92
+ font?: 'base' | 'monospace' | 'numeric';
93
+ /**
94
+ * Applies the italic font style to the content.
95
+ *
96
+ * @default false
97
+ */
98
+ italic?: boolean;
99
+ /**
100
+ * Applies font size and line height based on the theme tokens.
101
+ *
102
+ * @default 300
103
+ */
104
+ size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
105
+ /**
106
+ * Applies the strikethrough text decoration to the content.
107
+ *
108
+ * @default false
109
+ */
110
+ strikethrough?: boolean;
111
+ /**
112
+ * Truncate overflowing text for block displays.
113
+ *
114
+ * @default false
115
+ */
116
+ truncate?: boolean;
117
+ /**
118
+ * Applies the underline text decoration to the content.
119
+ *
120
+ * @default false
121
+ */
122
+ underline?: boolean;
123
+ /**
124
+ * Applies font weight to the content.
125
+ *
126
+ * @default regular
127
+ */
128
+ weight?: 'regular' | 'medium' | 'semibold';
129
+ /**
130
+ * Wraps the text content on white spaces.
131
+ *
132
+ * @default true
133
+ */
134
+ wrap?: boolean;
135
+ };
136
+
137
+ /**
138
+ * Text slots
139
+ */
140
+ export declare type TextSlots = {
141
+ root: Slot<'span', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'pre'>;
142
+ };
143
+
144
+ /**
145
+ * State used in rendering Text
146
+ */
147
+ export declare type TextState = ComponentState<TextSlots> & Required<Pick<TextProps, 'align' | 'block' | 'font' | 'italic' | 'size' | 'strikethrough' | 'truncate' | 'underline' | 'weight' | 'wrap'>>;
148
+
149
+ declare type TextWrapperProps = Omit<TextProps, 'font' | 'size'>;
150
+
151
+ /**
152
+ * Text wrapper component for the Title 1 typography variant
153
+ */
154
+ export declare const Title1: FunctionComponent<TextWrapperProps>;
155
+
156
+ export declare const title1ClassNames: SlotClassNames<TextSlots>;
157
+
158
+ /**
159
+ * Text wrapper component for the Title 2 typography variant
160
+ */
161
+ export declare const Title2: FunctionComponent<TextWrapperProps>;
162
+
163
+ export declare const title2ClassNames: SlotClassNames<TextSlots>;
164
+
165
+ /**
166
+ * Text wrapper component for the Title 3 typography variant
167
+ */
168
+ export declare const Title3: FunctionComponent<TextWrapperProps>;
169
+
170
+ export declare const title3ClassNames: SlotClassNames<TextSlots>;
171
+
172
+ /**
173
+ * Create the state required to render Text.
174
+ *
175
+ * The returned state can be modified with hooks such as useTextStyles_unstable,
176
+ * before being passed to renderText_unstable.
177
+ *
178
+ * @param props - props from this instance of Text
179
+ * @param ref - reference to root HTMLElement of Text
180
+ */
181
+ export declare const useText_unstable: (props: TextProps, ref: React_2.Ref<HTMLElement>) => TextState;
182
+
183
+ /**
184
+ * Apply styling to the Text slots based on the state
185
+ */
186
+ export declare const useTextStyles_unstable: (state: TextState) => TextState;
187
+
188
+ export { }
File without changes
package/lib/Body1.js ADDED
@@ -0,0 +1,2 @@
1
+ export * from './components/Body1/index';
2
+ //# sourceMappingURL=Body1.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Body1.js","sourceRoot":"../src/","sources":["Body1.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC","sourcesContent":["export * from './components/Body1/index';\n"]}
@@ -0,0 +1,2 @@
1
+ export * from './components/Caption1/index';
2
+ //# sourceMappingURL=Caption1.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Caption1.js","sourceRoot":"../src/","sources":["Caption1.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC","sourcesContent":["export * from './components/Caption1/index';\n"]}
@@ -0,0 +1,2 @@
1
+ export * from './components/Caption2/index';
2
+ //# sourceMappingURL=Caption2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Caption2.js","sourceRoot":"../src/","sources":["Caption2.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC","sourcesContent":["export * from './components/Caption2/index';\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"Display.js","sourceRoot":"","sources":["../src/Display.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}
1
+ {"version":3,"file":"Display.js","sourceRoot":"../src/","sources":["Display.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC","sourcesContent":["export * from './components/Display/index';\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"LargeTitle.js","sourceRoot":"","sources":["../src/LargeTitle.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC"}
1
+ {"version":3,"file":"LargeTitle.js","sourceRoot":"../src/","sources":["LargeTitle.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC","sourcesContent":["export * from './components/LargeTitle/index';\n"]}
@@ -0,0 +1,2 @@
1
+ export * from './components/Subtitle1/index';
2
+ //# sourceMappingURL=Subtitle1.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Subtitle1.js","sourceRoot":"../src/","sources":["Subtitle1.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC","sourcesContent":["export * from './components/Subtitle1/index';\n"]}
@@ -0,0 +1,2 @@
1
+ export * from './components/Subtitle2/index';
2
+ //# sourceMappingURL=Subtitle2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Subtitle2.js","sourceRoot":"../src/","sources":["Subtitle2.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC","sourcesContent":["export * from './components/Subtitle2/index';\n"]}
package/lib/Text.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Text.js","sourceRoot":"","sources":["../src/Text.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}
1
+ {"version":3,"file":"Text.js","sourceRoot":"../src/","sources":["Text.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC","sourcesContent":["export * from './components/Text/index';\n"]}
package/lib/Title1.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Title1.js","sourceRoot":"","sources":["../src/Title1.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}
1
+ {"version":3,"file":"Title1.js","sourceRoot":"../src/","sources":["Title1.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC","sourcesContent":["export * from './components/Title1/index';\n"]}
package/lib/Title2.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Title2.js","sourceRoot":"","sources":["../src/Title2.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}
1
+ {"version":3,"file":"Title2.js","sourceRoot":"../src/","sources":["Title2.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC","sourcesContent":["export * from './components/Title2/index';\n"]}
package/lib/Title3.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Title3.js","sourceRoot":"","sources":["../src/Title3.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}
1
+ {"version":3,"file":"Title3.js","sourceRoot":"../src/","sources":["Title3.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC","sourcesContent":["export * from './components/Title3/index';\n"]}
@@ -0,0 +1,31 @@
1
+ import { __styles } from '@griffel/react';
2
+ import { createWrapper } from '../wrapper';
3
+ import { typographyStyles } from '@fluentui/react-theme';
4
+ export const body1ClassNames = {
5
+ root: 'fui-Body1'
6
+ };
7
+ /**
8
+ * Styles for the root slot
9
+ */
10
+
11
+ const useStyles = /*#__PURE__*/__styles({
12
+ "root": {
13
+ "Bahqtrf": "fk6fouc",
14
+ "Be2twd7": "fkhj508",
15
+ "Bhrd7zp": "figsok6",
16
+ "Bg96gwp": "f1i3iumi"
17
+ }
18
+ }, {
19
+ "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}"]
20
+ });
21
+ /**
22
+ * Text wrapper component for the Body1 typography variant
23
+ */
24
+
25
+
26
+ export const Body1 = /*#__PURE__*/createWrapper({
27
+ useStyles,
28
+ className: body1ClassNames.root,
29
+ displayName: 'Body1'
30
+ });
31
+ //# sourceMappingURL=Body1.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["components/Body1/Body1.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA,OAAO,MAAM,eAAe,GAA8B;AACxD,EAAA,IAAI,EAAE;AADkD,CAAnD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,KAAK,gBAAwC,aAAa,CAAC;AACtE,EAAA,SADsE;AAEtE,EAAA,SAAS,EAAE,eAAe,CAAC,IAF2C;AAGtE,EAAA,WAAW,EAAE;AAHyD,CAAD,CAAhE","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { 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 */\nconst useStyles = makeStyles({\n root: typographyStyles.body1,\n});\n\n/**\n * Text wrapper component for the Body1 typography variant\n */\nexport const Body1: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: body1ClassNames.root,\n displayName: 'Body1',\n});\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,2 @@
1
+ export * from './Body1';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Body1/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC","sourcesContent":["export * from './Body1';\n"]}
@@ -0,0 +1,31 @@
1
+ import { __styles } from '@griffel/react';
2
+ import { createWrapper } from '../wrapper';
3
+ import { typographyStyles } from '@fluentui/react-theme';
4
+ export const caption1ClassNames = {
5
+ root: 'fui-Caption1'
6
+ };
7
+ /**
8
+ * Styles for the root slot
9
+ */
10
+
11
+ const useStyles = /*#__PURE__*/__styles({
12
+ "root": {
13
+ "Bahqtrf": "fk6fouc",
14
+ "Be2twd7": "fy9rknc",
15
+ "Bhrd7zp": "figsok6",
16
+ "Bg96gwp": "fwrc4pm"
17
+ }
18
+ }, {
19
+ "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}"]
20
+ });
21
+ /**
22
+ * Text wrapper component for the Caption1 typography variant
23
+ */
24
+
25
+
26
+ export const Caption1 = /*#__PURE__*/createWrapper({
27
+ useStyles,
28
+ className: caption1ClassNames.root,
29
+ displayName: 'Caption1'
30
+ });
31
+ //# sourceMappingURL=Caption1.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["components/Caption1/Caption1.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA,OAAO,MAAM,kBAAkB,GAA8B;AAC3D,EAAA,IAAI,EAAE;AADqD,CAAtD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,QAAQ,gBAAwC,aAAa,CAAC;AACzE,EAAA,SADyE;AAEzE,EAAA,SAAS,EAAE,kBAAkB,CAAC,IAF2C;AAGzE,EAAA,WAAW,EAAE;AAH4D,CAAD,CAAnE","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { 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 */\nconst useStyles = makeStyles({\n root: typographyStyles.caption1,\n});\n\n/**\n * Text wrapper component for the Caption1 typography variant\n */\nexport const Caption1: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: caption1ClassNames.root,\n displayName: 'Caption1',\n});\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,2 @@
1
+ export * from './Caption1';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Caption1/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC","sourcesContent":["export * from './Caption1';\n"]}
@@ -0,0 +1,31 @@
1
+ import { __styles } from '@griffel/react';
2
+ import { createWrapper } from '../wrapper';
3
+ import { typographyStyles } from '@fluentui/react-theme';
4
+ export const caption2ClassNames = {
5
+ root: 'fui-Caption2'
6
+ };
7
+ /**
8
+ * Styles for the root slot
9
+ */
10
+
11
+ const useStyles = /*#__PURE__*/__styles({
12
+ "root": {
13
+ "Bahqtrf": "fk6fouc",
14
+ "Be2twd7": "f13mqy1h",
15
+ "Bhrd7zp": "figsok6",
16
+ "Bg96gwp": "fcpl73t"
17
+ }
18
+ }, {
19
+ "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fcpl73t{line-height:var(--lineHeightBase100);}"]
20
+ });
21
+ /**
22
+ * Text wrapper component for the Caption2 typography variant
23
+ */
24
+
25
+
26
+ export const Caption2 = /*#__PURE__*/createWrapper({
27
+ useStyles,
28
+ className: caption2ClassNames.root,
29
+ displayName: 'Caption2'
30
+ });
31
+ //# sourceMappingURL=Caption2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["components/Caption2/Caption2.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA,OAAO,MAAM,kBAAkB,GAA8B;AAC3D,EAAA,IAAI,EAAE;AADqD,CAAtD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,QAAQ,gBAAwC,aAAa,CAAC;AACzE,EAAA,SADyE;AAEzE,EAAA,SAAS,EAAE,kBAAkB,CAAC,IAF2C;AAGzE,EAAA,WAAW,EAAE;AAH4D,CAAD,CAAnE","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { 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 */\nconst useStyles = makeStyles({\n root: typographyStyles.caption2,\n});\n\n/**\n * Text wrapper component for the Caption2 typography variant\n */\nexport const Caption2: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: caption2ClassNames.root,\n displayName: 'Caption2',\n});\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,2 @@
1
+ export * from './Caption2';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Caption2/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC","sourcesContent":["export * from './Caption2';\n"]}
@@ -1,27 +1,31 @@
1
- import { __styles } from '@fluentui/react-make-styles';
2
- import { typographyStyles } from '../../typographyStyles/index';
1
+ import { __styles } from '@griffel/react';
3
2
  import { createWrapper } from '../wrapper';
3
+ import { typographyStyles } from '@fluentui/react-theme';
4
+ export const displayClassNames = {
5
+ root: 'fui-Display'
6
+ };
4
7
  /**
5
8
  * Styles for the root slot
6
9
  */
7
10
 
8
- var useStyles = /*#__PURE__*/__styles({
11
+ const useStyles = /*#__PURE__*/__styles({
9
12
  "root": {
10
13
  "Bahqtrf": "fk6fouc",
11
14
  "Be2twd7": "fpyltcb",
12
- "Bg96gwp": "f1ivgwrt",
13
- "Bhrd7zp": "fl43uef"
15
+ "Bhrd7zp": "fl43uef",
16
+ "Bg96gwp": "f1ivgwrt"
14
17
  }
15
18
  }, {
16
- "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fpyltcb{font-size:var(--fontSizeHero1000);}", ".f1ivgwrt{line-height:var(--lineHeightHero1000);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"]
19
+ "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fpyltcb{font-size:var(--fontSizeHero1000);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1ivgwrt{line-height:var(--lineHeightHero1000);}"]
17
20
  });
18
21
  /**
19
22
  * Text wrapper component for the Display typography variant
20
23
  */
21
24
 
22
25
 
23
- export var Display = /*#__PURE__*/createWrapper({
24
- useStyles: useStyles,
26
+ export const Display = /*#__PURE__*/createWrapper({
27
+ useStyles,
28
+ className: displayClassNames.root,
25
29
  displayName: 'Display'
26
30
  });
27
31
  //# sourceMappingURL=Display.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Display/Display.tsx"],"names":[],"mappings":"AACA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,IAAM,OAAO,gBAAwC,aAAa,CAAC;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAD,CAAlE","sourceRoot":""}
1
+ {"version":3,"sources":["components/Display/Display.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA,OAAO,MAAM,iBAAiB,GAA8B;AAC1D,EAAA,IAAI,EAAE;AADoD,CAArD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,OAAO,gBAAwC,aAAa,CAAC;AACxE,EAAA,SADwE;AAExE,EAAA,SAAS,EAAE,iBAAiB,CAAC,IAF2C;AAGxE,EAAA,WAAW,EAAE;AAH2D,CAAD,CAAlE","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { 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 */\nconst useStyles = makeStyles({\n root: typographyStyles.display,\n});\n\n/**\n * Text wrapper component for the Display typography variant\n */\nexport const Display: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: displayClassNames.root,\n displayName: 'Display',\n});\n"],"sourceRoot":"../src/"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Display/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Display/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC","sourcesContent":["export * from './Display';\n"]}
@@ -1,27 +1,31 @@
1
- import { __styles } from '@fluentui/react-make-styles';
2
- import { typographyStyles } from '../../typographyStyles/index';
1
+ import { __styles } from '@griffel/react';
3
2
  import { createWrapper } from '../wrapper';
3
+ import { typographyStyles } from '@fluentui/react-theme';
4
+ export const largeTitleClassNames = {
5
+ root: 'fui-LargeTitle'
6
+ };
4
7
  /**
5
8
  * Styles for the root slot
6
9
  */
7
10
 
8
- var useStyles = /*#__PURE__*/__styles({
11
+ const useStyles = /*#__PURE__*/__styles({
9
12
  "root": {
10
13
  "Bahqtrf": "fk6fouc",
11
14
  "Be2twd7": "f15afnhw",
12
- "Bg96gwp": "fr3w3wp",
13
- "Bhrd7zp": "fl43uef"
15
+ "Bhrd7zp": "fl43uef",
16
+ "Bg96gwp": "fr3w3wp"
14
17
  }
15
18
  }, {
16
- "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f15afnhw{font-size:var(--fontSizeHero900);}", ".fr3w3wp{line-height:var(--lineHeightHero900);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"]
19
+ "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f15afnhw{font-size:var(--fontSizeHero900);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fr3w3wp{line-height:var(--lineHeightHero900);}"]
17
20
  });
18
21
  /**
19
22
  * Text wrapper component for the Large Title typography variant
20
23
  */
21
24
 
22
25
 
23
- export var LargeTitle = /*#__PURE__*/createWrapper({
24
- useStyles: useStyles,
26
+ export const LargeTitle = /*#__PURE__*/createWrapper({
27
+ useStyles,
28
+ className: largeTitleClassNames.root,
25
29
  displayName: 'LargeTitle'
26
30
  });
27
31
  //# sourceMappingURL=LargeTitle.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/LargeTitle/LargeTitle.tsx"],"names":[],"mappings":"AACA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,IAAM,UAAU,gBAAwC,aAAa,CAAC;AAC3E,EAAA,SAAS,EAAA,SADkE;AAE3E,EAAA,WAAW,EAAE;AAF8D,CAAD,CAArE","sourceRoot":""}
1
+ {"version":3,"sources":["components/LargeTitle/LargeTitle.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA,OAAO,MAAM,oBAAoB,GAA8B;AAC7D,EAAA,IAAI,EAAE;AADuD,CAAxD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,UAAU,gBAAwC,aAAa,CAAC;AAC3E,EAAA,SAD2E;AAE3E,EAAA,SAAS,EAAE,oBAAoB,CAAC,IAF2C;AAG3E,EAAA,WAAW,EAAE;AAH8D,CAAD,CAArE","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { 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 */\nconst useStyles = makeStyles({\n root: typographyStyles.largeTitle,\n});\n\n/**\n * Text wrapper component for the Large Title typography variant\n */\nexport const LargeTitle: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: largeTitleClassNames.root,\n displayName: 'LargeTitle',\n});\n"],"sourceRoot":"../src/"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LargeTitle/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/LargeTitle/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC","sourcesContent":["export * from './LargeTitle';\n"]}
@@ -0,0 +1,31 @@
1
+ import { __styles } from '@griffel/react';
2
+ import { createWrapper } from '../wrapper';
3
+ import { typographyStyles } from '@fluentui/react-theme';
4
+ export const subtitle1ClassNames = {
5
+ root: 'fui-Subtitle1'
6
+ };
7
+ /**
8
+ * Styles for the root slot
9
+ */
10
+
11
+ const useStyles = /*#__PURE__*/__styles({
12
+ "root": {
13
+ "Bahqtrf": "fk6fouc",
14
+ "Be2twd7": "f1pp30po",
15
+ "Bhrd7zp": "fl43uef",
16
+ "Bg96gwp": "f106mvju"
17
+ }
18
+ }, {
19
+ "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f106mvju{line-height:var(--lineHeightBase500);}"]
20
+ });
21
+ /**
22
+ * Text wrapper component for the Subtitle1 typography variant
23
+ */
24
+
25
+
26
+ export const Subtitle1 = /*#__PURE__*/createWrapper({
27
+ useStyles,
28
+ className: subtitle1ClassNames.root,
29
+ displayName: 'Subtitle1'
30
+ });
31
+ //# sourceMappingURL=Subtitle1.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["components/Subtitle1/Subtitle1.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA,OAAO,MAAM,mBAAmB,GAA8B;AAC5D,EAAA,IAAI,EAAE;AADsD,CAAvD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,SAAS,gBAAwC,aAAa,CAAC;AAC1E,EAAA,SAD0E;AAE1E,EAAA,SAAS,EAAE,mBAAmB,CAAC,IAF2C;AAG1E,EAAA,WAAW,EAAE;AAH6D,CAAD,CAApE","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { 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 */\nconst useStyles = makeStyles({\n root: typographyStyles.subtitle1,\n});\n\n/**\n * Text wrapper component for the Subtitle1 typography variant\n */\nexport const Subtitle1: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: subtitle1ClassNames.root,\n displayName: 'Subtitle1',\n});\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,2 @@
1
+ export * from './Subtitle1';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Subtitle1/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC","sourcesContent":["export * from './Subtitle1';\n"]}
@@ -0,0 +1,31 @@
1
+ import { __styles } from '@griffel/react';
2
+ import { createWrapper } from '../wrapper';
3
+ import { typographyStyles } from '@fluentui/react-theme';
4
+ export const subtitle2ClassNames = {
5
+ root: 'fui-Subtitle2'
6
+ };
7
+ /**
8
+ * Styles for the root slot
9
+ */
10
+
11
+ const useStyles = /*#__PURE__*/__styles({
12
+ "root": {
13
+ "Bahqtrf": "fk6fouc",
14
+ "Be2twd7": "fod5ikn",
15
+ "Bhrd7zp": "fl43uef",
16
+ "Bg96gwp": "faaz57k"
17
+ }
18
+ }, {
19
+ "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".faaz57k{line-height:var(--lineHeightBase400);}"]
20
+ });
21
+ /**
22
+ * Text wrapper component for the Subtitle2 typography variant
23
+ */
24
+
25
+
26
+ export const Subtitle2 = /*#__PURE__*/createWrapper({
27
+ useStyles,
28
+ className: subtitle2ClassNames.root,
29
+ displayName: 'Subtitle2'
30
+ });
31
+ //# sourceMappingURL=Subtitle2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["components/Subtitle2/Subtitle2.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA,OAAO,MAAM,mBAAmB,GAA8B;AAC5D,EAAA,IAAI,EAAE;AADsD,CAAvD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,SAAS,gBAAwC,aAAa,CAAC;AAC1E,EAAA,SAD0E;AAE1E,EAAA,SAAS,EAAE,mBAAmB,CAAC,IAF2C;AAG1E,EAAA,WAAW,EAAE;AAH6D,CAAD,CAApE","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { 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 */\nconst useStyles = makeStyles({\n root: typographyStyles.subtitle2,\n});\n\n/**\n * Text wrapper component for the Subtitle2 typography variant\n */\nexport const Subtitle2: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: subtitle2ClassNames.root,\n displayName: 'Subtitle2',\n});\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,2 @@
1
+ export * from './Subtitle2';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Subtitle2/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC","sourcesContent":["export * from './Subtitle2';\n"]}
@@ -1,15 +1,15 @@
1
1
  import * as React from 'react';
2
- import { useText } from './useText';
3
- import { renderText } from './renderText';
4
- import { useTextStyles } from './useTextStyles';
2
+ import { useText_unstable } from './useText';
3
+ import { renderText_unstable } from './renderText';
4
+ import { useTextStyles_unstable } from './useTextStyles';
5
5
  /**
6
6
  * Typography and styling abstraction component used to ensure consistency of text.
7
7
  */
8
8
 
9
- export var Text = /*#__PURE__*/React.forwardRef(function (props, ref) {
10
- var state = useText(props, ref);
11
- useTextStyles(state);
12
- return renderText(state); // Work around some small mismatches in inferred types which don't matter in practice
9
+ export const Text = /*#__PURE__*/React.forwardRef((props, ref) => {
10
+ const state = useText_unstable(props, ref);
11
+ useTextStyles_unstable(state);
12
+ return renderText_unstable(state); // Work around some small mismatches in inferred types which don't matter in practice
13
13
  });
14
14
  Text.displayName = 'Text';
15
15
  //# sourceMappingURL=Text.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,OAAT,QAAwB,WAAxB;AACA,SAAS,UAAT,QAA2B,cAA3B;AACA,SAAS,aAAT,QAA8B,iBAA9B;AAIA;;AAEG;;AACH,OAAO,IAAM,IAAI,gBAAmC,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC9E,MAAM,KAAK,GAAG,OAAO,CAAC,KAAD,EAAQ,GAAR,CAArB;AAEA,EAAA,aAAa,CAAC,KAAD,CAAb;AAEA,SAAO,UAAU,CAAC,KAAD,CAAjB,CAL8E,CAM9E;AACD,CAPmD,CAA7C;AASP,IAAI,CAAC,WAAL,GAAmB,MAAnB","sourceRoot":""}
1
+ {"version":3,"sources":["components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,QAAiC,WAAjC;AACA,SAAS,mBAAT,QAAoC,cAApC;AACA,SAAS,sBAAT,QAAuC,iBAAvC;AAIA;;AAEG;;AACH,OAAO,MAAM,IAAI,gBAAmC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAClF,QAAM,KAAK,GAAG,gBAAgB,CAAC,KAAD,EAAQ,GAAR,CAA9B;AAEA,EAAA,sBAAsB,CAAC,KAAD,CAAtB;AAEA,SAAO,mBAAmB,CAAC,KAAD,CAA1B,CALkF,CAMlF;AACD,CAPmD,CAA7C;AASP,IAAI,CAAC,WAAL,GAAmB,MAAnB","sourcesContent":["import * as React from 'react';\nimport { useText_unstable } from './useText';\nimport { renderText_unstable } from './renderText';\nimport { useTextStyles_unstable } from './useTextStyles';\nimport type { TextProps } from './Text.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Typography and styling abstraction component used to ensure consistency of text.\n */\nexport const Text: ForwardRefComponent<TextProps> = React.forwardRef((props, ref) => {\n const state = useText_unstable(props, ref);\n\n useTextStyles_unstable(state);\n\n return renderText_unstable(state);\n // Work around some small mismatches in inferred types which don't matter in practice\n}) as ForwardRefComponent<TextProps>;\n\nText.displayName = 'Text';\n"],"sourceRoot":"../src/"}