@fluentui/react-text 9.1.6 → 9.1.8

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 (81) hide show
  1. package/CHANGELOG.json +39 -1
  2. package/CHANGELOG.md +20 -2
  3. package/lib-amd/Body1.js +6 -0
  4. package/lib-amd/Body1.js.map +1 -0
  5. package/lib-amd/Caption1.js +6 -0
  6. package/lib-amd/Caption1.js.map +1 -0
  7. package/lib-amd/Caption2.js +6 -0
  8. package/lib-amd/Caption2.js.map +1 -0
  9. package/lib-amd/Display.js +6 -0
  10. package/lib-amd/Display.js.map +1 -0
  11. package/lib-amd/LargeTitle.js +6 -0
  12. package/lib-amd/LargeTitle.js.map +1 -0
  13. package/lib-amd/Subtitle1.js +6 -0
  14. package/lib-amd/Subtitle1.js.map +1 -0
  15. package/lib-amd/Subtitle2.js +6 -0
  16. package/lib-amd/Subtitle2.js.map +1 -0
  17. package/lib-amd/Text.js +6 -0
  18. package/lib-amd/Text.js.map +1 -0
  19. package/lib-amd/Title1.js +6 -0
  20. package/lib-amd/Title1.js.map +1 -0
  21. package/lib-amd/Title2.js +6 -0
  22. package/lib-amd/Title2.js.map +1 -0
  23. package/lib-amd/Title3.js +6 -0
  24. package/lib-amd/Title3.js.map +1 -0
  25. package/lib-amd/components/Body1/Body1.js +23 -0
  26. package/lib-amd/components/Body1/Body1.js.map +1 -0
  27. package/lib-amd/components/Body1/index.js +6 -0
  28. package/lib-amd/components/Body1/index.js.map +1 -0
  29. package/lib-amd/components/Caption1/Caption1.js +23 -0
  30. package/lib-amd/components/Caption1/Caption1.js.map +1 -0
  31. package/lib-amd/components/Caption1/index.js +6 -0
  32. package/lib-amd/components/Caption1/index.js.map +1 -0
  33. package/lib-amd/components/Caption2/Caption2.js +23 -0
  34. package/lib-amd/components/Caption2/Caption2.js.map +1 -0
  35. package/lib-amd/components/Caption2/index.js +6 -0
  36. package/lib-amd/components/Caption2/index.js.map +1 -0
  37. package/lib-amd/components/Display/Display.js +23 -0
  38. package/lib-amd/components/Display/Display.js.map +1 -0
  39. package/lib-amd/components/Display/index.js +6 -0
  40. package/lib-amd/components/Display/index.js.map +1 -0
  41. package/lib-amd/components/LargeTitle/LargeTitle.js +23 -0
  42. package/lib-amd/components/LargeTitle/LargeTitle.js.map +1 -0
  43. package/lib-amd/components/LargeTitle/index.js +6 -0
  44. package/lib-amd/components/LargeTitle/index.js.map +1 -0
  45. package/lib-amd/components/Subtitle1/Subtitle1.js +23 -0
  46. package/lib-amd/components/Subtitle1/Subtitle1.js.map +1 -0
  47. package/lib-amd/components/Subtitle1/index.js +6 -0
  48. package/lib-amd/components/Subtitle1/index.js.map +1 -0
  49. package/lib-amd/components/Subtitle2/Subtitle2.js +23 -0
  50. package/lib-amd/components/Subtitle2/Subtitle2.js.map +1 -0
  51. package/lib-amd/components/Subtitle2/index.js +6 -0
  52. package/lib-amd/components/Subtitle2/index.js.map +1 -0
  53. package/lib-amd/components/Text/Text.js +16 -0
  54. package/lib-amd/components/Text/Text.js.map +1 -0
  55. package/lib-amd/components/Text/Text.types.js +5 -0
  56. package/lib-amd/components/Text/Text.types.js.map +1 -0
  57. package/lib-amd/components/Text/index.js +10 -0
  58. package/lib-amd/components/Text/index.js.map +1 -0
  59. package/lib-amd/components/Text/renderText.js +14 -0
  60. package/lib-amd/components/Text/renderText.js.map +1 -0
  61. package/lib-amd/components/Text/useText.js +36 -0
  62. package/lib-amd/components/Text/useText.js.map +1 -0
  63. package/lib-amd/components/Text/useTextStyles.js +103 -0
  64. package/lib-amd/components/Text/useTextStyles.js.map +1 -0
  65. package/lib-amd/components/Title1/Title1.js +23 -0
  66. package/lib-amd/components/Title1/Title1.js.map +1 -0
  67. package/lib-amd/components/Title1/index.js +6 -0
  68. package/lib-amd/components/Title1/index.js.map +1 -0
  69. package/lib-amd/components/Title2/Title2.js +23 -0
  70. package/lib-amd/components/Title2/Title2.js.map +1 -0
  71. package/lib-amd/components/Title2/index.js +6 -0
  72. package/lib-amd/components/Title2/index.js.map +1 -0
  73. package/lib-amd/components/Title3/Title3.js +23 -0
  74. package/lib-amd/components/Title3/Title3.js.map +1 -0
  75. package/lib-amd/components/Title3/index.js +6 -0
  76. package/lib-amd/components/Title3/index.js.map +1 -0
  77. package/lib-amd/components/wrapper.js +19 -0
  78. package/lib-amd/components/wrapper.js.map +1 -0
  79. package/lib-amd/index.js +31 -0
  80. package/lib-amd/index.js.map +1 -0
  81. package/package.json +3 -3
package/CHANGELOG.json CHANGED
@@ -2,7 +2,45 @@
2
2
  "name": "@fluentui/react-text",
