@fluentui/react-text 9.0.0-alpha.18 → 9.0.0-alpha.21

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 (233) hide show
  1. package/CHANGELOG.json +142 -5
  2. package/CHANGELOG.md +47 -6
  3. package/dist/react-text.d.ts +42 -51
  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/common/isConformant.js.map +1 -1
  15. package/lib/components/Body/Body.d.ts +3 -1
  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 +3 -1
  19. package/lib/components/Caption/Caption.js.map +1 -1
  20. package/lib/components/Caption/index.js.map +1 -1
  21. package/lib/components/Display/Display.d.ts +3 -1
  22. package/lib/components/Display/Display.js.map +1 -1
  23. package/lib/components/Display/index.js.map +1 -1
  24. package/lib/components/Headline/Headline.d.ts +3 -1
  25. package/lib/components/Headline/Headline.js.map +1 -1
  26. package/lib/components/Headline/index.js.map +1 -1
  27. package/lib/components/LargeTitle/LargeTitle.d.ts +3 -1
  28. package/lib/components/LargeTitle/LargeTitle.js.map +1 -1
  29. package/lib/components/LargeTitle/index.js.map +1 -1
  30. package/lib/components/Subheadline/Subheadline.d.ts +3 -1
  31. package/lib/components/Subheadline/Subheadline.js.map +1 -1
  32. package/lib/components/Subheadline/index.js.map +1 -1
  33. package/lib/components/Text/Text.d.ts +1 -1
  34. package/lib/components/Text/Text.js.map +1 -1
  35. package/lib/components/Text/Text.types.d.ts +20 -29
  36. package/lib/components/Text/Text.types.js.map +1 -1
  37. package/lib/components/Text/index.js.map +1 -1
  38. package/lib/components/Text/renderText.js +3 -3
  39. package/lib/components/Text/renderText.js.map +1 -1
  40. package/lib/components/Text/useText.d.ts +1 -2
  41. package/lib/components/Text/useText.js +36 -8
  42. package/lib/components/Text/useText.js.map +1 -1
  43. package/lib/components/Text/useTextStyles.js +1 -1
  44. package/lib/components/Text/useTextStyles.js.map +1 -1
  45. package/lib/components/Title1/Title1.d.ts +3 -1
  46. package/lib/components/Title1/Title1.js.map +1 -1
  47. package/lib/components/Title1/index.js.map +1 -1
  48. package/lib/components/Title2/Title2.d.ts +3 -1
  49. package/lib/components/Title2/Title2.js.map +1 -1
  50. package/lib/components/Title2/index.js.map +1 -1
  51. package/lib/components/Title3/Title3.d.ts +3 -1
  52. package/lib/components/Title3/Title3.js.map +1 -1
  53. package/lib/components/Title3/index.js.map +1 -1
  54. package/lib/components/wrapper.d.ts +2 -3
  55. package/lib/components/wrapper.js +1 -1
  56. package/lib/components/wrapper.js.map +1 -1
  57. package/lib/index.js.map +1 -1
  58. package/lib/typographyStyles/index.js.map +1 -1
  59. package/lib/typographyStyles/typographyStyles.js.map +1 -1
  60. package/lib-commonjs/Body.js.map +1 -1
  61. package/lib-commonjs/Caption.js.map +1 -1
  62. package/lib-commonjs/Display.js.map +1 -1
  63. package/lib-commonjs/Headline.js.map +1 -1
  64. package/lib-commonjs/LargeTitle.js.map +1 -1
  65. package/lib-commonjs/Subheadline.js.map +1 -1
  66. package/lib-commonjs/Text.js.map +1 -1
  67. package/lib-commonjs/Title1.js.map +1 -1
  68. package/lib-commonjs/Title2.js.map +1 -1
  69. package/lib-commonjs/Title3.js.map +1 -1
  70. package/lib-commonjs/common/isConformant.js.map +1 -1
  71. package/lib-commonjs/components/Body/Body.d.ts +3 -1
  72. package/lib-commonjs/components/Body/Body.js.map +1 -1
  73. package/lib-commonjs/components/Body/index.js.map +1 -1
  74. package/lib-commonjs/components/Caption/Caption.d.ts +3 -1
  75. package/lib-commonjs/components/Caption/Caption.js.map +1 -1
  76. package/lib-commonjs/components/Caption/index.js.map +1 -1
  77. package/lib-commonjs/components/Display/Display.d.ts +3 -1
  78. package/lib-commonjs/components/Display/Display.js.map +1 -1
  79. package/lib-commonjs/components/Display/index.js.map +1 -1
  80. package/lib-commonjs/components/Headline/Headline.d.ts +3 -1
  81. package/lib-commonjs/components/Headline/Headline.js.map +1 -1
  82. package/lib-commonjs/components/Headline/index.js.map +1 -1
  83. package/lib-commonjs/components/LargeTitle/LargeTitle.d.ts +3 -1
  84. package/lib-commonjs/components/LargeTitle/LargeTitle.js.map +1 -1
  85. package/lib-commonjs/components/LargeTitle/index.js.map +1 -1
  86. package/lib-commonjs/components/Subheadline/Subheadline.d.ts +3 -1
  87. package/lib-commonjs/components/Subheadline/Subheadline.js.map +1 -1
  88. package/lib-commonjs/components/Subheadline/index.js.map +1 -1
  89. package/lib-commonjs/components/Text/Text.d.ts +1 -1
  90. package/lib-commonjs/components/Text/Text.js.map +1 -1
  91. package/lib-commonjs/components/Text/Text.types.d.ts +20 -29
  92. package/lib-commonjs/components/Text/Text.types.js.map +1 -1
  93. package/lib-commonjs/components/Text/index.js.map +1 -1
  94. package/lib-commonjs/components/Text/renderText.js +2 -2
  95. package/lib-commonjs/components/Text/renderText.js.map +1 -1
  96. package/lib-commonjs/components/Text/useText.d.ts +1 -2
  97. package/lib-commonjs/components/Text/useText.js +37 -8
  98. package/lib-commonjs/components/Text/useText.js.map +1 -1
  99. package/lib-commonjs/components/Text/useTextStyles.js +1 -1
  100. package/lib-commonjs/components/Text/useTextStyles.js.map +1 -1
  101. package/lib-commonjs/components/Title1/Title1.d.ts +3 -1
  102. package/lib-commonjs/components/Title1/Title1.js.map +1 -1
  103. package/lib-commonjs/components/Title1/index.js.map +1 -1
  104. package/lib-commonjs/components/Title2/Title2.d.ts +3 -1
  105. package/lib-commonjs/components/Title2/Title2.js.map +1 -1
  106. package/lib-commonjs/components/Title2/index.js.map +1 -1
  107. package/lib-commonjs/components/Title3/Title3.d.ts +3 -1
  108. package/lib-commonjs/components/Title3/Title3.js.map +1 -1
  109. package/lib-commonjs/components/Title3/index.js.map +1 -1
  110. package/lib-commonjs/components/wrapper.d.ts +2 -3
  111. package/lib-commonjs/components/wrapper.js +1 -1
  112. package/lib-commonjs/components/wrapper.js.map +1 -1
  113. package/lib-commonjs/index.js.map +1 -1
  114. package/lib-commonjs/typographyStyles/index.js.map +1 -1
  115. package/lib-commonjs/typographyStyles/typographyStyles.js.map +1 -1
  116. package/package.json +7 -7
  117. package/lib-amd/Body.d.ts +0 -1
  118. package/lib-amd/Body.js +0 -6
  119. package/lib-amd/Body.js.map +0 -1
  120. package/lib-amd/Caption.d.ts +0 -1
  121. package/lib-amd/Caption.js +0 -6
  122. package/lib-amd/Caption.js.map +0 -1
  123. package/lib-amd/Display.d.ts +0 -1
  124. package/lib-amd/Display.js +0 -6
  125. package/lib-amd/Display.js.map +0 -1
  126. package/lib-amd/Headline.d.ts +0 -1
  127. package/lib-amd/Headline.js +0 -6
  128. package/lib-amd/Headline.js.map +0 -1
  129. package/lib-amd/LargeTitle.d.ts +0 -1
  130. package/lib-amd/LargeTitle.js +0 -6
  131. package/lib-amd/LargeTitle.js.map +0 -1
  132. package/lib-amd/Subheadline.d.ts +0 -1
  133. package/lib-amd/Subheadline.js +0 -6
  134. package/lib-amd/Subheadline.js.map +0 -1
  135. package/lib-amd/Text.d.ts +0 -1
  136. package/lib-amd/Text.js +0 -6
  137. package/lib-amd/Text.js.map +0 -1
  138. package/lib-amd/Title1.d.ts +0 -1
  139. package/lib-amd/Title1.js +0 -6
  140. package/lib-amd/Title1.js.map +0 -1
  141. package/lib-amd/Title2.d.ts +0 -1
  142. package/lib-amd/Title2.js +0 -6
  143. package/lib-amd/Title2.js.map +0 -1
  144. package/lib-amd/Title3.d.ts +0 -1
  145. package/lib-amd/Title3.js +0 -6
  146. package/lib-amd/Title3.js.map +0 -1
  147. package/lib-amd/common/isConformant.d.ts +0 -4
  148. package/lib-amd/common/isConformant.js +0 -20
  149. package/lib-amd/common/isConformant.js.map +0 -1
  150. package/lib-amd/components/Body/Body.d.ts +0 -4
  151. package/lib-amd/components/Body/Body.js +0 -16
  152. package/lib-amd/components/Body/Body.js.map +0 -1
  153. package/lib-amd/components/Body/index.d.ts +0 -1
  154. package/lib-amd/components/Body/index.js +0 -6
  155. package/lib-amd/components/Body/index.js.map +0 -1
  156. package/lib-amd/components/Caption/Caption.d.ts +0 -4
  157. package/lib-amd/components/Caption/Caption.js +0 -16
  158. package/lib-amd/components/Caption/Caption.js.map +0 -1
  159. package/lib-amd/components/Caption/index.d.ts +0 -1
  160. package/lib-amd/components/Caption/index.js +0 -6
  161. package/lib-amd/components/Caption/index.js.map +0 -1
  162. package/lib-amd/components/Display/Display.d.ts +0 -4
  163. package/lib-amd/components/Display/Display.js +0 -16
  164. package/lib-amd/components/Display/Display.js.map +0 -1
  165. package/lib-amd/components/Display/index.d.ts +0 -1
  166. package/lib-amd/components/Display/index.js +0 -6
  167. package/lib-amd/components/Display/index.js.map +0 -1
  168. package/lib-amd/components/Headline/Headline.d.ts +0 -4
  169. package/lib-amd/components/Headline/Headline.js +0 -16
  170. package/lib-amd/components/Headline/Headline.js.map +0 -1
  171. package/lib-amd/components/Headline/index.d.ts +0 -1
  172. package/lib-amd/components/Headline/index.js +0 -6
  173. package/lib-amd/components/Headline/index.js.map +0 -1
  174. package/lib-amd/components/LargeTitle/LargeTitle.d.ts +0 -4
  175. package/lib-amd/components/LargeTitle/LargeTitle.js +0 -16
  176. package/lib-amd/components/LargeTitle/LargeTitle.js.map +0 -1
  177. package/lib-amd/components/LargeTitle/index.d.ts +0 -1
  178. package/lib-amd/components/LargeTitle/index.js +0 -6
  179. package/lib-amd/components/LargeTitle/index.js.map +0 -1
  180. package/lib-amd/components/Subheadline/Subheadline.d.ts +0 -4
  181. package/lib-amd/components/Subheadline/Subheadline.js +0 -16
  182. package/lib-amd/components/Subheadline/Subheadline.js.map +0 -1
  183. package/lib-amd/components/Subheadline/index.d.ts +0 -1
  184. package/lib-amd/components/Subheadline/index.js +0 -6
  185. package/lib-amd/components/Subheadline/index.js.map +0 -1
  186. package/lib-amd/components/Text/Text.d.ts +0 -6
  187. package/lib-amd/components/Text/Text.js +0 -15
  188. package/lib-amd/components/Text/Text.js.map +0 -1
  189. package/lib-amd/components/Text/Text.types.d.ts +0 -86
  190. package/lib-amd/components/Text/Text.types.js +0 -5
  191. package/lib-amd/components/Text/Text.types.js.map +0 -1
  192. package/lib-amd/components/Text/index.d.ts +0 -5
  193. package/lib-amd/components/Text/index.js +0 -10
  194. package/lib-amd/components/Text/index.js.map +0 -1
  195. package/lib-amd/components/Text/renderText.d.ts +0 -5
  196. package/lib-amd/components/Text/renderText.js +0 -14
  197. package/lib-amd/components/Text/renderText.js.map +0 -1
  198. package/lib-amd/components/Text/useText.d.ts +0 -13
  199. package/lib-amd/components/Text/useText.js +0 -25
  200. package/lib-amd/components/Text/useText.js.map +0 -1
  201. package/lib-amd/components/Text/useTextStyles.d.ts +0 -5
  202. package/lib-amd/components/Text/useTextStyles.js +0 -110
  203. package/lib-amd/components/Text/useTextStyles.js.map +0 -1
  204. package/lib-amd/components/Title1/Title1.d.ts +0 -4
  205. package/lib-amd/components/Title1/Title1.js +0 -16
  206. package/lib-amd/components/Title1/Title1.js.map +0 -1
  207. package/lib-amd/components/Title1/index.d.ts +0 -1
  208. package/lib-amd/components/Title1/index.js +0 -6
  209. package/lib-amd/components/Title1/index.js.map +0 -1
  210. package/lib-amd/components/Title2/Title2.d.ts +0 -4
  211. package/lib-amd/components/Title2/Title2.js +0 -16
  212. package/lib-amd/components/Title2/Title2.js.map +0 -1
  213. package/lib-amd/components/Title2/index.d.ts +0 -1
  214. package/lib-amd/components/Title2/index.js +0 -6
  215. package/lib-amd/components/Title2/index.js.map +0 -1
  216. package/lib-amd/components/Title3/Title3.d.ts +0 -4
  217. package/lib-amd/components/Title3/Title3.js +0 -16
  218. package/lib-amd/components/Title3/Title3.js.map +0 -1
  219. package/lib-amd/components/Title3/index.d.ts +0 -1
  220. package/lib-amd/components/Title3/index.js +0 -6
  221. package/lib-amd/components/Title3/index.js.map +0 -1
  222. package/lib-amd/components/wrapper.d.ts +0 -8
  223. package/lib-amd/components/wrapper.js +0 -19
  224. package/lib-amd/components/wrapper.js.map +0 -1
  225. package/lib-amd/index.d.ts +0 -10
  226. package/lib-amd/index.js +0 -15
  227. package/lib-amd/index.js.map +0 -1
  228. package/lib-amd/typographyStyles/index.d.ts +0 -2
  229. package/lib-amd/typographyStyles/index.js +0 -7
  230. package/lib-amd/typographyStyles/index.js.map +0 -1
  231. package/lib-amd/typographyStyles/typographyStyles.d.ts +0 -14
  232. package/lib-amd/typographyStyles/typographyStyles.js +0 -72
  233. package/lib-amd/typographyStyles/typographyStyles.js.map +0 -1
