@fluentui/react-text 9.0.0-alpha.9 → 9.0.0-beta.4

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 (283) hide show
  1. package/CHANGELOG.json +744 -1
  2. package/CHANGELOG.md +254 -2
  3. package/dist/react-text.d.ts +61 -49
  4. package/lib/Body.js.map +1 -1
  5. package/lib/Caption.js.map +1 -1
  6. package/lib/Display.js.map +1 -1
  7. package/lib/Headline.js.map +1 -1
  8. package/lib/LargeTitle.js.map +1 -1
  9. package/lib/Subheadline.js.map +1 -1
  10. package/lib/Text.js.map +1 -1
  11. package/lib/Title1.js.map +1 -1
  12. package/lib/Title2.js.map +1 -1
  13. package/lib/Title3.js.map +1 -1
  14. package/lib/components/Body/Body.d.ts +4 -1
  15. package/lib/components/Body/Body.js +10 -8
  16. package/lib/components/Body/Body.js.map +1 -1
  17. package/lib/components/Body/index.js.map +1 -1
  18. package/lib/components/Caption/Caption.d.ts +4 -1
  19. package/lib/components/Caption/Caption.js +10 -8
  20. package/lib/components/Caption/Caption.js.map +1 -1
  21. package/lib/components/Caption/index.js.map +1 -1
  22. package/lib/components/Display/Display.d.ts +4 -1
  23. package/lib/components/Display/Display.js +10 -8
  24. package/lib/components/Display/Display.js.map +1 -1
  25. package/lib/components/Display/index.js.map +1 -1
  26. package/lib/components/Headline/Headline.d.ts +4 -1
  27. package/lib/components/Headline/Headline.js +10 -8
  28. package/lib/components/Headline/Headline.js.map +1 -1
  29. package/lib/components/Headline/index.js.map +1 -1
  30. package/lib/components/LargeTitle/LargeTitle.d.ts +4 -1
  31. package/lib/components/LargeTitle/LargeTitle.js +10 -8
  32. package/lib/components/LargeTitle/LargeTitle.js.map +1 -1
  33. package/lib/components/LargeTitle/index.js.map +1 -1
  34. package/lib/components/Subheadline/Subheadline.d.ts +4 -1
  35. package/lib/components/Subheadline/Subheadline.js +10 -8
  36. package/lib/components/Subheadline/Subheadline.js.map +1 -1
  37. package/lib/components/Subheadline/index.js.map +1 -1
  38. package/lib/components/Text/Text.d.ts +2 -2
  39. package/lib/components/Text/Text.js +3 -3
  40. package/lib/components/Text/Text.js.map +1 -1
  41. package/lib/components/Text/Text.types.d.ts +20 -29
  42. package/lib/components/Text/Text.types.js.map +1 -1
  43. package/lib/components/Text/index.js.map +1 -1
  44. package/lib/components/Text/renderText.js +7 -8
  45. package/lib/components/Text/renderText.js.map +1 -1
  46. package/lib/components/Text/useText.d.ts +1 -2
  47. package/lib/components/Text/useText.js +37 -8
  48. package/lib/components/Text/useText.js.map +1 -1
  49. package/lib/components/Text/useTextStyles.d.ts +1 -0
  50. package/lib/components/Text/useTextStyles.js +32 -31
  51. package/lib/components/Text/useTextStyles.js.map +1 -1
  52. package/lib/components/Title1/Title1.d.ts +4 -1
  53. package/lib/components/Title1/Title1.js +10 -8
  54. package/lib/components/Title1/Title1.js.map +1 -1
  55. package/lib/components/Title1/index.js.map +1 -1
  56. package/lib/components/Title2/Title2.d.ts +4 -1
  57. package/lib/components/Title2/Title2.js +10 -8
  58. package/lib/components/Title2/Title2.js.map +1 -1
  59. package/lib/components/Title2/index.js.map +1 -1
  60. package/lib/components/Title3/Title3.d.ts +4 -1
  61. package/lib/components/Title3/Title3.js +10 -8
  62. package/lib/components/Title3/Title3.js.map +1 -1
  63. package/lib/components/Title3/index.js.map +1 -1
  64. package/lib/components/wrapper.d.ts +3 -3
  65. package/lib/components/wrapper.js +9 -6
  66. package/lib/components/wrapper.js.map +1 -1
  67. package/lib/index.js.map +1 -1
  68. package/lib/typographyStyles/index.js.map +1 -1
  69. package/lib/typographyStyles/typographyStyles.js +54 -72
  70. package/lib/typographyStyles/typographyStyles.js.map +1 -1
  71. package/lib-commonjs/Body.js +1 -1
  72. package/lib-commonjs/Body.js.map +1 -1
  73. package/lib-commonjs/Caption.js +1 -1
  74. package/lib-commonjs/Caption.js.map +1 -1
  75. package/lib-commonjs/Display.js +1 -1
  76. package/lib-commonjs/Display.js.map +1 -1
  77. package/lib-commonjs/Headline.js +1 -1
  78. package/lib-commonjs/Headline.js.map +1 -1
  79. package/lib-commonjs/LargeTitle.js +1 -1
  80. package/lib-commonjs/LargeTitle.js.map +1 -1
  81. package/lib-commonjs/Subheadline.js +1 -1
  82. package/lib-commonjs/Subheadline.js.map +1 -1
  83. package/lib-commonjs/Text.js +1 -1
  84. package/lib-commonjs/Text.js.map +1 -1
  85. package/lib-commonjs/Title1.js +1 -1
  86. package/lib-commonjs/Title1.js.map +1 -1
  87. package/lib-commonjs/Title2.js +1 -1
  88. package/lib-commonjs/Title2.js.map +1 -1
  89. package/lib-commonjs/Title3.js +1 -1
  90. package/lib-commonjs/Title3.js.map +1 -1
  91. package/lib-commonjs/components/Body/Body.d.ts +4 -1
  92. package/lib-commonjs/components/Body/Body.js +9 -7
  93. package/lib-commonjs/components/Body/Body.js.map +1 -1
  94. package/lib-commonjs/components/Body/index.js +1 -1
  95. package/lib-commonjs/components/Body/index.js.map +1 -1
  96. package/lib-commonjs/components/Caption/Caption.d.ts +4 -1
  97. package/lib-commonjs/components/Caption/Caption.js +9 -7
  98. package/lib-commonjs/components/Caption/Caption.js.map +1 -1
  99. package/lib-commonjs/components/Caption/index.js +1 -1
  100. package/lib-commonjs/components/Caption/index.js.map +1 -1
  101. package/lib-commonjs/components/Display/Display.d.ts +4 -1
  102. package/lib-commonjs/components/Display/Display.js +9 -7
  103. package/lib-commonjs/components/Display/Display.js.map +1 -1
  104. package/lib-commonjs/components/Display/index.js +1 -1
  105. package/lib-commonjs/components/Display/index.js.map +1 -1
  106. package/lib-commonjs/components/Headline/Headline.d.ts +4 -1
  107. package/lib-commonjs/components/Headline/Headline.js +9 -7
  108. package/lib-commonjs/components/Headline/Headline.js.map +1 -1
  109. package/lib-commonjs/components/Headline/index.js +1 -1
  110. package/lib-commonjs/components/Headline/index.js.map +1 -1
  111. package/lib-commonjs/components/LargeTitle/LargeTitle.d.ts +4 -1
  112. package/lib-commonjs/components/LargeTitle/LargeTitle.js +9 -7
  113. package/lib-commonjs/components/LargeTitle/LargeTitle.js.map +1 -1
  114. package/lib-commonjs/components/LargeTitle/index.js +1 -1
  115. package/lib-commonjs/components/LargeTitle/index.js.map +1 -1
  116. package/lib-commonjs/components/Subheadline/Subheadline.d.ts +4 -1
  117. package/lib-commonjs/components/Subheadline/Subheadline.js +9 -7
  118. package/lib-commonjs/components/Subheadline/Subheadline.js.map +1 -1
  119. package/lib-commonjs/components/Subheadline/index.js +1 -1
  120. package/lib-commonjs/components/Subheadline/index.js.map +1 -1
  121. package/lib-commonjs/components/Text/Text.d.ts +2 -2
  122. package/lib-commonjs/components/Text/Text.js +7 -7
  123. package/lib-commonjs/components/Text/Text.js.map +1 -1
  124. package/lib-commonjs/components/Text/Text.types.d.ts +20 -29
  125. package/lib-commonjs/components/Text/Text.types.js.map +1 -1
  126. package/lib-commonjs/components/Text/index.js +1 -1
  127. package/lib-commonjs/components/Text/index.js.map +1 -1
  128. package/lib-commonjs/components/Text/renderText.js +8 -10
  129. package/lib-commonjs/components/Text/renderText.js.map +1 -1
  130. package/lib-commonjs/components/Text/useText.d.ts +1 -2
  131. package/lib-commonjs/components/Text/useText.js +38 -9
  132. package/lib-commonjs/components/Text/useText.js.map +1 -1
  133. package/lib-commonjs/components/Text/useTextStyles.d.ts +1 -0
  134. package/lib-commonjs/components/Text/useTextStyles.js +35 -34
  135. package/lib-commonjs/components/Text/useTextStyles.js.map +1 -1
  136. package/lib-commonjs/components/Title1/Title1.d.ts +4 -1
  137. package/lib-commonjs/components/Title1/Title1.js +9 -7
  138. package/lib-commonjs/components/Title1/Title1.js.map +1 -1
  139. package/lib-commonjs/components/Title1/index.js +1 -1
  140. package/lib-commonjs/components/Title1/index.js.map +1 -1
  141. package/lib-commonjs/components/Title2/Title2.d.ts +4 -1
  142. package/lib-commonjs/components/Title2/Title2.js +9 -7
  143. package/lib-commonjs/components/Title2/Title2.js.map +1 -1
  144. package/lib-commonjs/components/Title2/index.js +1 -1
  145. package/lib-commonjs/components/Title2/index.js.map +1 -1
  146. package/lib-commonjs/components/Title3/Title3.d.ts +4 -1
  147. package/lib-commonjs/components/Title3/Title3.js +9 -7
  148. package/lib-commonjs/components/Title3/Title3.js.map +1 -1
  149. package/lib-commonjs/components/Title3/index.js +1 -1
  150. package/lib-commonjs/components/Title3/index.js.map +1 -1
  151. package/lib-commonjs/components/wrapper.d.ts +3 -3
  152. package/lib-commonjs/components/wrapper.js +12 -9
  153. package/lib-commonjs/components/wrapper.js.map +1 -1
  154. package/lib-commonjs/index.js +1 -1
  155. package/lib-commonjs/index.js.map +1 -1
  156. package/lib-commonjs/typographyStyles/index.js +1 -1
  157. package/lib-commonjs/typographyStyles/index.js.map +1 -1
  158. package/lib-commonjs/typographyStyles/typographyStyles.js +54 -72
  159. package/lib-commonjs/typographyStyles/typographyStyles.js.map +1 -1
  160. package/package.json +11 -10
  161. package/lib/common/isConformant.d.ts +0 -4
  162. package/lib/common/isConformant.js +0 -9
  163. package/lib/common/isConformant.js.map +0 -1
  164. package/lib-amd/Body.d.ts +0 -1
  165. package/lib-amd/Body.js +0 -6
  166. package/lib-amd/Body.js.map +0 -1
  167. package/lib-amd/Caption.d.ts +0 -1
  168. package/lib-amd/Caption.js +0 -6
  169. package/lib-amd/Caption.js.map +0 -1
  170. package/lib-amd/Display.d.ts +0 -1
  171. package/lib-amd/Display.js +0 -6
  172. package/lib-amd/Display.js.map +0 -1
  173. package/lib-amd/Headline.d.ts +0 -1
  174. package/lib-amd/Headline.js +0 -6
  175. package/lib-amd/Headline.js.map +0 -1
  176. package/lib-amd/LargeTitle.d.ts +0 -1
  177. package/lib-amd/LargeTitle.js +0 -6
  178. package/lib-amd/LargeTitle.js.map +0 -1
  179. package/lib-amd/Subheadline.d.ts +0 -1
  180. package/lib-amd/Subheadline.js +0 -6
  181. package/lib-amd/Subheadline.js.map +0 -1
  182. package/lib-amd/Text.d.ts +0 -1
  183. package/lib-amd/Text.js +0 -6
  184. package/lib-amd/Text.js.map +0 -1
  185. package/lib-amd/Title1.d.ts +0 -1
  186. package/lib-amd/Title1.js +0 -6
  187. package/lib-amd/Title1.js.map +0 -1
  188. package/lib-amd/Title2.d.ts +0 -1
  189. package/lib-amd/Title2.js +0 -6
  190. package/lib-amd/Title2.js.map +0 -1
  191. package/lib-amd/Title3.d.ts +0 -1
  192. package/lib-amd/Title3.js +0 -6
  193. package/lib-amd/Title3.js.map +0 -1
  194. package/lib-amd/common/isConformant.d.ts +0 -4
  195. package/lib-amd/common/isConformant.js +0 -14
  196. package/lib-amd/common/isConformant.js.map +0 -1
  197. package/lib-amd/components/Body/Body.d.ts +0 -4
  198. package/lib-amd/components/Body/Body.js +0 -16
  199. package/lib-amd/components/Body/Body.js.map +0 -1
  200. package/lib-amd/components/Body/index.d.ts +0 -1
  201. package/lib-amd/components/Body/index.js +0 -6
  202. package/lib-amd/components/Body/index.js.map +0 -1
  203. package/lib-amd/components/Caption/Caption.d.ts +0 -4
  204. package/lib-amd/components/Caption/Caption.js +0 -16
  205. package/lib-amd/components/Caption/Caption.js.map +0 -1
  206. package/lib-amd/components/Caption/index.d.ts +0 -1
  207. package/lib-amd/components/Caption/index.js +0 -6
  208. package/lib-amd/components/Caption/index.js.map +0 -1
  209. package/lib-amd/components/Display/Display.d.ts +0 -4
  210. package/lib-amd/components/Display/Display.js +0 -16
  211. package/lib-amd/components/Display/Display.js.map +0 -1
  212. package/lib-amd/components/Display/index.d.ts +0 -1
  213. package/lib-amd/components/Display/index.js +0 -6
  214. package/lib-amd/components/Display/index.js.map +0 -1
  215. package/lib-amd/components/Headline/Headline.d.ts +0 -4
  216. package/lib-amd/components/Headline/Headline.js +0 -16
  217. package/lib-amd/components/Headline/Headline.js.map +0 -1
  218. package/lib-amd/components/Headline/index.d.ts +0 -1
  219. package/lib-amd/components/Headline/index.js +0 -6
  220. package/lib-amd/components/Headline/index.js.map +0 -1
  221. package/lib-amd/components/LargeTitle/LargeTitle.d.ts +0 -4
  222. package/lib-amd/components/LargeTitle/LargeTitle.js +0 -16
  223. package/lib-amd/components/LargeTitle/LargeTitle.js.map +0 -1
  224. package/lib-amd/components/LargeTitle/index.d.ts +0 -1
  225. package/lib-amd/components/LargeTitle/index.js +0 -6
  226. package/lib-amd/components/LargeTitle/index.js.map +0 -1
  227. package/lib-amd/components/Subheadline/Subheadline.d.ts +0 -4
  228. package/lib-amd/components/Subheadline/Subheadline.js +0 -16
  229. package/lib-amd/components/Subheadline/Subheadline.js.map +0 -1
  230. package/lib-amd/components/Subheadline/index.d.ts +0 -1
  231. package/lib-amd/components/Subheadline/index.js +0 -6
  232. package/lib-amd/components/Subheadline/index.js.map +0 -1
  233. package/lib-amd/components/Text/Text.d.ts +0 -6
  234. package/lib-amd/components/Text/Text.js +0 -15
  235. package/lib-amd/components/Text/Text.js.map +0 -1
  236. package/lib-amd/components/Text/Text.types.d.ts +0 -86
  237. package/lib-amd/components/Text/Text.types.js +0 -5
  238. package/lib-amd/components/Text/Text.types.js.map +0 -1
  239. package/lib-amd/components/Text/index.d.ts +0 -5
  240. package/lib-amd/components/Text/index.js +0 -10
  241. package/lib-amd/components/Text/index.js.map +0 -1
  242. package/lib-amd/components/Text/renderText.d.ts +0 -5
  243. package/lib-amd/components/Text/renderText.js +0 -14
  244. package/lib-amd/components/Text/renderText.js.map +0 -1
  245. package/lib-amd/components/Text/useText.d.ts +0 -13
  246. package/lib-amd/components/Text/useText.js +0 -25
  247. package/lib-amd/components/Text/useText.js.map +0 -1
  248. package/lib-amd/components/Text/useTextStyles.d.ts +0 -5
  249. package/lib-amd/components/Text/useTextStyles.js +0 -110
  250. package/lib-amd/components/Text/useTextStyles.js.map +0 -1
  251. package/lib-amd/components/Title1/Title1.d.ts +0 -4
  252. package/lib-amd/components/Title1/Title1.js +0 -16
  253. package/lib-amd/components/Title1/Title1.js.map +0 -1
  254. package/lib-amd/components/Title1/index.d.ts +0 -1
  255. package/lib-amd/components/Title1/index.js +0 -6
  256. package/lib-amd/components/Title1/index.js.map +0 -1
  257. package/lib-amd/components/Title2/Title2.d.ts +0 -4
  258. package/lib-amd/components/Title2/Title2.js +0 -16
  259. package/lib-amd/components/Title2/Title2.js.map +0 -1
  260. package/lib-amd/components/Title2/index.d.ts +0 -1
  261. package/lib-amd/components/Title2/index.js +0 -6
  262. package/lib-amd/components/Title2/index.js.map +0 -1
  263. package/lib-amd/components/Title3/Title3.d.ts +0 -4
  264. package/lib-amd/components/Title3/Title3.js +0 -16
  265. package/lib-amd/components/Title3/Title3.js.map +0 -1
  266. package/lib-amd/components/Title3/index.d.ts +0 -1
  267. package/lib-amd/components/Title3/index.js +0 -6
  268. package/lib-amd/components/Title3/index.js.map +0 -1
  269. package/lib-amd/components/wrapper.d.ts +0 -8
  270. package/lib-amd/components/wrapper.js +0 -19
  271. package/lib-amd/components/wrapper.js.map +0 -1
  272. package/lib-amd/index.d.ts +0 -10
  273. package/lib-amd/index.js +0 -15
  274. package/lib-amd/index.js.map +0 -1
  275. package/lib-amd/typographyStyles/index.d.ts +0 -2
  276. package/lib-amd/typographyStyles/index.js +0 -7
  277. package/lib-amd/typographyStyles/index.js.map +0 -1
  278. package/lib-amd/typographyStyles/typographyStyles.d.ts +0 -14
  279. package/lib-amd/typographyStyles/typographyStyles.js +0 -72
  280. package/lib-amd/typographyStyles/typographyStyles.js.map +0 -1
  281. package/lib-commonjs/common/isConformant.d.ts +0 -4
  282. package/lib-commonjs/common/isConformant.js +0 -19
  283. package/lib-commonjs/common/isConformant.js.map +0 -1