3
3
  "entries": [
4
4
  {
5
- "date": "Fri, 11 Nov 2022 14:53:32 GMT",
5
+ "date": "Mon, 05 Dec 2022 18:25:37 GMT",
6
+ "tag": "@fluentui/react-text_v9.1.8",
7
+ "version": "9.1.8",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "beachball",
12
+ "package": "@fluentui/react-text",
13
+ "comment": "Bump @fluentui/react-theme to v9.1.3",
14
+ "commit": "4c29542a51bf068e171690cc8e59c14489883912"
15
+ }
16
+ ]
17
+ }
18
+ },
19
+ {
20
+ "date": "Thu, 17 Nov 2022 23:05:49 GMT",
21
+ "tag": "@fluentui/react-text_v9.1.7",
22
+ "version": "9.1.7",
23
+ "comments": {
24
+ "none": [
25
+ {
26
+ "author": "martinhochel@microsoft.com",
27
+ "package": "@fluentui/react-text",
28
+ "commit": "ea768501802d65d63ddc63fff3816fb6b5008ae4",
29
+ "comment": "chore: update package scaffold"
30
+ }
31
+ ],
32
+ "patch": [
33
+ {
34
+ "author": "beachball",
35
+ "package": "@fluentui/react-text",
36
+ "comment": "Bump @fluentui/react-utilities to v9.2.2",
37
+ "commit": "94e156be5d3b5790d82dccf08c32672733fb9335"
38
+ }
39
+ ]
40
+ }
41
+ },
42
+ {
43
+ "date": "Fri, 11 Nov 2022 14:57:45 GMT",
6
44
  "tag": "@fluentui/react-text_v9.1.6",
7
45
  "version": "9.1.6",
8
46
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,30 @@
1
1
  # Change Log - @fluentui/react-text
2
2
 
3
- This log was last generated on Fri, 11 Nov 2022 14:53:32 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 05 Dec 2022 18:25:37 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.1.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.1.8)
8
+
9
+ Mon, 05 Dec 2022 18:25:37 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.1.7..@fluentui/react-text_v9.1.8)
11
+
12
+ ### Patches
13
+
14
+ - Bump @fluentui/react-theme to v9.1.3 ([PR #25798](https://github.com/microsoft/fluentui/pull/25798) by beachball)
15
+
16
+ ## [9.1.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.1.7)
17
+
18
+ Thu, 17 Nov 2022 23:05:49 GMT
19
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.1.6..@fluentui/react-text_v9.1.7)
20
+
21
+ ### Patches
22
+
23
+ - Bump @fluentui/react-utilities to v9.2.2 ([PR #25683](https://github.com/microsoft/fluentui/pull/25683) by beachball)
24
+
7
25
  ## [9.1.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.1.6)
8
26
 
9
- Fri, 11 Nov 2022 14:53:32 GMT
27
+ Fri, 11 Nov 2022 14:57:45 GMT
10
28
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.1.5..@fluentui/react-text_v9.1.6)
11
29
 
12
30
  ### Patches
@@ -0,0 +1,6 @@
1
+ define(["require", "exports", "tslib", "./components/Body1/index"], function (require, exports, tslib_1, index_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ tslib_1.__exportStar(index_1, exports);
5
+ });
6
+ //# sourceMappingURL=Body1.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Body1.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Body1.ts"],"names":[],"mappings":";;;IAAA,uCAAyC","sourcesContent":["export * from './components/Body1/index';\n"]}
@@ -0,0 +1,6 @@
1
+ define(["require", "exports", "tslib", "./components/Caption1/index"], function (require, exports, tslib_1, index_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ tslib_1.__exportStar(index_1, exports);
5
+ });
6
+ //# sourceMappingURL=Caption1.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Caption1.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Caption1.ts"],"names":[],"mappings":";;;IAAA,uCAA4C","sourcesContent":["export * from './components/Caption1/index';\n"]}
@@ -0,0 +1,6 @@
1
+ define(["require", "exports", "tslib", "./components/Caption2/index"], function (require, exports, tslib_1, index_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ tslib_1.__exportStar(index_1, exports);
5
+ });
6
+ //# sourceMappingURL=Caption2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Caption2.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Caption2.ts"],"names":[],"mappings":";;;IAAA,uCAA4C","sourcesContent":["export * from './components/Caption2/index';\n"]}
@@ -0,0 +1,6 @@
1
+ define(["require", "exports", "tslib", "./components/Display/index"], function (require, exports, tslib_1, index_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ tslib_1.__exportStar(index_1, exports);
5
+ });
6
+ //# sourceMappingURL=Display.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Display.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Display.ts"],"names":[],"mappings":";;;IAAA,uCAA2C","sourcesContent":["export * from './components/Display/index';\n"]}
@@ -0,0 +1,6 @@
1
+ define(["require", "exports", "tslib", "./components/LargeTitle/index"], function (require, exports, tslib_1, index_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ tslib_1.__exportStar(index_1, exports);
5
+ });
6
+ //# sourceMappingURL=LargeTitle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LargeTitle.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/LargeTitle.ts"],"names":[],"mappings":";;;IAAA,uCAA8C","sourcesContent":["export * from './components/LargeTitle/index';\n"]}
@@ -0,0 +1,6 @@
1
+ define(["require", "exports", "tslib", "./components/Subtitle1/index"], function (require, exports, tslib_1, index_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ tslib_1.__exportStar(index_1, exports);
5
+ });
6
+ //# sourceMappingURL=Subtitle1.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Subtitle1.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Subtitle1.ts"],"names":[],"mappings":";;;IAAA,uCAA6C","sourcesContent":["export * from './components/Subtitle1/index';\n"]}
@@ -0,0 +1,6 @@
1
+ define(["require", "exports", "tslib", "./components/Subtitle2/index"], function (require, exports, tslib_1, index_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ tslib_1.__exportStar(index_1, exports);
5
+ });
6
+ //# sourceMappingURL=Subtitle2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Subtitle2.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Subtitle2.ts"],"names":[],"mappings":";;;IAAA,uCAA6C","sourcesContent":["export * from './components/Subtitle2/index';\n"]}
@@ -0,0 +1,6 @@
1
+ define(["require", "exports", "tslib", "./components/Text/index"], function (require, exports, tslib_1, index_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ tslib_1.__exportStar(index_1, exports);
5
+ });
6
+ //# sourceMappingURL=Text.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Text.ts"],"names":[],"mappings":";;;IAAA,uCAAwC","sourcesContent":["export * from './components/Text/index';\n"]}
@@ -0,0 +1,6 @@
1
+ define(["require", "exports", "tslib", "./components/Title1/index"], function (require, exports, tslib_1, index_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ tslib_1.__exportStar(index_1, exports);
5
+ });
6
+ //# sourceMappingURL=Title1.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Title1.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Title1.ts"],"names":[],"mappings":";;;IAAA,uCAA0C","sourcesContent":["export * from './components/Title1/index';\n"]}
@@ -0,0 +1,6 @@
1
+ define(["require", "exports", "tslib", "./components/Title2/index"], function (require, exports, tslib_1, index_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ tslib_1.__exportStar(index_1, exports);
5
+ });
6
+ //# sourceMappingURL=Title2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Title2.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Title2.ts"],"names":[],"mappings":";;;IAAA,uCAA0C","sourcesContent":["export * from './components/Title2/index';\n"]}
@@ -0,0 +1,6 @@
1
+ define(["require", "exports", "tslib", "./components/Title3/index"], function (require, exports, tslib_1, index_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ tslib_1.__exportStar(index_1, exports);
5
+ });
6
+ //# sourceMappingURL=Title3.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Title3.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Title3.ts"],"names":[],"mappings":";;;IAAA,uCAA0C","sourcesContent":["export * from './components/Title3/index';\n"]}
@@ -0,0 +1,23 @@
1
+ define(["require", "exports", "@griffel/react", "../wrapper", "@fluentui/react-theme"], function (require, exports, react_1, wrapper_1, react_theme_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.Body1 = exports.body1ClassNames = void 0;
5
+ exports.body1ClassNames = {
6
+ root: 'fui-Body1',
7
+ };
8
+ /**
9
+ * Styles for the root slot
10
+ */
11
+ var useStyles = react_1.makeStyles({
12
+ root: react_theme_1.typographyStyles.body1,
13
+ });
14
+ /**
15
+ * Text wrapper component for the Body1 typography variant
16
+ */
17
+ exports.Body1 = wrapper_1.createWrapper({
18
+ useStyles: useStyles,
19
+ className: exports.body1ClassNames.root,
20
+ displayName: 'Body1',
21
+ });
22
+ });
23
+ //# sourceMappingURL=Body1.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Body1.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/Body1/Body1.tsx"],"names":[],"mappings":";;;;IAOa,QAAA,eAAe,GAA8B;QACxD,IAAI,EAAE,WAAW;KAClB,CAAC;IAEF;;OAEG;IACH,IAAM,SAAS,GAAG,kBAAU,CAAC;QAC3B,IAAI,EAAE,8BAAgB,CAAC,KAAK;KAC7B,CAAC,CAAC;IAEH;;OAEG;IACU,QAAA,KAAK,GAAwC,uBAAa,CAAC;QACtE,SAAS,WAAA;QACT,SAAS,EAAE,uBAAe,CAAC,IAAI;QAC/B,WAAW,EAAE,OAAO;KACrB,CAAC,CAAC","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"]}
@@ -0,0 +1,6 @@
1
+ define(["require", "exports", "tslib", "./Body1"], function (require, exports, tslib_1, Body1_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ tslib_1.__exportStar(Body1_1, exports);
5
+ });
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/Body1/index.ts"],"names":[],"mappings":";;;IAAA,uCAAwB","sourcesContent":["export * from './Body1';\n"]}
@@ -0,0 +1,23 @@
1
+ define(["require", "exports", "@griffel/react", "../wrapper", "@fluentui/react-theme"], function (require, exports, react_1, wrapper_1, react_theme_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.Caption1 = exports.caption1ClassNames = void 0;
5
+ exports.caption1ClassNames = {
6
+ root: 'fui-Caption1',
7
+ };
8
+ /**
9
+ * Styles for the root slot
10
+ */
11
+ var useStyles = react_1.makeStyles({
12
+ root: react_theme_1.typographyStyles.caption1,
13
+ });
14
+ /**
15
+ * Text wrapper component for the Caption1 typography variant
16
+ */
17
+ exports.Caption1 = wrapper_1.createWrapper({
18
+ useStyles: useStyles,
19
+ className: exports.caption1ClassNames.root,
20
+ displayName: 'Caption1',
21
+ });
22
+ });
23
+ //# sourceMappingURL=Caption1.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Caption1.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/Caption1/Caption1.tsx"],"names":[],"mappings":";;;;IAOa,QAAA,kBAAkB,GAA8B;QAC3D,IAAI,EAAE,cAAc;KACrB,CAAC;IAEF;;OAEG;IACH,IAAM,SAAS,GAAG,kBAAU,CAAC;QAC3B,IAAI,EAAE,8BAAgB,CAAC,QAAQ;KAChC,CAAC,CAAC;IAEH;;OAEG;IACU,QAAA,QAAQ,GAAwC,uBAAa,CAAC;QACzE,SAAS,WAAA;QACT,SAAS,EAAE,0BAAkB,CAAC,IAAI;QAClC,WAAW,EAAE,UAAU;KACxB,CAAC,CAAC","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"]}
@@ -0,0 +1,6 @@
1
+ define(["require", "exports", "tslib", "./Caption1"], function (require, exports, tslib_1, Caption1_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ tslib_1.__exportStar(Caption1_1, exports);
5
+ });
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/Caption1/index.ts"],"names":[],"mappings":";;;IAAA,0CAA2B","sourcesContent":["export * from './Caption1';\n"]}
@@ -0,0 +1,23 @@
1
+ define(["require", "exports", "@griffel/react", "../wrapper", "@fluentui/react-theme"], function (require, exports, react_1, wrapper_1, react_theme_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.Caption2 = exports.caption2ClassNames = void 0;
5
+ exports.caption2ClassNames = {
6
+ root: 'fui-Caption2',
7
+ };
8
+ /**
9
+ * Styles for the root slot
10
+ */
11
+ var useStyles = react_1.makeStyles({
12
+ root: react_theme_1.typographyStyles.caption2,
13
+ });
14
+ /**
15
+ * Text wrapper component for the Caption2 typography variant
16
+ */
17
+ exports.Caption2 = wrapper_1.createWrapper({
18
+ useStyles: useStyles,
19
+ className: exports.caption2ClassNames.root,
20
+ displayName: 'Caption2',
21
+ });
22
+ });
23
+ //# sourceMappingURL=Caption2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Caption2.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/Caption2/Caption2.tsx"],"names":[],"mappings":";;;;IAOa,QAAA,kBAAkB,GAA8B;QAC3D,IAAI,EAAE,cAAc;KACrB,CAAC;IAEF;;OAEG;IACH,IAAM,SAAS,GAAG,kBAAU,CAAC;QAC3B,IAAI,EAAE,8BAAgB,CAAC,QAAQ;KAChC,CAAC,CAAC;IAEH;;OAEG;IACU,QAAA,QAAQ,GAAwC,uBAAa,CAAC;QACzE,SAAS,WAAA;QACT,SAAS,EAAE,0BAAkB,CAAC,IAAI;QAClC,WAAW,EAAE,UAAU;KACxB,CAAC,CAAC","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"]}
@@ -0,0 +1,6 @@
1
+ define(["require", "exports", "tslib", "./Caption2"], function (require, exports, tslib_1, Caption2_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ tslib_1.__exportStar(Caption2_1, exports);
5
+ });
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/Caption2/index.ts"],"names":[],"mappings":";;;IAAA,0CAA2B","sourcesContent":["export * from './Caption2';\n"]}
@@ -0,0 +1,23 @@
1
+ define(["require", "exports", "@griffel/react", "../wrapper", "@fluentui/react-theme"], function (require, exports, react_1, wrapper_1, react_theme_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.Display = exports.displayClassNames = void 0;
5
+ exports.displayClassNames = {
6
+ root: 'fui-Display',
7
+ };
8
+ /**
9
+ * Styles for the root slot
10
+ */
11
+ var useStyles = react_1.makeStyles({
12
+ root: react_theme_1.typographyStyles.display,
13
+ });
14
+ /**
15
+ * Text wrapper component for the Display typography variant
16
+ */
17
+ exports.Display = wrapper_1.createWrapper({
18
+ useStyles: useStyles,
19
+ className: exports.displayClassNames.root,
20
+ displayName: 'Display',
21
+ });
22
+ });
23
+ //# sourceMappingURL=Display.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Display.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/Display/Display.tsx"],"names":[],"mappings":";;;;IAOa,QAAA,iBAAiB,GAA8B;QAC1D,IAAI,EAAE,aAAa;KACpB,CAAC;IAEF;;OAEG;IACH,IAAM,SAAS,GAAG,kBAAU,CAAC;QAC3B,IAAI,EAAE,8BAAgB,CAAC,OAAO;KAC/B,CAAC,CAAC;IAEH;;OAEG;IACU,QAAA,OAAO,GAAwC,uBAAa,CAAC;QACxE,SAAS,WAAA;QACT,SAAS,EAAE,yBAAiB,CAAC,IAAI;QACjC,WAAW,EAAE,SAAS;KACvB,CAAC,CAAC","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"]}
@@ -0,0 +1,6 @@
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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/Display/index.ts"],"names":[],"mappings":";;;IAAA,yCAA0B","sourcesContent":["export * from './Display';\n"]}
@@ -0,0 +1,23 @@
1
+ define(["require", "exports", "@griffel/react", "../wrapper", "@fluentui/react-theme"], function (require, exports, react_1, wrapper_1, react_theme_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.LargeTitle = exports.largeTitleClassNames = void 0;
5
+ exports.largeTitleClassNames = {
6
+ root: 'fui-LargeTitle',
7
+ };
8
+ /**
9
+ * Styles for the root slot
10
+ */
11
+ var useStyles = react_1.makeStyles({
12
+ root: react_theme_1.typographyStyles.largeTitle,
13
+ });
14
+ /**
15
+ * Text wrapper component for the Large Title typography variant
16
+ */
17
+ exports.LargeTitle = wrapper_1.createWrapper({
18
+ useStyles: useStyles,
19
+ className: exports.largeTitleClassNames.root,
20
+ displayName: 'LargeTitle',
21
+ });
22
+ });
23
+ //# sourceMappingURL=LargeTitle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LargeTitle.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/LargeTitle/LargeTitle.tsx"],"names":[],"mappings":";;;;IAOa,QAAA,oBAAoB,GAA8B;QAC7D,IAAI,EAAE,gBAAgB;KACvB,CAAC;IAEF;;OAEG;IACH,IAAM,SAAS,GAAG,kBAAU,CAAC;QAC3B,IAAI,EAAE,8BAAgB,CAAC,UAAU;KAClC,CAAC,CAAC;IAEH;;OAEG;IACU,QAAA,UAAU,GAAwC,uBAAa,CAAC;QAC3E,SAAS,WAAA;QACT,SAAS,EAAE,4BAAoB,CAAC,IAAI;QACpC,WAAW,EAAE,YAAY;KAC1B,CAAC,CAAC","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"]}
@@ -0,0 +1,6 @@
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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/LargeTitle/index.ts"],"names":[],"mappings":";;;IAAA,4CAA6B","sourcesContent":["export * from './LargeTitle';\n"]}
@@ -0,0 +1,23 @@
1
+ define(["require", "exports", "@griffel/react", "../wrapper", "@fluentui/react-theme"], function (require, exports, react_1, wrapper_1, react_theme_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.Subtitle1 = exports.subtitle1ClassNames = void 0;
5
+ exports.subtitle1ClassNames = {
6
+ root: 'fui-Subtitle1',
7
+ };
8
+ /**
9
+ * Styles for the root slot
10
+ */
11
+ var useStyles = react_1.makeStyles({
12
+ root: react_theme_1.typographyStyles.subtitle1,
13
+ });
14
+ /**
15
+ * Text wrapper component for the Subtitle1 typography variant
16
+ */
17
+ exports.Subtitle1 = wrapper_1.createWrapper({
18
+ useStyles: useStyles,
19
+ className: exports.subtitle1ClassNames.root,
20
+ displayName: 'Subtitle1',
21
+ });
22
+ });
23
+ //# sourceMappingURL=Subtitle1.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Subtitle1.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/Subtitle1/Subtitle1.tsx"],"names":[],"mappings":";;;;IAOa,QAAA,mBAAmB,GAA8B;QAC5D,IAAI,EAAE,eAAe;KACtB,CAAC;IAEF;;OAEG;IACH,IAAM,SAAS,GAAG,kBAAU,CAAC;QAC3B,IAAI,EAAE,8BAAgB,CAAC,SAAS;KACjC,CAAC,CAAC;IAEH;;OAEG;IACU,QAAA,SAAS,GAAwC,uBAAa,CAAC;QAC1E,SAAS,WAAA;QACT,SAAS,EAAE,2BAAmB,CAAC,IAAI;QACnC,WAAW,EAAE,WAAW;KACzB,CAAC,CAAC","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"]}
@@ -0,0 +1,6 @@
1
+ define(["require", "exports", "tslib", "./Subtitle1"], function (require, exports, tslib_1, Subtitle1_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ tslib_1.__exportStar(Subtitle1_1, exports);
5
+ });
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/Subtitle1/index.ts"],"names":[],"mappings":";;;IAAA,2CAA4B","sourcesContent":["export * from './Subtitle1';\n"]}
@@ -0,0 +1,23 @@
1
+ define(["require", "exports", "@griffel/react", "../wrapper", "@fluentui/react-theme"], function (require, exports, react_1, wrapper_1, react_theme_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.Subtitle2 = exports.subtitle2ClassNames = void 0;
5
+ exports.subtitle2ClassNames = {
6
+ root: 'fui-Subtitle2',
7
+ };
8
+ /**
9
+ * Styles for the root slot
10
+ */
11
+ var useStyles = react_1.makeStyles({
12
+ root: react_theme_1.typographyStyles.subtitle2,
13
+ });
14
+ /**
15
+ * Text wrapper component for the Subtitle2 typography variant
16
+ */
17
+ exports.Subtitle2 = wrapper_1.createWrapper({
18
+ useStyles: useStyles,
19
+ className: exports.subtitle2ClassNames.root,
20
+ displayName: 'Subtitle2',
21
+ });
22
+ });
23
+ //# sourceMappingURL=Subtitle2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Subtitle2.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/Subtitle2/Subtitle2.tsx"],"names":[],"mappings":";;;;IAOa,QAAA,mBAAmB,GAA8B;QAC5D,IAAI,EAAE,eAAe;KACtB,CAAC;IAEF;;OAEG;IACH,IAAM,SAAS,GAAG,kBAAU,CAAC;QAC3B,IAAI,EAAE,8BAAgB,CAAC,SAAS;KACjC,CAAC,CAAC;IAEH;;OAEG;IACU,QAAA,SAAS,GAAwC,uBAAa,CAAC;QAC1E,SAAS,WAAA;QACT,SAAS,EAAE,2BAAmB,CAAC,IAAI;QACnC,WAAW,EAAE,WAAW;KACzB,CAAC,CAAC","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"]}
@@ -0,0 +1,6 @@
1
+ define(["require", "exports", "tslib", "./Subtitle2"], function (require, exports, tslib_1, Subtitle2_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ tslib_1.__exportStar(Subtitle2_1, exports);
5
+ });
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/Subtitle2/index.ts"],"names":[],"mappings":";;;IAAA,2CAA4B","sourcesContent":["export * from './Subtitle2';\n"]}
@@ -0,0 +1,16 @@
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_unstable(props, ref);
10
+ useTextStyles_1.useTextStyles_unstable(state);
11
+ return renderText_1.renderText_unstable(state);
12
+ // Work around some small mismatches in inferred types which don't matter in practice
13
+ });
14
+ exports.Text.displayName = 'Text';
15
+ });
16
+ //# sourceMappingURL=Text.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/Text/Text.tsx"],"names":[],"mappings":";;;;IAOA;;OAEG;IACU,QAAA,IAAI,GAAmC,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAC9E,IAAM,KAAK,GAAG,0BAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAE3C,sCAAsB,CAAC,KAAK,CAAC,CAAC;QAE9B,OAAO,gCAAmB,CAAC,KAAK,CAAC,CAAC;QAClC,qFAAqF;IACvF,CAAC,CAAmC,CAAC;IAErC,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC","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"]}
@@ -0,0 +1,5 @@
1
+ define(["require", "exports"], function (require, exports) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ });
5
+ //# sourceMappingURL=Text.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Text.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Text slots\n */\nexport type TextSlots = {\n root: Slot<'span', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'pre'>;\n};\n\n/**\n * Text Props\n */\nexport type TextProps = ComponentProps<TextSlots> & {\n /**\n * Aligns text based on the parent container.\n *\n * @default start\n */\n align?: 'start' | 'center' | 'end' | 'justify';\n\n /**\n * Applies a block display for the content.\n *\n * @default false\n */\n block?: boolean;\n\n /**\n * Applies the font family to the content.\n *\n * @default base\n */\n font?: 'base' | 'monospace' | 'numeric';\n\n /**\n * Applies the italic font style to the content.\n *\n * @default false\n */\n italic?: boolean;\n\n /**\n * Applies font size and line height based on the theme tokens.\n *\n * @default 300\n */\n size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;\n\n /**\n * Applies the strikethrough text decoration to the content.\n *\n * @default false\n */\n strikethrough?: boolean;\n\n /**\n * Truncate overflowing text for block displays.\n *\n * @default false\n */\n\n truncate?: boolean;\n\n /**\n * Applies the underline text decoration to the content.\n *\n * @default false\n */\n underline?: boolean;\n\n /**\n * Applies font weight to the content.\n *\n * @default regular\n */\n weight?: 'regular' | 'medium' | 'semibold' | 'bold';\n\n /**\n * Wraps the text content on white spaces.\n *\n * @default true\n */\n wrap?: boolean;\n};\n\n/**\n * State used in rendering Text\n */\nexport type TextState = ComponentState<TextSlots> &\n Required<\n Pick<\n TextProps,\n 'align' | 'block' | 'font' | 'italic' | 'size' | 'strikethrough' | 'truncate' | 'underline' | 'weight' | 'wrap'\n >\n >;\n"]}
@@ -0,0 +1,10 @@
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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/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"]}
@@ -0,0 +1,14 @@
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_unstable = void 0;
5
+ /**
6
+ * Render the final JSX of Text
7
+ */
8
+ var renderText_unstable = function (state) {
9
+ var _a = react_utilities_1.getSlots(state), slots = _a.slots, slotProps = _a.slotProps;
10
+ return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root));
11
+ };
12
+ exports.renderText_unstable = renderText_unstable;
13
+ });
14
+ //# sourceMappingURL=renderText.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"renderText.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/Text/renderText.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACI,IAAM,mBAAmB,GAAG,UAAC,KAAgB;QAC5C,IAAA,KAAuB,0BAAQ,CAAY,KAAK,CAAC,EAA/C,KAAK,WAAA,EAAE,SAAS,eAA+B,CAAC;QAExD,OAAO,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI,CAAC;IAC5C,CAAC,CAAC;IAJW,QAAA,mBAAmB,uBAI9B","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { TextSlots, TextState } from './Text.types';\n\n/**\n * Render the final JSX of Text\n */\nexport const renderText_unstable = (state: TextState) => {\n const { slots, slotProps } = getSlots<TextSlots>(state);\n\n return <slots.root {...slotProps.root} />;\n};\n"]}
@@ -0,0 +1,36 @@
1
+ define(["require", "exports", "tslib", "@fluentui/react-utilities"], function (require, exports, tslib_1, react_utilities_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.useText_unstable = void 0;
5
+ /**
6
+ * Create the state required to render Text.
7
+ *
8
+ * The returned state can be modified with hooks such as useTextStyles_unstable,
9
+ * before being passed to renderText_unstable.
10
+ *
11
+ * @param props - props from this instance of Text
12
+ * @param ref - reference to root HTMLElement of Text
13
+ */
14
+ var useText_unstable = function (props, ref) {
15
+ var _a;
16
+ var wrap = props.wrap, truncate = props.truncate, block = props.block, italic = props.italic, underline = props.underline, strikethrough = props.strikethrough, size = props.size, font = props.font, weight = props.weight, align = props.align;
17
+ var as = (_a = props.as) !== null && _a !== void 0 ? _a : 'span';
18
+ var state = {
19
+ align: align !== null && align !== void 0 ? align : 'start',
20
+ block: block !== null && block !== void 0 ? block : false,
21
+ font: font !== null && font !== void 0 ? font : 'base',
22
+ italic: italic !== null && italic !== void 0 ? italic : false,
23
+ size: size !== null && size !== void 0 ? size : 300,
24
+ strikethrough: strikethrough !== null && strikethrough !== void 0 ? strikethrough : false,
25
+ truncate: truncate !== null && truncate !== void 0 ? truncate : false,
26
+ underline: underline !== null && underline !== void 0 ? underline : false,
27
+ weight: weight !== null && weight !== void 0 ? weight : 'regular',
28
+ wrap: wrap !== null && wrap !== void 0 ? wrap : true,
29
+ components: { root: 'span' },
30
+ root: react_utilities_1.getNativeElementProps(as, tslib_1.__assign(tslib_1.__assign({ ref: ref }, props), { as: as })),
31
+ };
32
+ return state;
33
+ };
34
+ exports.useText_unstable = useText_unstable;
35
+ });
36
+ //# sourceMappingURL=useText.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useText.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/Text/useText.ts"],"names":[],"mappings":";;;;IAIA;;;;;;;;OAQG;IACI,IAAM,gBAAgB,GAAG,UAAC,KAAgB,EAAE,GAA2B;;QACpE,IAAA,IAAI,GAAmF,KAAK,KAAxF,EAAE,QAAQ,GAAyE,KAAK,SAA9E,EAAE,KAAK,GAAkE,KAAK,MAAvE,EAAE,MAAM,GAA0D,KAAK,OAA/D,EAAE,SAAS,GAA+C,KAAK,UAApD,EAAE,aAAa,GAAgC,KAAK,cAArC,EAAE,IAAI,GAA0B,KAAK,KAA/B,EAAE,IAAI,GAAoB,KAAK,KAAzB,EAAE,MAAM,GAAY,KAAK,OAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;QACrG,IAAM,EAAE,GAAG,MAAA,KAAK,CAAC,EAAE,mCAAI,MAAM,CAAC;QAE9B,IAAM,KAAK,GAAc;YACvB,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO;YACvB,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,KAAK;YACrB,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,MAAM;YACpB,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,KAAK;YACvB,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,GAAG;YACjB,aAAa,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,KAAK;YACrC,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK;YAC3B,SAAS,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,KAAK;YAC7B,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,SAAS;YAC3B,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,IAAI;YAElB,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YAE5B,IAAI,EAAE,uCAAqB,CAAC,EAAE,sCAC5B,GAAG,KAAA,IACA,KAAK,KACR,EAAE,IAAA,IACF;SACH,CAAC;QAEF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IA1BW,QAAA,gBAAgB,oBA0B3B","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { TextProps, TextState } from './Text.types';\n\n/**\n * Create the state required to render Text.\n *\n * The returned state can be modified with hooks such as useTextStyles_unstable,\n * before being passed to renderText_unstable.\n *\n * @param props - props from this instance of Text\n * @param ref - reference to root HTMLElement of Text\n */\nexport const useText_unstable = (props: TextProps, ref: React.Ref<HTMLElement>): TextState => {\n const { wrap, truncate, block, italic, underline, strikethrough, size, font, weight, align } = props;\n const as = props.as ?? 'span';\n\n const state: TextState = {\n align: align ?? 'start',\n block: block ?? false,\n font: font ?? 'base',\n italic: italic ?? false,\n size: size ?? 300,\n strikethrough: strikethrough ?? false,\n truncate: truncate ?? false,\n underline: underline ?? false,\n weight: weight ?? 'regular',\n wrap: wrap ?? true,\n\n components: { root: 'span' },\n\n root: getNativeElementProps(as, {\n ref,\n ...props,\n as,\n }),\n };\n\n return state;\n};\n"]}
@@ -0,0 +1,103 @@
1
+ define(["require", "exports", "tslib", "@griffel/react", "@fluentui/react-theme"], function (require, exports, tslib_1, react_1, react_theme_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.useTextStyles_unstable = exports.textClassNames = void 0;
5
+ exports.textClassNames = {
6
+ root: 'fui-Text',
7
+ };
8
+ /**
9
+ * Styles for the root slot
10
+ */
11
+ var useStyles = react_1.makeStyles({
12
+ root: tslib_1.__assign(tslib_1.__assign({ fontFamily: react_theme_1.tokens.fontFamilyBase, fontSize: react_theme_1.tokens.fontSizeBase300, lineHeight: react_theme_1.tokens.lineHeightBase300, fontWeight: react_theme_1.tokens.fontWeightRegular, textAlign: 'start', display: 'inline', whiteSpace: 'normal' }, react_1.shorthands.overflow('visible')), { textOverflow: 'clip' }),
13
+ nowrap: tslib_1.__assign({ whiteSpace: 'nowrap' }, react_1.shorthands.overflow('hidden')),
14
+ truncate: {
15
+ textOverflow: 'ellipsis',
16
+ },
17
+ block: {
18
+ display: 'block',
19
+ },
20
+ italic: {
21
+ fontStyle: 'italic',
22
+ },
23
+ underline: {
24
+ textDecorationLine: 'underline',
25
+ },
26
+ strikethrough: {
27
+ textDecorationLine: 'line-through',
28
+ },
29
+ strikethroughUnderline: {
30
+ textDecorationLine: 'line-through underline',
31
+ },
32
+ base100: {
33
+ fontSize: react_theme_1.tokens.fontSizeBase100,
34
+ lineHeight: react_theme_1.tokens.lineHeightBase100,
35
+ },
36
+ base200: {
37
+ fontSize: react_theme_1.tokens.fontSizeBase200,
38
+ lineHeight: react_theme_1.tokens.lineHeightBase200,
39
+ },
40
+ base400: {
41
+ fontSize: react_theme_1.tokens.fontSizeBase400,
42
+ lineHeight: react_theme_1.tokens.lineHeightBase400,
43
+ },
44
+ base500: {
45
+ fontSize: react_theme_1.tokens.fontSizeBase500,
46
+ lineHeight: react_theme_1.tokens.lineHeightBase500,
47
+ },
48
+ base600: {
49
+ fontSize: react_theme_1.tokens.fontSizeBase600,
50
+ lineHeight: react_theme_1.tokens.lineHeightBase600,
51
+ },
52
+ hero700: {
53
+ fontSize: react_theme_1.tokens.fontSizeHero700,
54
+ lineHeight: react_theme_1.tokens.lineHeightHero700,
55
+ },
56
+ hero800: {
57
+ fontSize: react_theme_1.tokens.fontSizeHero800,
58
+ lineHeight: react_theme_1.tokens.lineHeightHero800,
59
+ },
60
+ hero900: {
61
+ fontSize: react_theme_1.tokens.fontSizeHero900,
62
+ lineHeight: react_theme_1.tokens.lineHeightHero900,
63
+ },
64
+ hero1000: {
65
+ fontSize: react_theme_1.tokens.fontSizeHero1000,
66
+ lineHeight: react_theme_1.tokens.lineHeightHero1000,
67
+ },
68
+ monospace: {
69
+ fontFamily: react_theme_1.tokens.fontFamilyMonospace,
70
+ },
71
+ numeric: {
72
+ fontFamily: react_theme_1.tokens.fontFamilyNumeric,
73
+ },
74
+ weightMedium: {
75
+ fontWeight: react_theme_1.tokens.fontWeightMedium,
76
+ },
77
+ weightSemibold: {
78
+ fontWeight: react_theme_1.tokens.fontWeightSemibold,
79
+ },
80
+ weightBold: {
81
+ fontWeight: react_theme_1.tokens.fontWeightBold,
82
+ },
83
+ alignCenter: {
84
+ textAlign: 'center',
85
+ },
86
+ alignEnd: {
87
+ textAlign: 'end',
88
+ },
89
+ alignJustify: {
90
+ textAlign: 'justify',
91
+ },
92
+ });
93
+ /**
94
+ * Apply styling to the Text slots based on the state
95
+ */
96
+ var useTextStyles_unstable = function (state) {
97
+ var styles = useStyles();
98
+ state.root.className = react_1.mergeClasses(exports.textClassNames.root, styles.root, state.wrap === false && styles.nowrap, state.truncate && styles.truncate, state.block && styles.block, state.italic && styles.italic, state.underline && styles.underline, state.strikethrough && styles.strikethrough, state.underline && state.strikethrough && styles.strikethroughUnderline, state.size === 100 && styles.base100, state.size === 200 && styles.base200, state.size === 400 && styles.base400, state.size === 500 && styles.base500, state.size === 600 && styles.base600, state.size === 700 && styles.hero700, state.size === 800 && styles.hero800, state.size === 900 && styles.hero900, state.size === 1000 && styles.hero1000, state.font === 'monospace' && styles.monospace, state.font === 'numeric' && styles.numeric, state.weight === 'medium' && styles.weightMedium, state.weight === 'semibold' && styles.weightSemibold, state.weight === 'bold' && styles.weightBold, state.align === 'center' && styles.alignCenter, state.align === 'end' && styles.alignEnd, state.align === 'justify' && styles.alignJustify, state.root.className);
99
+ return state;
100
+ };
101
+ exports.useTextStyles_unstable = useTextStyles_unstable;
102
+ });
103
+ //# sourceMappingURL=useTextStyles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useTextStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/Text/useTextStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { TextSlots, TextState } from './Text.types';\nimport { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const textClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Text',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n lineHeight: tokens.lineHeightBase300,\n fontWeight: tokens.fontWeightRegular,\n textAlign: 'start',\n display: 'inline',\n whiteSpace: 'normal',\n ...shorthands.overflow('visible'),\n textOverflow: 'clip',\n },\n nowrap: {\n whiteSpace: 'nowrap',\n ...shorthands.overflow('hidden'),\n },\n truncate: {\n textOverflow: 'ellipsis',\n },\n block: {\n display: 'block',\n },\n italic: {\n fontStyle: 'italic',\n },\n underline: {\n textDecorationLine: 'underline',\n },\n strikethrough: {\n textDecorationLine: 'line-through',\n },\n strikethroughUnderline: {\n textDecorationLine: 'line-through underline',\n },\n base100: {\n fontSize: tokens.fontSizeBase100,\n lineHeight: tokens.lineHeightBase100,\n },\n base200: {\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n },\n base400: {\n fontSize: tokens.fontSizeBase400,\n lineHeight: tokens.lineHeightBase400,\n },\n base500: {\n fontSize: tokens.fontSizeBase500,\n lineHeight: tokens.lineHeightBase500,\n },\n base600: {\n fontSize: tokens.fontSizeBase600,\n lineHeight: tokens.lineHeightBase600,\n },\n hero700: {\n fontSize: tokens.fontSizeHero700,\n lineHeight: tokens.lineHeightHero700,\n },\n hero800: {\n fontSize: tokens.fontSizeHero800,\n lineHeight: tokens.lineHeightHero800,\n },\n hero900: {\n fontSize: tokens.fontSizeHero900,\n lineHeight: tokens.lineHeightHero900,\n },\n hero1000: {\n fontSize: tokens.fontSizeHero1000,\n lineHeight: tokens.lineHeightHero1000,\n },\n monospace: {\n fontFamily: tokens.fontFamilyMonospace,\n },\n numeric: {\n fontFamily: tokens.fontFamilyNumeric,\n },\n weightMedium: {\n fontWeight: tokens.fontWeightMedium,\n },\n weightSemibold: {\n fontWeight: tokens.fontWeightSemibold,\n },\n weightBold: {\n fontWeight: tokens.fontWeightBold,\n },\n alignCenter: {\n textAlign: 'center',\n },\n alignEnd: {\n textAlign: 'end',\n },\n alignJustify: {\n textAlign: 'justify',\n },\n});\n\n/**\n * Apply styling to the Text slots based on the state\n */\nexport const useTextStyles_unstable = (state: TextState): TextState => {\n const styles = useStyles();\n\n state.root.className = mergeClasses(\n textClassNames.root,\n styles.root,\n state.wrap === false && styles.nowrap,\n state.truncate && styles.truncate,\n state.block && styles.block,\n state.italic && styles.italic,\n state.underline && styles.underline,\n state.strikethrough && styles.strikethrough,\n state.underline && state.strikethrough && styles.strikethroughUnderline,\n state.size === 100 && styles.base100,\n state.size === 200 && styles.base200,\n state.size === 400 && styles.base400,\n state.size === 500 && styles.base500,\n state.size === 600 && styles.base600,\n state.size === 700 && styles.hero700,\n state.size === 800 && styles.hero800,\n state.size === 900 && styles.hero900,\n state.size === 1000 && styles.hero1000,\n state.font === 'monospace' && styles.monospace,\n state.font === 'numeric' && styles.numeric,\n state.weight === 'medium' && styles.weightMedium,\n state.weight === 'semibold' && styles.weightSemibold,\n state.weight === 'bold' && styles.weightBold,\n state.align === 'center' && styles.alignCenter,\n state.align === 'end' && styles.alignEnd,\n state.align === 'justify' && styles.alignJustify,\n state.root.className,\n );\n\n return state;\n};\n"]}
@@ -0,0 +1,23 @@
1
+ define(["require", "exports", "@griffel/react", "../wrapper", "@fluentui/react-theme"], function (require, exports, react_1, wrapper_1, react_theme_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.Title1 = exports.title1ClassNames = void 0;
5
+ exports.title1ClassNames = {
6
+ root: 'fui-Title1',
7
+ };
8
+ /**
9
+ * Styles for the root slot
10
+ */
11
+ var useStyles = react_1.makeStyles({
12
+ root: react_theme_1.typographyStyles.title1,
13
+ });
14
+ /**
15
+ * Text wrapper component for the Title 1 typography variant
16
+ */
17
+ exports.Title1 = wrapper_1.createWrapper({
18
+ useStyles: useStyles,
19
+ className: exports.title1ClassNames.root,
20
+ displayName: 'Title1',
21
+ });
22
+ });
23
+ //# sourceMappingURL=Title1.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Title1.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/Title1/Title1.tsx"],"names":[],"mappings":";;;;IAOa,QAAA,gBAAgB,GAA8B;QACzD,IAAI,EAAE,YAAY;KACnB,CAAC;IAEF;;OAEG;IACH,IAAM,SAAS,GAAG,kBAAU,CAAC;QAC3B,IAAI,EAAE,8BAAgB,CAAC,MAAM;KAC9B,CAAC,CAAC;IAEH;;OAEG;IACU,QAAA,MAAM,GAAwC,uBAAa,CAAC;QACvE,SAAS,WAAA;QACT,SAAS,EAAE,wBAAgB,CAAC,IAAI;QAChC,WAAW,EAAE,QAAQ;KACtB,CAAC,CAAC","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 title1ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Title1',\n};\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: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: title1ClassNames.root,\n displayName: 'Title1',\n});\n"]}
@@ -0,0 +1,6 @@
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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/Title1/index.ts"],"names":[],"mappings":";;;IAAA,wCAAyB","sourcesContent":["export * from './Title1';\n"]}
@@ -0,0 +1,23 @@
1
+ define(["require", "exports", "@griffel/react", "../wrapper", "@fluentui/react-theme"], function (require, exports, react_1, wrapper_1, react_theme_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.Title2 = exports.title2ClassNames = void 0;
5
+ exports.title2ClassNames = {
6
+ root: 'fui-Title2',
7
+ };
8
+ /**
9
+ * Styles for the root slot
10
+ */
11
+ var useStyles = react_1.makeStyles({
12
+ root: react_theme_1.typographyStyles.title2,
13
+ });
14
+ /**
15
+ * Text wrapper component for the Title 2 typography variant
16
+ */
17
+ exports.Title2 = wrapper_1.createWrapper({
18
+ useStyles: useStyles,
19
+ className: exports.title2ClassNames.root,
20
+ displayName: 'Title2',
21
+ });
22
+ });
23
+ //# sourceMappingURL=Title2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Title2.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/Title2/Title2.tsx"],"names":[],"mappings":";;;;IAOa,QAAA,gBAAgB,GAA8B;QACzD,IAAI,EAAE,YAAY;KACnB,CAAC;IAEF;;OAEG;IACH,IAAM,SAAS,GAAG,kBAAU,CAAC;QAC3B,IAAI,EAAE,8BAAgB,CAAC,MAAM;KAC9B,CAAC,CAAC;IAEH;;OAEG;IACU,QAAA,MAAM,GAAwC,uBAAa,CAAC;QACvE,SAAS,WAAA;QACT,SAAS,EAAE,wBAAgB,CAAC,IAAI;QAChC,WAAW,EAAE,QAAQ;KACtB,CAAC,CAAC","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 title2ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Title2',\n};\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: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: title2ClassNames.root,\n displayName: 'Title2',\n});\n"]}
@@ -0,0 +1,6 @@
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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/Title2/index.ts"],"names":[],"mappings":";;;IAAA,wCAAyB","sourcesContent":["export * from './Title2';\n"]}
@@ -0,0 +1,23 @@
1
+ define(["require", "exports", "@griffel/react", "../wrapper", "@fluentui/react-theme"], function (require, exports, react_1, wrapper_1, react_theme_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.Title3 = exports.title3ClassNames = void 0;
5
+ exports.title3ClassNames = {
6
+ root: 'fui-Title3',
7
+ };
8
+ /**
9
+ * Styles for the root slot
10
+ */
11
+ var useStyles = react_1.makeStyles({
12
+ root: react_theme_1.typographyStyles.title3,
13
+ });
14
+ /**
15
+ * Text wrapper component for the Title 3 typography variant
16
+ */
17
+ exports.Title3 = wrapper_1.createWrapper({
18
+ useStyles: useStyles,
19
+ className: exports.title3ClassNames.root,
20
+ displayName: 'Title3',
21
+ });
22
+ });
23
+ //# sourceMappingURL=Title3.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Title3.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/Title3/Title3.tsx"],"names":[],"mappings":";;;;IAOa,QAAA,gBAAgB,GAA8B;QACzD,IAAI,EAAE,YAAY;KACnB,CAAC;IAEF;;OAEG;IACH,IAAM,SAAS,GAAG,kBAAU,CAAC;QAC3B,IAAI,EAAE,8BAAgB,CAAC,MAAM;KAC9B,CAAC,CAAC;IAEH;;OAEG;IACU,QAAA,MAAM,GAAwC,uBAAa,CAAC;QACvE,SAAS,WAAA;QACT,SAAS,EAAE,wBAAgB,CAAC,IAAI;QAChC,WAAW,EAAE,QAAQ;KACtB,CAAC,CAAC","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 title3ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Title3',\n};\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: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: title3ClassNames.root,\n displayName: 'Title3',\n});\n"]}
@@ -0,0 +1,6 @@
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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/Title3/index.ts"],"names":[],"mappings":";;;IAAA,wCAAyB","sourcesContent":["export * from './Title3';\n"]}
@@ -0,0 +1,19 @@
1
+ define(["require", "exports", "react", "@griffel/react", "../Text"], function (require, exports, React, react_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, className = options.className, displayName = options.displayName;
7
+ var Wrapper = React.forwardRef(function (props, ref) {
8
+ var styles = useStyles();
9
+ var state = Text_1.useText_unstable(props, ref);
10
+ Text_1.useTextStyles_unstable(state);
11
+ state.root.className = react_1.mergeClasses(className, state.root.className, styles.root, props.className);
12
+ return Text_1.renderText_unstable(state);
13
+ });
14
+ Wrapper.displayName = displayName;
15
+ return Wrapper;
16
+ }
17
+ exports.createWrapper = createWrapper;
18
+ });
19
+ //# sourceMappingURL=wrapper.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"wrapper.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-text/src/components/wrapper.tsx"],"names":[],"mappings":";;;;IAQA,SAAgB,aAAa,CAAC,OAI7B;QACS,IAAA,SAAS,GAA6B,OAAO,UAApC,EAAE,SAAS,GAAkB,OAAO,UAAzB,EAAE,WAAW,GAAK,OAAO,YAAZ,CAAa;QACtD,IAAM,OAAO,GAA0C,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;YACjF,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;YAC3B,IAAM,KAAK,GAAG,uBAAgB,CAAC,KAAkB,EAAE,GAAG,CAAC,CAAC;YAExD,6BAAsB,CAAC,KAAK,CAAC,CAAC;YAE9B,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;YAEnG,OAAO,0BAAmB,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;QACH,OAAO,CAAC,WAAW,GAAG,WAAW,CAAC;QAElC,OAAO,OAAO,CAAC;IACjB,CAAC;IAnBD,sCAmBC","sourcesContent":["import * as React from 'react';\nimport { mergeClasses } from '@griffel/react';\nimport { renderText_unstable, useText_unstable, useTextStyles_unstable } from '../Text';\nimport type { TextProps } from '../Text';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\nexport type TextWrapperProps = Omit<TextProps, 'font' | 'size'>;\n\nexport function createWrapper(options: {\n className: string;\n displayName: string;\n useStyles: () => Record<'root', string>;\n}): React.FunctionComponent<TextWrapperProps> {\n const { useStyles, className, displayName } = options;\n const Wrapper: ForwardRefComponent<TextWrapperProps> = React.forwardRef((props, ref) => {\n const styles = useStyles();\n const state = useText_unstable(props as TextProps, ref);\n\n useTextStyles_unstable(state);\n\n state.root.className = mergeClasses(className, state.root.className, styles.root, props.className);\n\n return renderText_unstable(state);\n });\n Wrapper.displayName = displayName;\n\n return Wrapper;\n}\n"]}
@@ -0,0 +1,31 @@
1
+ define(["require", "exports", "./Text", "./Display", "./LargeTitle", "./Title1", "./Title2", "./Title3", "./Subtitle1", "./Subtitle2", "./Body1", "./Caption1", "./Caption2"], function (require, exports, Text_1, Display_1, LargeTitle_1, Title1_1, Title2_1, Title3_1, Subtitle1_1, Subtitle2_1, Body1_1, Caption1_1, Caption2_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.caption2ClassNames = exports.Caption2 = exports.caption1ClassNames = exports.Caption1 = exports.body1ClassNames = exports.Body1 = exports.subtitle2ClassNames = exports.Subtitle2 = exports.subtitle1ClassNames = exports.Subtitle1 = exports.title3ClassNames = exports.Title3 = exports.title2ClassNames = exports.Title2 = exports.title1ClassNames = exports.Title1 = exports.largeTitleClassNames = exports.LargeTitle = exports.displayClassNames = exports.Display = exports.useText_unstable = exports.useTextStyles_unstable = exports.textClassNames = exports.renderText_unstable = exports.Text = void 0;
5
+ Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return Text_1.Text; } });
6
+ Object.defineProperty(exports, "renderText_unstable", { enumerable: true, get: function () { return Text_1.renderText_unstable; } });
7
+ Object.defineProperty(exports, "textClassNames", { enumerable: true, get: function () { return Text_1.textClassNames; } });
8
+ Object.defineProperty(exports, "useTextStyles_unstable", { enumerable: true, get: function () { return Text_1.useTextStyles_unstable; } });
9
+ Object.defineProperty(exports, "useText_unstable", { enumerable: true, get: function () { return Text_1.useText_unstable; } });
10
+ Object.defineProperty(exports, "Display", { enumerable: true, get: function () { return Display_1.Display; } });
11
+ Object.defineProperty(exports, "displayClassNames", { enumerable: true, get: function () { return Display_1.displayClassNames; } });
12
+ Object.defineProperty(exports, "LargeTitle", { enumerable: true, get: function () { return LargeTitle_1.LargeTitle; } });
13
+ Object.defineProperty(exports, "largeTitleClassNames", { enumerable: true, get: function () { return LargeTitle_1.largeTitleClassNames; } });
14
+ Object.defineProperty(exports, "Title1", { enumerable: true, get: function () { return Title1_1.Title1; } });
15
+ Object.defineProperty(exports, "title1ClassNames", { enumerable: true, get: function () { return Title1_1.title1ClassNames; } });
16
+ Object.defineProperty(exports, "Title2", { enumerable: true, get: function () { return Title2_1.Title2; } });
17
+ Object.defineProperty(exports, "title2ClassNames", { enumerable: true, get: function () { return Title2_1.title2ClassNames; } });
18
+ Object.defineProperty(exports, "Title3", { enumerable: true, get: function () { return Title3_1.Title3; } });
19
+ Object.defineProperty(exports, "title3ClassNames", { enumerable: true, get: function () { return Title3_1.title3ClassNames; } });
20
+ Object.defineProperty(exports, "Subtitle1", { enumerable: true, get: function () { return Subtitle1_1.Subtitle1; } });
21
+ Object.defineProperty(exports, "subtitle1ClassNames", { enumerable: true, get: function () { return Subtitle1_1.subtitle1ClassNames; } });
22
+ Object.defineProperty(exports, "Subtitle2", { enumerable: true, get: function () { return Subtitle2_1.Subtitle2; } });
23
+ Object.defineProperty(exports, "subtitle2ClassNames", { enumerable: true, get: function () { return Subtitle2_1.subtitle2ClassNames; } });
24
+ Object.defineProperty(exports, "Body1", { enumerable: true, get: function () { return Body1_1.Body1; } });
25
+ Object.defineProperty(exports, "body1ClassNames", { enumerable: true, get: function () { return Body1_1.body1ClassNames; } });
26
+ Object.defineProperty(exports, "Caption1", { enumerable: true, get: function () { return Caption1_1.Caption1; } });
27
+ Object.defineProperty(exports, "caption1ClassNames", { enumerable: true, get: function () { return Caption1_1.caption1ClassNames; } });
28
+ Object.defineProperty(exports, "Caption2", { enumerable: true, get: function () { return Caption2_1.Caption2; } });
29
+ Object.defineProperty(exports, "caption2ClassNames", { enumerable: true, get: function () { return Caption2_1.caption2ClassNames; } });
30
+ });
31
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/index.ts"],"names":[],"mappings":";;;;IAAS,4FAAA,IAAI,OAAA;IAAE,2GAAA,mBAAmB,OAAA;IAAE,sGAAA,cAAc,OAAA;IAAE,8GAAA,sBAAsB,OAAA;IAAE,wGAAA,gBAAgB,OAAA;IAEnF,kGAAA,OAAO,OAAA;IAAE,4GAAA,iBAAiB,OAAA;IAC1B,wGAAA,UAAU,OAAA;IAAE,kHAAA,oBAAoB,OAAA;IAChC,gGAAA,MAAM,OAAA;IAAE,0GAAA,gBAAgB,OAAA;IACxB,gGAAA,MAAM,OAAA;IAAE,0GAAA,gBAAgB,OAAA;IACxB,gGAAA,MAAM,OAAA;IAAE,0GAAA,gBAAgB,OAAA;IACxB,sGAAA,SAAS,OAAA;IAAE,gHAAA,mBAAmB,OAAA;IAC9B,sGAAA,SAAS,OAAA;IAAE,gHAAA,mBAAmB,OAAA;IAC9B,8FAAA,KAAK,OAAA;IAAE,wGAAA,eAAe,OAAA;IACtB,oGAAA,QAAQ,OAAA;IAAE,8GAAA,kBAAkB,OAAA;IAC5B,oGAAA,QAAQ,OAAA;IAAE,8GAAA,kBAAkB,OAAA","sourcesContent":["export { Text, renderText_unstable, textClassNames, useTextStyles_unstable, useText_unstable } from './Text';\nexport type { TextProps, TextSlots, TextState } from './Text';\nexport { Display, displayClassNames } from './Display';\nexport { LargeTitle, largeTitleClassNames } from './LargeTitle';\nexport { Title1, title1ClassNames } from './Title1';\nexport { Title2, title2ClassNames } from './Title2';\nexport { Title3, title3ClassNames } from './Title3';\nexport { Subtitle1, subtitle1ClassNames } from './Subtitle1';\nexport { Subtitle2, subtitle2ClassNames } from './Subtitle2';\nexport { Body1, body1ClassNames } from './Body1';\nexport { Caption1, caption1ClassNames } from './Caption1';\nexport { Caption2, caption2ClassNames } from './Caption2';\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-text",
3
- "version": "9.1.6",
3
+ "version": "9.1.8",
4
4
  "description": "Text is a typography and styling abstraction component that can be used to ensure the consistency of all text across your application.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -32,8 +32,8 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "@griffel/react": "^1.4.2",
35
- "@fluentui/react-theme": "^9.1.2",
36
- "@fluentui/react-utilities": "^9.2.1",
35
+ "@fluentui/react-theme": "^9.1.3",
36
+ "@fluentui/react-utilities": "^9.2.2",
37
37
  "tslib": "^2.1.0"
38
38
  },
39
39
  "peerDependencies": {