@@ -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
@@ -1 +0,0 @@
1
- {"version":3,"file":"Title2.js","sourceRoot":"../src/","sources":["components/Title2/Title2.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.title2,\n});\n\n/**\n * Text wrapper component for the Title 2 typography variant\n */\nexport const Title2 = createWrapper({ useStyles, displayName: 'Title2' });\n"]}
@@ -1 +0,0 @@
1
- export * from './Title2';
@@ -1,6 +0,0 @@
1
- define(["require", "exports", "tslib", "./Title2"], function (require, exports, tslib_1, Title2_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(Title2_1, exports);
5
- });
6
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Title2/index.ts"],"names":[],"mappings":";;;IAAA,wCAAyB","sourcesContent":["export * from './Title2';\n"]}
@@ -1,4 +0,0 @@
1
- /**
2
- * Text wrapper component for the Title 3 typography variant
3
- */
4
- export declare const Title3: 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.Title3 = void 0;
5
- /**
6
- * Styles for the root slot
7
- */
8
- var useStyles = react_make_styles_1.makeStyles({
9
- root: index_1.typographyStyles.title3,
10
- });
11
- /**
12
- * Text wrapper component for the Title 3 typography variant
13
- */
14
- exports.Title3 = wrapper_1.createWrapper({ useStyles: useStyles, displayName: 'Title3' });
15
- });
16
- //# sourceMappingURL=Title3.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Title3.js","sourceRoot":"../src/","sources":["components/Title3/Title3.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.title3,\n});\n\n/**\n * Text wrapper component for the Title 3 typography variant\n */\nexport const Title3 = createWrapper({ useStyles, displayName: 'Title3' });\n"]}
@@ -1 +0,0 @@
1
- export * from './Title3';
@@ -1,6 +0,0 @@
1
- define(["require", "exports", "tslib", "./Title3"], function (require, exports, tslib_1, Title3_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(Title3_1, exports);
5
- });
6
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Title3/index.ts"],"names":[],"mappings":";;;IAAA,wCAAyB","sourcesContent":["export * from './Title3';\n"]}
@@ -1,8 +0,0 @@
1
- import * as React from 'react';
2
- import type { TextProps } from '../Text';
3
- export interface Props extends Omit<TextProps, 'font' | 'size'> {
4
- }
5
- export declare function createWrapper(options: {
6
- displayName: string;
7
- useStyles: () => Record<'root', string>;
8
- }): React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
@@ -1,19 +0,0 @@
1
- define(["require", "exports", "react", "@fluentui/react-make-styles", "../Text"], function (require, exports, React, react_make_styles_1, Text_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.createWrapper = void 0;
5
- function createWrapper(options) {
6
- var useStyles = options.useStyles, displayName = options.displayName;
7
- var Wrapper = React.forwardRef(function (props, ref) {
8
- var styles = useStyles();
9
- var state = Text_1.useText(props, ref);
10
- Text_1.useTextStyles(state);
11
- state.className = react_make_styles_1.mergeClasses(state.className, styles.root, props.className);
12
- return Text_1.renderText(state);
13
- });
14
- Wrapper.displayName = displayName;
15
- return Wrapper;
16
- }
17
- exports.createWrapper = createWrapper;
18
- });
19
- //# sourceMappingURL=wrapper.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"wrapper.js","sourceRoot":"../src/","sources":["components/wrapper.tsx"],"names":[],"mappings":";;;;IAOA,SAAgB,aAAa,CAAC,OAAyE;QAC7F,IAAA,SAAS,GAAkB,OAAO,UAAzB,EAAE,WAAW,GAAK,OAAO,YAAZ,CAAa;QAC3C,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAqB,UAAC,KAAK,EAAE,GAAG;YAC9D,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;YAC3B,IAAM,KAAK,GAAG,cAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;YAClC,oBAAa,CAAC,KAAK,CAAC,CAAC;YAErB,KAAK,CAAC,SAAS,GAAG,gCAAY,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;YAE9E,OAAO,iBAAU,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;QACH,OAAO,CAAC,WAAW,GAAG,WAAW,CAAC;QAElC,OAAO,OAAO,CAAC;IACjB,CAAC;IAdD,sCAcC","sourcesContent":["import * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-make-styles';\nimport { renderText, useText, useTextStyles } from '../Text';\nimport type { TextProps } from '../Text';\n\nexport interface Props extends Omit<TextProps, 'font' | 'size'> {}\n\nexport function createWrapper(options: { displayName: string; useStyles: () => Record<'root', string> }) {\n const { useStyles, displayName } = options;\n const Wrapper = React.forwardRef<HTMLElement, Props>((props, ref) => {\n const styles = useStyles();\n const state = useText(props, ref);\n useTextStyles(state);\n\n state.className = mergeClasses(state.className, styles.root, props.className);\n\n return renderText(state);\n });\n Wrapper.displayName = displayName;\n\n return Wrapper;\n}\n"]}
@@ -1,10 +0,0 @@
1
- export * from './Text';
2
- export * from './Display';
3
- export * from './LargeTitle';
4
- export * from './Title1';
5
- export * from './Title2';
6
- export * from './Title3';
7
- export * from './Headline';
8
- export * from './Subheadline';
9
- export * from './Body';
10
- export * from './Caption';
package/lib-amd/index.js DELETED
@@ -1,15 +0,0 @@
1
- define(["require", "exports", "tslib", "./Text", "./Display", "./LargeTitle", "./Title1", "./Title2", "./Title3", "./Headline", "./Subheadline", "./Body", "./Caption"], function (require, exports, tslib_1, Text_1, Display_1, LargeTitle_1, Title1_1, Title2_1, Title3_1, Headline_1, Subheadline_1, Body_1, Caption_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(Text_1, exports);
5
- tslib_1.__exportStar(Display_1, exports);
6
- tslib_1.__exportStar(LargeTitle_1, exports);
7
- tslib_1.__exportStar(Title1_1, exports);
8
- tslib_1.__exportStar(Title2_1, exports);
9
- tslib_1.__exportStar(Title3_1, exports);
10
- tslib_1.__exportStar(Headline_1, exports);
11
- tslib_1.__exportStar(Subheadline_1, exports);
12
- tslib_1.__exportStar(Body_1, exports);
13
- tslib_1.__exportStar(Caption_1, exports);
14
- });
15
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;IAAA,sCAAuB;IACvB,yCAA0B;IAC1B,4CAA6B;IAC7B,wCAAyB;IACzB,wCAAyB;IACzB,wCAAyB;IACzB,0CAA2B;IAC3B,6CAA8B;IAC9B,sCAAuB;IACvB,yCAA0B","sourcesContent":["export * from './Text';\nexport * from './Display';\nexport * from './LargeTitle';\nexport * from './Title1';\nexport * from './Title2';\nexport * from './Title3';\nexport * from './Headline';\nexport * from './Subheadline';\nexport * from './Body';\nexport * from './Caption';\n"]}
@@ -1,2 +0,0 @@
1
- import * as typographyStyles from './typographyStyles';
2
- export { typographyStyles };
@@ -1,7 +0,0 @@
1
- define(["require", "exports", "./typographyStyles"], function (require, exports, typographyStyles) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.typographyStyles = void 0;
5
- exports.typographyStyles = typographyStyles;
6
- });
7
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["typographyStyles/index.ts"],"names":[],"mappings":";;;;IACS,4CAAgB","sourcesContent":["import * as typographyStyles from './typographyStyles';\nexport { typographyStyles };\n"]}
@@ -1,14 +0,0 @@
1
- import type { MakeStylesStyleFunctionRule } from '@fluentui/make-styles';
2
- import type { Theme } from '@fluentui/react-theme';
3
- /**
4
- * Make-styles rules for the typography variants
5
- */
6
- export declare const caption: MakeStylesStyleFunctionRule<Theme>;
7
- export declare const body: MakeStylesStyleFunctionRule<Theme>;
8
- export declare const subheadline: MakeStylesStyleFunctionRule<Theme>;
9
- export declare const headline: MakeStylesStyleFunctionRule<Theme>;
10
- export declare const title3: MakeStylesStyleFunctionRule<Theme>;
11
- export declare const title2: MakeStylesStyleFunctionRule<Theme>;
12
- export declare const title1: MakeStylesStyleFunctionRule<Theme>;
13
- export declare const largeTitle: MakeStylesStyleFunctionRule<Theme>;
14
- export declare const display: MakeStylesStyleFunctionRule<Theme>;
@@ -1,72 +0,0 @@
1
- define(["require", "exports"], function (require, exports) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.display = exports.largeTitle = exports.title1 = exports.title2 = exports.title3 = exports.headline = exports.subheadline = exports.body = exports.caption = void 0;
5
- /**
6
- * Make-styles rules for the typography variants
7
- */
8
- var caption = function (theme) { return ({
9
- fontFamily: theme.global.type.fontFamilies.base,
10
- fontSize: theme.global.type.fontSizes.base[200],
11
- lineHeight: theme.global.type.lineHeights.base[200],
12
- fontWeight: theme.global.type.fontWeights.regular,
13
- }); };
14
- exports.caption = caption;
15
- var body = function (theme) { return ({
16
- fontFamily: theme.global.type.fontFamilies.base,
17
- fontSize: theme.global.type.fontSizes.base[300],
18
- lineHeight: theme.global.type.lineHeights.base[300],
19
- fontWeight: theme.global.type.fontWeights.regular,
20
- }); };
21
- exports.body = body;
22
- var subheadline = function (theme) { return ({
23
- fontFamily: theme.global.type.fontFamilies.base,
24
- fontSize: theme.global.type.fontSizes.base[400],
25
- lineHeight: theme.global.type.lineHeights.base[400],
26
- fontWeight: theme.global.type.fontWeights.semibold,
27
- }); };
28
- exports.subheadline = subheadline;
29
- var headline = function (theme) { return ({
30
- fontFamily: theme.global.type.fontFamilies.base,
31
- fontSize: theme.global.type.fontSizes.base[500],
32
- lineHeight: theme.global.type.lineHeights.base[500],
33
- fontWeight: theme.global.type.fontWeights.semibold,
34
- }); };
35
- exports.headline = headline;
36
- var title3 = function (theme) { return ({
37
- fontFamily: theme.global.type.fontFamilies.base,
38
- fontSize: theme.global.type.fontSizes.base[600],
39
- lineHeight: theme.global.type.lineHeights.base[600],
40
- fontWeight: theme.global.type.fontWeights.semibold,
41
- }); };
42
- exports.title3 = title3;
43
- var title2 = function (theme) { return ({
44
- fontFamily: theme.global.type.fontFamilies.base,
45
- fontSize: theme.global.type.fontSizes.hero[700],
46
- lineHeight: theme.global.type.lineHeights.hero[700],
47
- fontWeight: theme.global.type.fontWeights.semibold,
48
- }); };
49
- exports.title2 = title2;
50
- var title1 = function (theme) { return ({
51
- fontFamily: theme.global.type.fontFamilies.base,
52
- fontSize: theme.global.type.fontSizes.hero[800],
53
- lineHeight: theme.global.type.lineHeights.hero[800],
54
- fontWeight: theme.global.type.fontWeights.semibold,
55
- }); };
56
- exports.title1 = title1;
57
- var largeTitle = function (theme) { return ({
58
- fontFamily: theme.global.type.fontFamilies.base,
59
- fontSize: theme.global.type.fontSizes.hero[900],
60
- lineHeight: theme.global.type.lineHeights.hero[900],
61
- fontWeight: theme.global.type.fontWeights.semibold,
62
- }); };
63
- exports.largeTitle = largeTitle;
64
- var display = function (theme) { return ({
65
- fontFamily: theme.global.type.fontFamilies.base,
66
- fontSize: theme.global.type.fontSizes.hero[1000],
67
- lineHeight: theme.global.type.lineHeights.hero[1000],
68
- fontWeight: theme.global.type.fontWeights.semibold,
69
- }); };
70
- exports.display = display;
71
- });
72
- //# sourceMappingURL=typographyStyles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"typographyStyles.js","sourceRoot":"../src/","sources":["typographyStyles/typographyStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import type { MakeStylesStyleFunctionRule } from '@fluentui/make-styles';\nimport type { Theme } from '@fluentui/react-theme';\n\n/**\n * Make-styles rules for the typography variants\n */\nexport const caption: MakeStylesStyleFunctionRule<Theme> = theme => ({\n fontFamily: theme.global.type.fontFamilies.base,\n fontSize: theme.global.type.fontSizes.base[200],\n lineHeight: theme.global.type.lineHeights.base[200],\n fontWeight: theme.global.type.fontWeights.regular,\n});\nexport const body: MakeStylesStyleFunctionRule<Theme> = 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});\nexport const subheadline: MakeStylesStyleFunctionRule<Theme> = theme => ({\n fontFamily: theme.global.type.fontFamilies.base,\n fontSize: theme.global.type.fontSizes.base[400],\n lineHeight: theme.global.type.lineHeights.base[400],\n fontWeight: theme.global.type.fontWeights.semibold,\n});\nexport const headline: MakeStylesStyleFunctionRule<Theme> = theme => ({\n fontFamily: theme.global.type.fontFamilies.base,\n fontSize: theme.global.type.fontSizes.base[500],\n lineHeight: theme.global.type.lineHeights.base[500],\n fontWeight: theme.global.type.fontWeights.semibold,\n});\nexport const title3: MakeStylesStyleFunctionRule<Theme> = theme => ({\n fontFamily: theme.global.type.fontFamilies.base,\n fontSize: theme.global.type.fontSizes.base[600],\n lineHeight: theme.global.type.lineHeights.base[600],\n fontWeight: theme.global.type.fontWeights.semibold,\n});\nexport const title2: MakeStylesStyleFunctionRule<Theme> = theme => ({\n fontFamily: theme.global.type.fontFamilies.base,\n fontSize: theme.global.type.fontSizes.hero[700],\n lineHeight: theme.global.type.lineHeights.hero[700],\n fontWeight: theme.global.type.fontWeights.semibold,\n});\nexport const title1: MakeStylesStyleFunctionRule<Theme> = theme => ({\n fontFamily: theme.global.type.fontFamilies.base,\n fontSize: theme.global.type.fontSizes.hero[800],\n lineHeight: theme.global.type.lineHeights.hero[800],\n fontWeight: theme.global.type.fontWeights.semibold,\n});\nexport const largeTitle: MakeStylesStyleFunctionRule<Theme> = theme => ({\n fontFamily: theme.global.type.fontFamilies.base,\n fontSize: theme.global.type.fontSizes.hero[900],\n lineHeight: theme.global.type.lineHeights.hero[900],\n fontWeight: theme.global.type.fontWeights.semibold,\n});\nexport const display: MakeStylesStyleFunctionRule<Theme> = theme => ({\n fontFamily: theme.global.type.fontFamilies.base,\n fontSize: theme.global.type.fontSizes.hero[1000],\n lineHeight: theme.global.type.lineHeights.hero[1000],\n fontWeight: theme.global.type.fontWeights.semibold,\n});\n"]}