@@ -1,6 +0,0 @@
1
- define(["require", "exports", "tslib", "./Caption"], function (require, exports, tslib_1, Caption_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(Caption_1, exports);
5
- });
6
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Caption/index.ts"],"names":[],"mappings":";;;IAAA,yCAA0B","sourcesContent":["export * from './Caption';\n"]}
@@ -1,4 +0,0 @@
1
- /**
2
- * Text wrapper component for the Display typography variant
3
- */
4
- export declare const Display: import("react").ForwardRefExoticComponent<import("../wrapper").Props & import("react").RefAttributes<HTMLElement>>;
@@ -1,16 +0,0 @@
1
- define(["require", "exports", "@fluentui/react-make-styles", "../../typographyStyles/index", "../wrapper"], function (require, exports, react_make_styles_1, index_1, wrapper_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.Display = void 0;
5
- /**
6
- * Styles for the root slot
7
- */
8
- var useStyles = react_make_styles_1.makeStyles({
9
- root: index_1.typographyStyles.display,
10
- });
11
- /**
12
- * Text wrapper component for the Display typography variant
13
- */
14
- exports.Display = wrapper_1.createWrapper({ useStyles: useStyles, displayName: 'Display' });
15
- });
16
- //# sourceMappingURL=Display.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Display.js","sourceRoot":"../src/","sources":["components/Display/Display.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACH,IAAM,SAAS,GAAG,8BAAU,CAAC;QAC3B,IAAI,EAAE,wBAAgB,CAAC,OAAO;KAC/B,CAAC,CAAC;IAEH;;OAEG;IACU,QAAA,OAAO,GAAG,uBAAa,CAAC,EAAE,SAAS,WAAA,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC","sourcesContent":["import { makeStyles } from '@fluentui/react-make-styles';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper } from '../wrapper';\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 = createWrapper({ useStyles, displayName: 'Display' });\n"]}
@@ -1 +0,0 @@
1
- export * from './Display';
@@ -1,6 +0,0 @@
1
- define(["require", "exports", "tslib", "./Display"], function (require, exports, tslib_1, Display_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(Display_1, exports);
5
- });
6
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Display/index.ts"],"names":[],"mappings":";;;IAAA,yCAA0B","sourcesContent":["export * from './Display';\n"]}
@@ -1,4 +0,0 @@
1
- /**
2
- * Text wrapper component for the Headline typography variant
3
- */
4
- export declare const Headline: import("react").ForwardRefExoticComponent<import("../wrapper").Props & import("react").RefAttributes<HTMLElement>>;
@@ -1,16 +0,0 @@
1
- define(["require", "exports", "@fluentui/react-make-styles", "../../typographyStyles/index", "../wrapper"], function (require, exports, react_make_styles_1, index_1, wrapper_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.Headline = void 0;
5
- /**
6
- * Styles for the root slot
7
- */
8
- var useStyles = react_make_styles_1.makeStyles({
9
- root: index_1.typographyStyles.headline,
10
- });
11
- /**
12
- * Text wrapper component for the Headline typography variant
13
- */
14
- exports.Headline = wrapper_1.createWrapper({ useStyles: useStyles, displayName: 'Headline' });
15
- });
16
- //# sourceMappingURL=Headline.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Headline.js","sourceRoot":"../src/","sources":["components/Headline/Headline.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACH,IAAM,SAAS,GAAG,8BAAU,CAAC;QAC3B,IAAI,EAAE,wBAAgB,CAAC,QAAQ;KAChC,CAAC,CAAC;IAEH;;OAEG;IACU,QAAA,QAAQ,GAAG,uBAAa,CAAC,EAAE,SAAS,WAAA,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAC","sourcesContent":["import { makeStyles } from '@fluentui/react-make-styles';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper } from '../wrapper';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.headline,\n});\n\n/**\n * Text wrapper component for the Headline typography variant\n */\nexport const Headline = createWrapper({ useStyles, displayName: 'Headline' });\n"]}
@@ -1 +0,0 @@
1
- export * from './Headline';
@@ -1,6 +0,0 @@
1
- define(["require", "exports", "tslib", "./Headline"], function (require, exports, tslib_1, Headline_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(Headline_1, exports);
5
- });
6
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Headline/index.ts"],"names":[],"mappings":";;;IAAA,0CAA2B","sourcesContent":["export * from './Headline';\n"]}
@@ -1,4 +0,0 @@
1
- /**
2
- * Text wrapper component for the Large Title typography variant
3
- */
4
- export declare const LargeTitle: import("react").ForwardRefExoticComponent<import("../wrapper").Props & import("react").RefAttributes<HTMLElement>>;
@@ -1,16 +0,0 @@
1
- define(["require", "exports", "@fluentui/react-make-styles", "../../typographyStyles/index", "../wrapper"], function (require, exports, react_make_styles_1, index_1, wrapper_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.LargeTitle = void 0;
5
- /**
6
- * Styles for the root slot
7
- */
8
- var useStyles = react_make_styles_1.makeStyles({
9
- root: index_1.typographyStyles.largeTitle,
10
- });
11
- /**
12
- * Text wrapper component for the Large Title typography variant
13
- */
14
- exports.LargeTitle = wrapper_1.createWrapper({ useStyles: useStyles, displayName: 'LargeTitle' });
15
- });
16
- //# sourceMappingURL=LargeTitle.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LargeTitle.js","sourceRoot":"../src/","sources":["components/LargeTitle/LargeTitle.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACH,IAAM,SAAS,GAAG,8BAAU,CAAC;QAC3B,IAAI,EAAE,wBAAgB,CAAC,UAAU;KAClC,CAAC,CAAC;IAEH;;OAEG;IACU,QAAA,UAAU,GAAG,uBAAa,CAAC,EAAE,SAAS,WAAA,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC,CAAC","sourcesContent":["import { makeStyles } from '@fluentui/react-make-styles';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper } from '../wrapper';\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 = createWrapper({ useStyles, displayName: 'LargeTitle' });\n"]}
@@ -1 +0,0 @@
1
- export * from './LargeTitle';
@@ -1,6 +0,0 @@
1
- define(["require", "exports", "tslib", "./LargeTitle"], function (require, exports, tslib_1, LargeTitle_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(LargeTitle_1, exports);
5
- });
6
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/LargeTitle/index.ts"],"names":[],"mappings":";;;IAAA,4CAA6B","sourcesContent":["export * from './LargeTitle';\n"]}
@@ -1,4 +0,0 @@
1
- /**
2
- * Text wrapper component for the Subheadline typography variant
3
- */
4
- export declare const Subheadline: import("react").ForwardRefExoticComponent<import("../wrapper").Props & import("react").RefAttributes<HTMLElement>>;
@@ -1,16 +0,0 @@
1
- define(["require", "exports", "@fluentui/react-make-styles", "../../typographyStyles/index", "../wrapper"], function (require, exports, react_make_styles_1, index_1, wrapper_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.Subheadline = void 0;
5
- /**
6
- * Styles for the root slot
7
- */
8
- var useStyles = react_make_styles_1.makeStyles({
9
- root: index_1.typographyStyles.subheadline,
10
- });
11
- /**
12
- * Text wrapper component for the Subheadline typography variant
13
- */
14
- exports.Subheadline = wrapper_1.createWrapper({ useStyles: useStyles, displayName: 'Subheadline' });
15
- });
16
- //# sourceMappingURL=Subheadline.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Subheadline.js","sourceRoot":"../src/","sources":["components/Subheadline/Subheadline.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACH,IAAM,SAAS,GAAG,8BAAU,CAAC;QAC3B,IAAI,EAAE,wBAAgB,CAAC,WAAW;KACnC,CAAC,CAAC;IAEH;;OAEG;IACU,QAAA,WAAW,GAAG,uBAAa,CAAC,EAAE,SAAS,WAAA,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC,CAAC","sourcesContent":["import { makeStyles } from '@fluentui/react-make-styles';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper } from '../wrapper';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.subheadline,\n});\n\n/**\n * Text wrapper component for the Subheadline typography variant\n */\nexport const Subheadline = createWrapper({ useStyles, displayName: 'Subheadline' });\n"]}
@@ -1 +0,0 @@
1
- export * from './Subheadline';
@@ -1,6 +0,0 @@
1
- define(["require", "exports", "tslib", "./Subheadline"], function (require, exports, tslib_1, Subheadline_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(Subheadline_1, exports);
5
- });
6
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Subheadline/index.ts"],"names":[],"mappings":";;;IAAA,6CAA8B","sourcesContent":["export * from './Subheadline';\n"]}
@@ -1,6 +0,0 @@
1
- import * as React from 'react';
2
- import type { TextProps } from './Text.types';
3
- /**
4
- * Typography and styling abstraction component used to ensure consistency of text.
5
- */
6
- export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>>;
@@ -1,15 +0,0 @@
1
- define(["require", "exports", "react", "./useText", "./renderText", "./useTextStyles"], function (require, exports, React, useText_1, renderText_1, useTextStyles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.Text = void 0;
5
- /**
6
- * Typography and styling abstraction component used to ensure consistency of text.
7
- */
8
- exports.Text = React.forwardRef(function (props, ref) {
9
- var state = useText_1.useText(props, ref);
10
- useTextStyles_1.useTextStyles(state);
11
- return renderText_1.renderText(state);
12
- });
13
- exports.Text.displayName = 'Text';
14
- });
15
- //# sourceMappingURL=Text.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Text.js","sourceRoot":"../src/","sources":["components/Text/Text.tsx"],"names":[],"mappings":";;;;IAMA;;OAEG;IACU,QAAA,IAAI,GAAG,KAAK,CAAC,UAAU,CAAyB,UAAC,KAAK,EAAE,GAAG;QACtE,IAAM,KAAK,GAAG,iBAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAElC,6BAAa,CAAC,KAAK,CAAC,CAAC;QACrB,OAAO,uBAAU,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC","sourcesContent":["import * as React from 'react';\nimport { useText } from './useText';\nimport { renderText } from './renderText';\nimport { useTextStyles } from './useTextStyles';\nimport type { TextProps } from './Text.types';\n\n/**\n * Typography and styling abstraction component used to ensure consistency of text.\n */\nexport const Text = React.forwardRef<HTMLElement, TextProps>((props, ref) => {\n const state = useText(props, ref);\n\n useTextStyles(state);\n return renderText(state);\n});\n\nText.displayName = 'Text';\n"]}
@@ -1,86 +0,0 @@
1
- import * as React from 'react';
2
- import type { ComponentPropsCompat, ComponentStateCompat } from '@fluentui/react-utilities';
3
- /**
4
- * Text Props
5
- */
6
- export interface TextProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {
7
- /**
8
- * Wraps the text content on white spaces.
9
- *
10
- * @defaultValue true
11
- */
12
- wrap?: boolean;
13
- /**
14
- * Truncate overflowing text for block displays.
15
- *
16
- * @defaultValue false
17
- */
18
- truncate?: boolean;
19
- /**
20
- * Applies a block display for the content.
21
- *
22
- * @defaultValue false
23
- */
24
- block?: boolean;
25
- /**
26
- * Applies the italic font style to the content.
27
- *
28
- * @defaultValue false
29
- */
30
- italic?: boolean;
31
- /**
32
- * Applies the underline text decoration to the content.
33
- *
34
- * @defaultValue false
35
- */
36
- underline?: boolean;
37
- /**
38
- * Applies the strikethrough text decoration to the content.
39
- *
40
- * @defaultValue false
41
- */
42
- strikethrough?: boolean;
43
- /**
44
- * Applies font size and line height based on the theme tokens.
45
- *
46
- * @defaultValue 300
47
- */
48
- size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
49
- /**
50
- * Applies the font family to the content.
51
- *
52
- * @defaultValue base
53
- */
54
- font?: 'base' | 'monospace' | 'numeric';
55
- /**
56
- * Applies font weight to the content.
57
- *
58
- * @defaultValue regular
59
- */
60
- weight?: 'regular' | 'medium' | 'semibold';
61
- /**
62
- * Aligns text based on the parent container.
63
- *
64
- * @defaultValue start
65
- */
66
- align?: 'start' | 'center' | 'end' | 'justify';
67
- /**
68
- * Component to be rendered as.
69
- *
70
- * @defaultValue span
71
- */
72
- as?: 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'pre';
73
- }
74
- /**
75
- * Names of TextProps that have a default value in useText
76
- */
77
- export declare type TextDefaultedProps = never;
78
- /**
79
- * State used in rendering Text
80
- */
81
- export interface TextState extends ComponentStateCompat<TextProps, TextDefaultedProps> {
82
- /**
83
- * Ref to the root element
84
- */
85
- ref: React.Ref<HTMLElement>;
86
- }
@@ -1,5 +0,0 @@
1
- define(["require", "exports"], function (require, exports) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- });
5
- //# sourceMappingURL=Text.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Text.types.js","sourceRoot":"../src/","sources":["components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { ComponentPropsCompat, ComponentStateCompat } from '@fluentui/react-utilities';\n\n/**\n * Text Props\n */\nexport interface TextProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {\n /**\n * Wraps the text content on white spaces.\n *\n * @defaultValue true\n */\n wrap?: boolean;\n\n /**\n * Truncate overflowing text for block displays.\n *\n * @defaultValue false\n */\n truncate?: boolean;\n\n /**\n * Applies a block display for the content.\n *\n * @defaultValue false\n */\n block?: boolean;\n\n /**\n * Applies the italic font style to the content.\n *\n * @defaultValue false\n */\n italic?: boolean;\n\n /**\n * Applies the underline text decoration to the content.\n *\n * @defaultValue false\n */\n underline?: boolean;\n\n /**\n * Applies the strikethrough text decoration to the content.\n *\n * @defaultValue false\n */\n strikethrough?: boolean;\n\n /**\n * Applies font size and line height based on the theme tokens.\n *\n * @defaultValue 300\n */\n size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;\n\n /**\n * Applies the font family to the content.\n *\n * @defaultValue base\n */\n font?: 'base' | 'monospace' | 'numeric';\n\n /**\n * Applies font weight to the content.\n *\n * @defaultValue regular\n */\n weight?: 'regular' | 'medium' | 'semibold';\n\n /**\n * Aligns text based on the parent container.\n *\n * @defaultValue start\n */\n align?: 'start' | 'center' | 'end' | 'justify';\n\n /**\n * Component to be rendered as.\n *\n * @defaultValue span\n */\n as?: 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'pre';\n}\n\n/**\n * Names of TextProps that have a default value in useText\n */\nexport type TextDefaultedProps = never;\n\n/**\n * State used in rendering Text\n */\nexport interface TextState extends ComponentStateCompat<TextProps, TextDefaultedProps> {\n /**\n * Ref to the root element\n */\n ref: React.Ref<HTMLElement>;\n}\n"]}
@@ -1,5 +0,0 @@
1
- export * from './Text';
2
- export * from './Text.types';
3
- export * from './renderText';
4
- export * from './useText';
5
- export * from './useTextStyles';
@@ -1,10 +0,0 @@
1
- define(["require", "exports", "tslib", "./Text", "./Text.types", "./renderText", "./useText", "./useTextStyles"], function (require, exports, tslib_1, Text_1, Text_types_1, renderText_1, useText_1, useTextStyles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(Text_1, exports);
5
- tslib_1.__exportStar(Text_types_1, exports);
6
- tslib_1.__exportStar(renderText_1, exports);
7
- tslib_1.__exportStar(useText_1, exports);
8
- tslib_1.__exportStar(useTextStyles_1, exports);
9
- });
10
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Text/index.ts"],"names":[],"mappings":";;;IAAA,sCAAuB;IACvB,4CAA6B;IAC7B,4CAA6B;IAC7B,yCAA0B;IAC1B,+CAAgC","sourcesContent":["export * from './Text';\nexport * from './Text.types';\nexport * from './renderText';\nexport * from './useText';\nexport * from './useTextStyles';\n"]}
@@ -1,5 +0,0 @@
1
- import type { TextState } from './Text.types';
2
- /**
3
- * Render the final JSX of Text
4
- */
5
- export declare const renderText: (state: TextState) => JSX.Element;
@@ -1,14 +0,0 @@
1
- define(["require", "exports", "tslib", "react", "@fluentui/react-utilities"], function (require, exports, tslib_1, React, react_utilities_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.renderText = void 0;
5
- /**
6
- * Render the final JSX of Text
7
- */
8
- var renderText = function (state) {
9
- var _a = react_utilities_1.getSlotsCompat(state), slots = _a.slots, slotProps = _a.slotProps;
10
- return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), state.children);
11
- };
12
- exports.renderText = renderText;
13
- });
14
- //# sourceMappingURL=renderText.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"renderText.js","sourceRoot":"../src/","sources":["components/Text/renderText.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACI,IAAM,UAAU,GAAG,UAAC,KAAgB;QACnC,IAAA,KAAuB,gCAAc,CAAC,KAAK,CAAC,EAA1C,KAAK,WAAA,EAAE,SAAS,eAA0B,CAAC;QAEnD,OAAO,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAc,CAAC;IACvE,CAAC,CAAC;IAJW,QAAA,UAAU,cAIrB","sourcesContent":["import * as React from 'react';\nimport { getSlotsCompat } from '@fluentui/react-utilities';\nimport type { TextState } from './Text.types';\n\n/**\n * Render the final JSX of Text\n */\nexport const renderText = (state: TextState) => {\n const { slots, slotProps } = getSlotsCompat(state);\n\n return <slots.root {...slotProps.root}>{state.children}</slots.root>;\n};\n"]}
@@ -1,13 +0,0 @@
1
- import * as React from 'react';
2
- import type { TextProps, TextState } from './Text.types';
3
- /**
4
- * Create the state required to render Text.
5
- *
6
- * The returned state can be modified with hooks such as useTextStyles,
7
- * before being passed to renderText.
8
- *
9
- * @param props - props from this instance of Text
10
- * @param ref - reference to root HTMLElement of Text
11
- * @param defaultProps - (optional) default prop values provided by the implementing type
12
- */
13
- export declare const useText: (props: TextProps, ref: React.Ref<HTMLElement>, defaultProps?: TextProps | undefined) => TextState;
@@ -1,25 +0,0 @@
1
- define(["require", "exports", "@fluentui/react-utilities"], function (require, exports, react_utilities_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useText = void 0;
5
- var mergeProps = react_utilities_1.makeMergeProps();
6
- /**
7
- * Create the state required to render Text.
8
- *
9
- * The returned state can be modified with hooks such as useTextStyles,
10
- * before being passed to renderText.
11
- *
12
- * @param props - props from this instance of Text
13
- * @param ref - reference to root HTMLElement of Text
14
- * @param defaultProps - (optional) default prop values provided by the implementing type
15
- */
16
- var useText = function (props, ref, defaultProps) {
17
- var state = mergeProps({
18
- ref: ref,
19
- as: 'span',
20
- }, defaultProps, props);
21
- return state;
22
- };
23
- exports.useText = useText;
24
- });
25
- //# sourceMappingURL=useText.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useText.js","sourceRoot":"../src/","sources":["components/Text/useText.ts"],"names":[],"mappings":";;;;IAIA,IAAM,UAAU,GAAG,gCAAc,EAAa,CAAC;IAE/C;;;;;;;;;OASG;IACI,IAAM,OAAO,GAAG,UAAC,KAAgB,EAAE,GAA2B,EAAE,YAAwB;QAC7F,IAAM,KAAK,GAAG,UAAU,CACtB;YACE,GAAG,KAAA;YACH,EAAE,EAAE,MAAM;SACX,EACD,YAAY,EACZ,KAAK,CACN,CAAC;QAEF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAXW,QAAA,OAAO,WAWlB","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps } from '@fluentui/react-utilities';\nimport type { TextProps, TextState } from './Text.types';\n\nconst mergeProps = makeMergeProps<TextState>();\n\n/**\n * Create the state required to render Text.\n *\n * The returned state can be modified with hooks such as useTextStyles,\n * before being passed to renderText.\n *\n * @param props - props from this instance of Text\n * @param ref - reference to root HTMLElement of Text\n * @param defaultProps - (optional) default prop values provided by the implementing type\n */\nexport const useText = (props: TextProps, ref: React.Ref<HTMLElement>, defaultProps?: TextProps): TextState => {\n const state = mergeProps(\n {\n ref,\n as: 'span',\n },\n defaultProps,\n props,\n );\n\n return state;\n};\n"]}
@@ -1,5 +0,0 @@
1
- import type { TextState } from './Text.types';
2
- /**
3
- * Apply styling to the Text slots based on the state
4
- */
5
- export declare const useTextStyles: (state: TextState) => TextState;
@@ -1,110 +0,0 @@
1
- define(["require", "exports", "@fluentui/react-make-styles"], function (require, exports, react_make_styles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useTextStyles = void 0;
5
- /**
6
- * Styles for the root slot
7
- */
8
- var useStyles = react_make_styles_1.makeStyles({
9
- root: function (theme) { return ({
10
- fontFamily: theme.global.type.fontFamilies.base,
11
- fontSize: theme.global.type.fontSizes.base[300],
12
- lineHeight: theme.global.type.lineHeights.base[300],
13
- fontWeight: theme.global.type.fontWeights.regular,
14
- textAlign: 'start',
15
- display: 'inline',
16
- whiteSpace: 'normal',
17
- overflow: 'visible',
18
- textOverflow: 'clip',
19
- }); },
20
- nowrap: {
21
- whiteSpace: 'nowrap',
22
- overflow: 'hidden',
23
- },
24
- truncate: {
25
- textOverflow: 'ellipsis',
26
- },
27
- block: {
28
- display: 'block',
29
- },
30
- italic: {
31
- fontStyle: 'italic',
32
- },
33
- underline: {
34
- textDecoration: 'underline',
35
- },
36
- strikethrough: {
37
- textDecoration: 'line-through',
38
- },
39
- strikethroughUnderline: {
40
- textDecoration: 'line-through underline',
41
- },
42
- base100: function (theme) { return ({
43
- fontSize: theme.global.type.fontSizes.base[100],
44
- lineHeight: theme.global.type.lineHeights.base[100],
45
- }); },
46
- base200: function (theme) { return ({
47
- fontSize: theme.global.type.fontSizes.base[200],
48
- lineHeight: theme.global.type.lineHeights.base[200],
49
- }); },
50
- base400: function (theme) { return ({
51
- fontSize: theme.global.type.fontSizes.base[400],
52
- lineHeight: theme.global.type.lineHeights.base[400],
53
- }); },
54
- base500: function (theme) { return ({
55
- fontSize: theme.global.type.fontSizes.base[500],
56
- lineHeight: theme.global.type.lineHeights.base[500],
57
- }); },
58
- base600: function (theme) { return ({
59
- fontSize: theme.global.type.fontSizes.base[600],
60
- lineHeight: theme.global.type.lineHeights.base[600],
61
- }); },
62
- hero700: function (theme) { return ({
63
- fontSize: theme.global.type.fontSizes.hero[700],
64
- lineHeight: theme.global.type.lineHeights.hero[700],
65
- }); },
66
- hero800: function (theme) { return ({
67
- fontSize: theme.global.type.fontSizes.hero[800],
68
- lineHeight: theme.global.type.lineHeights.hero[800],
69
- }); },
70
- hero900: function (theme) { return ({
71
- fontSize: theme.global.type.fontSizes.hero[900],
72
- lineHeight: theme.global.type.lineHeights.hero[900],
73
- }); },
74
- hero1000: function (theme) { return ({
75
- fontSize: theme.global.type.fontSizes.hero[1000],
76
- lineHeight: theme.global.type.lineHeights.hero[1000],
77
- }); },
78
- monospace: function (theme) { return ({
79
- fontFamily: theme.global.type.fontFamilies.monospace,
80
- }); },
81
- numeric: function (theme) { return ({
82
- fontFamily: theme.global.type.fontFamilies.numeric,
83
- }); },
84
- weightMedium: function (theme) { return ({
85
- fontWeight: theme.global.type.fontWeights.medium,
86
- }); },
87
- weightSemibold: function (theme) { return ({
88
- fontWeight: theme.global.type.fontWeights.semibold,
89
- }); },
90
- alignCenter: {
91
- textAlign: 'center',
92
- },
93
- alignEnd: {
94
- textAlign: 'end',
95
- },
96
- alignJustify: {
97
- textAlign: 'justify',
98
- },
99
- });
100
- /**
101
- * Apply styling to the Text slots based on the state
102
- */
103
- var useTextStyles = function (state) {
104
- var styles = useStyles();
105
- state.className = react_make_styles_1.mergeClasses(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.align === 'center' && styles.alignCenter, state.align === 'end' && styles.alignEnd, state.align === 'justify' && styles.alignJustify, state.className);
106
- return state;
107
- };
108
- exports.useTextStyles = useTextStyles;
109
- });
110
- //# sourceMappingURL=useTextStyles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useTextStyles.js","sourceRoot":"../src/","sources":["components/Text/useTextStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';\nimport type { TextState } from './Text.types';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: theme => ({\n fontFamily: theme.global.type.fontFamilies.base,\n fontSize: theme.global.type.fontSizes.base[300],\n lineHeight: theme.global.type.lineHeights.base[300],\n fontWeight: theme.global.type.fontWeights.regular,\n textAlign: 'start',\n display: 'inline',\n whiteSpace: 'normal',\n overflow: 'visible',\n textOverflow: 'clip',\n }),\n nowrap: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n },\n truncate: {\n textOverflow: 'ellipsis',\n },\n block: {\n display: 'block',\n },\n italic: {\n fontStyle: 'italic',\n },\n underline: {\n textDecoration: 'underline',\n },\n strikethrough: {\n textDecoration: 'line-through',\n },\n strikethroughUnderline: {\n textDecoration: 'line-through underline',\n },\n base100: theme => ({\n fontSize: theme.global.type.fontSizes.base[100],\n lineHeight: theme.global.type.lineHeights.base[100],\n }),\n base200: theme => ({\n fontSize: theme.global.type.fontSizes.base[200],\n lineHeight: theme.global.type.lineHeights.base[200],\n }),\n base400: theme => ({\n fontSize: theme.global.type.fontSizes.base[400],\n lineHeight: theme.global.type.lineHeights.base[400],\n }),\n base500: theme => ({\n fontSize: theme.global.type.fontSizes.base[500],\n lineHeight: theme.global.type.lineHeights.base[500],\n }),\n base600: theme => ({\n fontSize: theme.global.type.fontSizes.base[600],\n lineHeight: theme.global.type.lineHeights.base[600],\n }),\n hero700: theme => ({\n fontSize: theme.global.type.fontSizes.hero[700],\n lineHeight: theme.global.type.lineHeights.hero[700],\n }),\n hero800: theme => ({\n fontSize: theme.global.type.fontSizes.hero[800],\n lineHeight: theme.global.type.lineHeights.hero[800],\n }),\n hero900: theme => ({\n fontSize: theme.global.type.fontSizes.hero[900],\n lineHeight: theme.global.type.lineHeights.hero[900],\n }),\n hero1000: theme => ({\n fontSize: theme.global.type.fontSizes.hero[1000],\n lineHeight: theme.global.type.lineHeights.hero[1000],\n }),\n monospace: theme => ({\n fontFamily: theme.global.type.fontFamilies.monospace,\n }),\n numeric: theme => ({\n fontFamily: theme.global.type.fontFamilies.numeric,\n }),\n weightMedium: theme => ({\n fontWeight: theme.global.type.fontWeights.medium,\n }),\n weightSemibold: theme => ({\n fontWeight: theme.global.type.fontWeights.semibold,\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 = (state: TextState): TextState => {\n const styles = useStyles();\n state.className = mergeClasses(\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.align === 'center' && styles.alignCenter,\n state.align === 'end' && styles.alignEnd,\n state.align === 'justify' && styles.alignJustify,\n state.className,\n );\n\n return state;\n};\n"]}
@@ -1,4 +0,0 @@
1
- /**
2
- * Text wrapper component for the Title 1 typography variant
3
- */
4
- export declare const Title1: import("react").ForwardRefExoticComponent<import("../wrapper").Props & import("react").RefAttributes<HTMLElement>>;
@@ -1,16 +0,0 @@
1
- define(["require", "exports", "@fluentui/react-make-styles", "../../typographyStyles/index", "../wrapper"], function (require, exports, react_make_styles_1, index_1, wrapper_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.Title1 = void 0;
5
- /**
6
- * Styles for the root slot
7
- */
8
- var useStyles = react_make_styles_1.makeStyles({
9
- root: index_1.typographyStyles.title1,
10
- });
11
- /**
12
- * Text wrapper component for the Title 1 typography variant
13
- */
14
- exports.Title1 = wrapper_1.createWrapper({ useStyles: useStyles, displayName: 'Title1' });
15
- });
16
- //# sourceMappingURL=Title1.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Title1.js","sourceRoot":"../src/","sources":["components/Title1/Title1.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACH,IAAM,SAAS,GAAG,8BAAU,CAAC;QAC3B,IAAI,EAAE,wBAAgB,CAAC,MAAM;KAC9B,CAAC,CAAC;IAEH;;OAEG;IACU,QAAA,MAAM,GAAG,uBAAa,CAAC,EAAE,SAAS,WAAA,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC","sourcesContent":["import { makeStyles } from '@fluentui/react-make-styles';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper } from '../wrapper';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.title1,\n});\n\n/**\n * Text wrapper component for the Title 1 typography variant\n */\nexport const Title1 = createWrapper({ useStyles, displayName: 'Title1' });\n"]}
@@ -1 +0,0 @@
1
- export * from './Title1';
@@ -1,6 +0,0 @@
1
- define(["require", "exports", "tslib", "./Title1"], function (require, exports, tslib_1, Title1_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(Title1_1, exports);
5
- });
6
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Title1/index.ts"],"names":[],"mappings":";;;IAAA,wCAAyB","sourcesContent":["export * from './Title1';\n"]}
@@ -1,4 +0,0 @@
1
- /**
2
- * Text wrapper component for the Title 2 typography variant
3
- */
4
- export declare const Title2: import("react").ForwardRefExoticComponent<import("../wrapper").Props & import("react").RefAttributes<HTMLElement>>;
@@ -1,16 +0,0 @@
1
- define(["require", "exports", "@fluentui/react-make-styles", "../../typographyStyles/index", "../wrapper"], function (require, exports, react_make_styles_1, index_1, wrapper_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.Title2 = void 0;
5
- /**
6
- * Styles for the root slot
7
- */
8
- var useStyles = react_make_styles_1.makeStyles({
9
- root: index_1.typographyStyles.title2,
10
- });
11
- /**
12
- * Text wrapper component for the Title 2 typography variant
13
- */
14
- exports.Title2 = wrapper_1.createWrapper({ useStyles: useStyles, displayName: 'Title2' });
15
- });
16
- //# sourceMappingURL=Title2.js.map