@fluentui/react-text 0.0.0-nightlya372ad979820211103.1 → 0.0.0-nightlya54302c0b220211124.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (115) hide show
  1. package/CHANGELOG.json +67 -16
  2. package/CHANGELOG.md +23 -10
  3. package/dist/react-text.d.ts +20 -0
  4. package/lib/components/Body/Body.d.ts +1 -0
  5. package/lib/components/Body/Body.js +5 -3
  6. package/lib/components/Body/Body.js.map +1 -1
  7. package/lib/components/Caption/Caption.d.ts +1 -0
  8. package/lib/components/Caption/Caption.js +5 -3
  9. package/lib/components/Caption/Caption.js.map +1 -1
  10. package/lib/components/Display/Display.d.ts +1 -0
  11. package/lib/components/Display/Display.js +5 -3
  12. package/lib/components/Display/Display.js.map +1 -1
  13. package/lib/components/Headline/Headline.d.ts +1 -0
  14. package/lib/components/Headline/Headline.js +5 -3
  15. package/lib/components/Headline/Headline.js.map +1 -1
  16. package/lib/components/LargeTitle/LargeTitle.d.ts +1 -0
  17. package/lib/components/LargeTitle/LargeTitle.js +5 -3
  18. package/lib/components/LargeTitle/LargeTitle.js.map +1 -1
  19. package/lib/components/Subheadline/Subheadline.d.ts +1 -0
  20. package/lib/components/Subheadline/Subheadline.js +5 -3
  21. package/lib/components/Subheadline/Subheadline.js.map +1 -1
  22. package/lib/components/Text/Text.js +2 -2
  23. package/lib/components/Text/Text.js.map +1 -1
  24. package/lib/components/Text/renderText.js +6 -7
  25. package/lib/components/Text/renderText.js.map +1 -1
  26. package/lib/components/Text/useText.js +20 -19
  27. package/lib/components/Text/useText.js.map +1 -1
  28. package/lib/components/Text/useTextStyles.d.ts +1 -0
  29. package/lib/components/Text/useTextStyles.js +5 -4
  30. package/lib/components/Text/useTextStyles.js.map +1 -1
  31. package/lib/components/Title1/Title1.d.ts +1 -0
  32. package/lib/components/Title1/Title1.js +5 -3
  33. package/lib/components/Title1/Title1.js.map +1 -1
  34. package/lib/components/Title2/Title2.d.ts +1 -0
  35. package/lib/components/Title2/Title2.js +5 -3
  36. package/lib/components/Title2/Title2.js.map +1 -1
  37. package/lib/components/Title3/Title3.d.ts +1 -0
  38. package/lib/components/Title3/Title3.js +5 -3
  39. package/lib/components/Title3/Title3.js.map +1 -1
  40. package/lib/components/wrapper.d.ts +1 -0
  41. package/lib/components/wrapper.js +9 -6
  42. package/lib/components/wrapper.js.map +1 -1
  43. package/lib/typographyStyles/typographyStyles.js +54 -72
  44. package/lib/typographyStyles/typographyStyles.js.map +1 -1
  45. package/lib-commonjs/Body.js +1 -1
  46. package/lib-commonjs/Caption.js +1 -1
  47. package/lib-commonjs/Display.js +1 -1
  48. package/lib-commonjs/Headline.js +1 -1
  49. package/lib-commonjs/LargeTitle.js +1 -1
  50. package/lib-commonjs/Subheadline.js +1 -1
  51. package/lib-commonjs/Text.js +1 -1
  52. package/lib-commonjs/Title1.js +1 -1
  53. package/lib-commonjs/Title2.js +1 -1
  54. package/lib-commonjs/Title3.js +1 -1
  55. package/lib-commonjs/components/Body/Body.d.ts +1 -0
  56. package/lib-commonjs/components/Body/Body.js +9 -7
  57. package/lib-commonjs/components/Body/Body.js.map +1 -1
  58. package/lib-commonjs/components/Body/index.js +1 -1
  59. package/lib-commonjs/components/Caption/Caption.d.ts +1 -0
  60. package/lib-commonjs/components/Caption/Caption.js +9 -7
  61. package/lib-commonjs/components/Caption/Caption.js.map +1 -1
  62. package/lib-commonjs/components/Caption/index.js +1 -1
  63. package/lib-commonjs/components/Display/Display.d.ts +1 -0
  64. package/lib-commonjs/components/Display/Display.js +9 -7
  65. package/lib-commonjs/components/Display/Display.js.map +1 -1
  66. package/lib-commonjs/components/Display/index.js +1 -1
  67. package/lib-commonjs/components/Headline/Headline.d.ts +1 -0
  68. package/lib-commonjs/components/Headline/Headline.js +9 -7
  69. package/lib-commonjs/components/Headline/Headline.js.map +1 -1
  70. package/lib-commonjs/components/Headline/index.js +1 -1
  71. package/lib-commonjs/components/LargeTitle/LargeTitle.d.ts +1 -0
  72. package/lib-commonjs/components/LargeTitle/LargeTitle.js +9 -7
  73. package/lib-commonjs/components/LargeTitle/LargeTitle.js.map +1 -1
  74. package/lib-commonjs/components/LargeTitle/index.js +1 -1
  75. package/lib-commonjs/components/Subheadline/Subheadline.d.ts +1 -0
  76. package/lib-commonjs/components/Subheadline/Subheadline.js +9 -7
  77. package/lib-commonjs/components/Subheadline/Subheadline.js.map +1 -1
  78. package/lib-commonjs/components/Subheadline/index.js +1 -1
  79. package/lib-commonjs/components/Text/Text.js +6 -6
  80. package/lib-commonjs/components/Text/Text.js.map +1 -1
  81. package/lib-commonjs/components/Text/index.js +1 -1
  82. package/lib-commonjs/components/Text/renderText.js +8 -10
  83. package/lib-commonjs/components/Text/renderText.js.map +1 -1
  84. package/lib-commonjs/components/Text/useText.js +21 -21
  85. package/lib-commonjs/components/Text/useText.js.map +1 -1
  86. package/lib-commonjs/components/Text/useTextStyles.d.ts +1 -0
  87. package/lib-commonjs/components/Text/useTextStyles.js +8 -7
  88. package/lib-commonjs/components/Text/useTextStyles.js.map +1 -1
  89. package/lib-commonjs/components/Title1/Title1.d.ts +1 -0
  90. package/lib-commonjs/components/Title1/Title1.js +9 -7
  91. package/lib-commonjs/components/Title1/Title1.js.map +1 -1
  92. package/lib-commonjs/components/Title1/index.js +1 -1
  93. package/lib-commonjs/components/Title2/Title2.d.ts +1 -0
  94. package/lib-commonjs/components/Title2/Title2.js +9 -7
  95. package/lib-commonjs/components/Title2/Title2.js.map +1 -1
  96. package/lib-commonjs/components/Title2/index.js +1 -1
  97. package/lib-commonjs/components/Title3/Title3.d.ts +1 -0
  98. package/lib-commonjs/components/Title3/Title3.js +9 -7
  99. package/lib-commonjs/components/Title3/Title3.js.map +1 -1
  100. package/lib-commonjs/components/Title3/index.js +1 -1
  101. package/lib-commonjs/components/wrapper.d.ts +1 -0
  102. package/lib-commonjs/components/wrapper.js +12 -9
  103. package/lib-commonjs/components/wrapper.js.map +1 -1
  104. package/lib-commonjs/index.js +1 -1
  105. package/lib-commonjs/typographyStyles/index.js +1 -1
  106. package/lib-commonjs/typographyStyles/index.js.map +1 -1
  107. package/lib-commonjs/typographyStyles/typographyStyles.js +54 -72
  108. package/lib-commonjs/typographyStyles/typographyStyles.js.map +1 -1
  109. package/package.json +9 -9
  110. package/lib/common/isConformant.d.ts +0 -4
  111. package/lib/common/isConformant.js +0 -16
  112. package/lib/common/isConformant.js.map +0 -1
  113. package/lib-commonjs/common/isConformant.d.ts +0 -4
  114. package/lib-commonjs/common/isConformant.js +0 -27
  115. package/lib-commonjs/common/isConformant.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Display/Display.tsx"],"names":[],"mappings":";;;;;;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,IAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;AAEA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,OAAA,gBAA+C,SAAA,CAAA,aAAA,CAAc;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAd,CAA/C","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Display/Display.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,gBAAA,GAAmB,aAAnB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,OAAA,gBAA+C,SAAA,CAAA,aAAA,CAAc;AACxE,EAAA,SADwE;AAExE,EAAA,SAAS,EAAE,OAAA,CAAA,gBAF6D;AAGxE,EAAA,WAAW,EAAE;AAH2D,CAAd,CAA/C","sourceRoot":""}
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./Display"), exports);
10
10
  //# sourceMappingURL=index.js.map
@@ -1,5 +1,6 @@
1
1
  import type { FunctionComponent } from 'react';
2
2
  import { TextWrapperProps } from '../wrapper';
3
+ export declare const headlineClassName = "fui-Headline";
3
4
  /**
4
5
  * Text wrapper component for the Headline typography variant
5
6
  */
@@ -3,19 +3,20 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.Headline = void 0;
6
+ exports.Headline = exports.headlineClassName = void 0;
7
7
 
8
- var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
8
+ const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
9
9
 
10
- var index_1 = /*#__PURE__*/require("../../typographyStyles/index");
10
+ const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
11
11
 
12
- var wrapper_1 = /*#__PURE__*/require("../wrapper");
12
+ const wrapper_1 = /*#__PURE__*/require("../wrapper");
13
+
14
+ exports.headlineClassName = 'fui-Headline';
13
15
  /**
14
16
  * Styles for the root slot
15
17
  */
16
18
 
17
-
18
- var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
19
+ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
19
20
  "root": {}
20
21
  }, {});
21
22
  /**
@@ -24,7 +25,8 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
24
25
 
25
26
 
26
27
  exports.Headline = /*#__PURE__*/wrapper_1.createWrapper({
27
- useStyles: useStyles,
28
+ useStyles,
29
+ className: exports.headlineClassName,
28
30
  displayName: 'Headline'
29
31
  });
30
32
  //# sourceMappingURL=Headline.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":";;;;;;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,IAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;AAEA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,QAAA,gBAAgD,SAAA,CAAA,aAAA,CAAc;AACzE,EAAA,SAAS,EAAA,SADgE;AAEzE,EAAA,WAAW,EAAE;AAF4D,CAAd,CAAhD","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,iBAAA,GAAoB,cAApB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,QAAA,gBAAgD,SAAA,CAAA,aAAA,CAAc;AACzE,EAAA,SADyE;AAEzE,EAAA,SAAS,EAAE,OAAA,CAAA,iBAF8D;AAGzE,EAAA,WAAW,EAAE;AAH4D,CAAd,CAAhD","sourceRoot":""}
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./Headline"), exports);
10
10
  //# sourceMappingURL=index.js.map
@@ -1,5 +1,6 @@
1
1
  import type { FunctionComponent } from 'react';
2
2
  import { TextWrapperProps } from '../wrapper';
3
+ export declare const largeTitleClassName = "fui-LargeTitle";
3
4
  /**
4
5
  * Text wrapper component for the Large Title typography variant
5
6
  */
@@ -3,19 +3,20 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.LargeTitle = void 0;
6
+ exports.LargeTitle = exports.largeTitleClassName = void 0;
7
7
 
8
- var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
8
+ const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
9
9
 
10
- var index_1 = /*#__PURE__*/require("../../typographyStyles/index");
10
+ const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
11
11
 
12
- var wrapper_1 = /*#__PURE__*/require("../wrapper");
12
+ const wrapper_1 = /*#__PURE__*/require("../wrapper");
13
+
14
+ exports.largeTitleClassName = 'fui-LargeTitle';
13
15
  /**
14
16
  * Styles for the root slot
15
17
  */
16
18
 
17
-
18
- var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
19
+ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
19
20
  "root": {}
20
21
  }, {});
21
22
  /**
@@ -24,7 +25,8 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
24
25
 
25
26
 
26
27
  exports.LargeTitle = /*#__PURE__*/wrapper_1.createWrapper({
27
- useStyles: useStyles,
28
+ useStyles,
29
+ className: exports.largeTitleClassName,
28
30
  displayName: 'LargeTitle'
29
31
  });
30
32
  //# sourceMappingURL=LargeTitle.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/LargeTitle/LargeTitle.tsx"],"names":[],"mappings":";;;;;;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,IAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;AAEA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,UAAA,gBAAkD,SAAA,CAAA,aAAA,CAAc;AAC3E,EAAA,SAAS,EAAA,SADkE;AAE3E,EAAA,WAAW,EAAE;AAF8D,CAAd,CAAlD","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/LargeTitle/LargeTitle.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,mBAAA,GAAsB,gBAAtB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,UAAA,gBAAkD,SAAA,CAAA,aAAA,CAAc;AAC3E,EAAA,SAD2E;AAE3E,EAAA,SAAS,EAAE,OAAA,CAAA,mBAFgE;AAG3E,EAAA,WAAW,EAAE;AAH8D,CAAd,CAAlD","sourceRoot":""}
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./LargeTitle"), exports);
10
10
  //# sourceMappingURL=index.js.map
@@ -1,5 +1,6 @@
1
1
  import type { FunctionComponent } from 'react';
2
2
  import { TextWrapperProps } from '../wrapper';
3
+ export declare const subheadlineClassName = "fui-Subheadline";
3
4
  /**
4
5
  * Text wrapper component for the Subheadline typography variant
5
6
  */
@@ -3,19 +3,20 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.Subheadline = void 0;
6
+ exports.Subheadline = exports.subheadlineClassName = void 0;
7
7
 
8
- var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
8
+ const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
9
9
 
10
- var index_1 = /*#__PURE__*/require("../../typographyStyles/index");
10
+ const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
11
11
 
12
- var wrapper_1 = /*#__PURE__*/require("../wrapper");
12
+ const wrapper_1 = /*#__PURE__*/require("../wrapper");
13
+
14
+ exports.subheadlineClassName = 'fui-Subheadline';
13
15
  /**
14
16
  * Styles for the root slot
15
17
  */
16
18
 
17
-
18
- var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
19
+ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
19
20
  "root": {}
20
21
  }, {});
21
22
  /**
@@ -24,7 +25,8 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
24
25
 
25
26
 
26
27
  exports.Subheadline = /*#__PURE__*/wrapper_1.createWrapper({
27
- useStyles: useStyles,
28
+ useStyles,
29
+ className: exports.subheadlineClassName,
28
30
  displayName: 'Subheadline'
29
31
  });
30
32
  //# sourceMappingURL=Subheadline.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Subheadline/Subheadline.tsx"],"names":[],"mappings":";;;;;;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,IAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;AAEA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,WAAA,gBAAmD,SAAA,CAAA,aAAA,CAAc;AAC5E,EAAA,SAAS,EAAA,SADmE;AAE5E,EAAA,WAAW,EAAE;AAF+D,CAAd,CAAnD","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Subheadline/Subheadline.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,oBAAA,GAAuB,iBAAvB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,WAAA,gBAAmD,SAAA,CAAA,aAAA,CAAc;AAC5E,EAAA,SAD4E;AAE5E,EAAA,SAAS,EAAE,OAAA,CAAA,oBAFiE;AAG5E,EAAA,WAAW,EAAE;AAH+D,CAAd,CAAnD","sourceRoot":""}
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./Subheadline"), exports);
10
10
  //# sourceMappingURL=index.js.map
@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.Text = void 0;
7
7
 
8
- var React = /*#__PURE__*/require("react");
8
+ const React = /*#__PURE__*/require("react");
9
9
 
10
- var useText_1 = /*#__PURE__*/require("./useText");
10
+ const useText_1 = /*#__PURE__*/require("./useText");
11
11
 
12
- var renderText_1 = /*#__PURE__*/require("./renderText");
12
+ const renderText_1 = /*#__PURE__*/require("./renderText");
13
13
 
14
- var useTextStyles_1 = /*#__PURE__*/require("./useTextStyles");
14
+ const useTextStyles_1 = /*#__PURE__*/require("./useTextStyles");
15
15
  /**
16
16
  * Typography and styling abstraction component used to ensure consistency of text.
17
17
  */
18
18
 
19
19
 
20
- exports.Text = /*#__PURE__*/React.forwardRef(function (props, ref) {
21
- var state = useText_1.useText(props, ref);
20
+ exports.Text = /*#__PURE__*/React.forwardRef((props, ref) => {
21
+ const state = useText_1.useText(props, ref);
22
22
  useTextStyles_1.useTextStyles(state);
23
23
  return renderText_1.renderText(state); // Work around some small mismatches in inferred types which don't matter in practice
24
24
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACA,IAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,IAAA,gBAAuC,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC9E,MAAM,KAAK,GAAG,SAAA,CAAA,OAAA,CAAQ,KAAR,EAAe,GAAf,CAAd;AAEA,EAAA,eAAA,CAAA,aAAA,CAAc,KAAd;AAEA,SAAO,YAAA,CAAA,UAAA,CAAW,KAAX,CAAP,CAL8E,CAM9E;AACD,CAPmD,CAAvC;AASb,OAAA,CAAA,IAAA,CAAK,WAAL,GAAmB,MAAnB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,IAAA,gBAAuC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAClF,QAAM,KAAK,GAAG,SAAA,CAAA,OAAA,CAAQ,KAAR,EAAe,GAAf,CAAd;AAEA,EAAA,eAAA,CAAA,aAAA,CAAc,KAAd;AAEA,SAAO,YAAA,CAAA,UAAA,CAAW,KAAX,CAAP,CALkF,CAMlF;AACD,CAPmD,CAAvC;AASb,OAAA,CAAA,IAAA,CAAK,WAAL,GAAmB,MAAnB","sourceRoot":""}
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./Text"), exports);
10
10
 
@@ -5,22 +5,20 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.renderText = void 0;
7
7
 
8
- var tslib_1 = /*#__PURE__*/require("tslib");
8
+ const React = /*#__PURE__*/require("react");
9
9
 
10
- var React = /*#__PURE__*/require("react");
11
-
12
- var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
10
+ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
13
11
  /**
14
12
  * Render the final JSX of Text
15
13
  */
16
14
 
17
15
 
18
- var renderText = function (state) {
19
- var _a = react_utilities_1.getSlots(state),
20
- slots = _a.slots,
21
- slotProps = _a.slotProps;
22
-
23
- return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root));
16
+ const renderText = state => {
17
+ const {
18
+ slots,
19
+ slotProps
20
+ } = react_utilities_1.getSlots(state);
21
+ return React.createElement(slots.root, Object.assign({}, slotProps.root));
24
22
  };
25
23
 
26
24
  exports.renderText = renderText;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Text/renderText.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,UAAU,GAAG,UAAC,KAAD,EAAiB;AACnC,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAAoB,KAApB,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,UAAA,GAAU,UAAV","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Text/renderText.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,UAAU,GAAI,KAAD,IAAqB;AAC7C,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAoB,KAApB,CAA7B;AAEA,SAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,UAAA,GAAU,UAAV","sourceRoot":""}
@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.useText = void 0;
7
7
 
8
- var tslib_1 = /*#__PURE__*/require("tslib");
9
-
10
- var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
8
+ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
11
9
  /**
12
10
  * Create the state required to render Text.
13
11
  *
@@ -19,21 +17,23 @@ var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
19
17
  */
20
18
 
21
19
 
22
- var useText = function (props, ref) {
20
+ const useText = (props, ref) => {
23
21
  var _a;
24
22
 
25
- var wrap = props.wrap,
26
- truncate = props.truncate,
27
- block = props.block,
28
- italic = props.italic,
29
- underline = props.underline,
30
- strikethrough = props.strikethrough,
31
- size = props.size,
32
- font = props.font,
33
- weight = props.weight,
34
- align = props.align;
35
- var as = (_a = props.as) !== null && _a !== void 0 ? _a : 'span';
36
- var state = {
23
+ const {
24
+ wrap,
25
+ truncate,
26
+ block,
27
+ italic,
28
+ underline,
29
+ strikethrough,
30
+ size,
31
+ font,
32
+ weight,
33
+ align
34
+ } = props;
35
+ const as = (_a = props.as) !== null && _a !== void 0 ? _a : 'span';
36
+ const state = {
37
37
  wrap: wrap !== null && wrap !== void 0 ? wrap : true,
38
38
  truncate: truncate !== null && truncate !== void 0 ? truncate : false,
39
39
  block: block !== null && block !== void 0 ? block : false,
@@ -47,11 +47,11 @@ var useText = function (props, ref) {
47
47
  components: {
48
48
  root: 'span'
49
49
  },
50
- root: react_utilities_1.getNativeElementProps(as, tslib_1.__assign(tslib_1.__assign({
51
- ref: ref
52
- }, props), {
53
- as: as
54
- }))
50
+ root: react_utilities_1.getNativeElementProps(as, {
51
+ ref,
52
+ ...props,
53
+ as
54
+ })
55
55
  };
56
56
  return state;
57
57
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Text/useText.ts"],"names":[],"mappings":";;;;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;;;;;;AAQG;;;AACI,IAAM,OAAO,GAAG,UAAC,KAAD,EAAmB,GAAnB,EAA8C;;;AAC3D,MAAA,IAAI,GAAmF,KAAK,CAAxF,IAAJ;AAAA,MAAM,QAAQ,GAAyE,KAAK,CAA9E,QAAd;AAAA,MAAgB,KAAK,GAAkE,KAAK,CAAvE,KAArB;AAAA,MAAuB,MAAM,GAA0D,KAAK,CAA/D,MAA7B;AAAA,MAA+B,SAAS,GAA+C,KAAK,CAApD,SAAxC;AAAA,MAA0C,aAAa,GAAgC,KAAK,CAArC,aAAvD;AAAA,MAAyD,IAAI,GAA0B,KAAK,CAA/B,IAA7D;AAAA,MAA+D,IAAI,GAAoB,KAAK,CAAzB,IAAnE;AAAA,MAAqE,MAAM,GAAY,KAAK,CAAjB,MAA3E;AAAA,MAA6E,KAAK,GAAK,KAAK,CAAV,KAAlF;AACR,MAAM,EAAE,GAAA,CAAA,EAAA,GAAG,KAAK,CAAC,EAAT,MAAW,IAAX,IAAW,EAAA,KAAA,KAAA,CAAX,GAAW,EAAX,GAAe,MAAvB;AAEA,MAAM,KAAK,GAAc;AACvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,IADS;AAEvB,IAAA,QAAQ,EAAE,QAAQ,KAAA,IAAR,IAAA,QAAQ,KAAA,KAAA,CAAR,GAAA,QAAA,GAAY,KAFC;AAGvB,IAAA,KAAK,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAA,KAAA,GAAS,KAHO;AAIvB,IAAA,MAAM,EAAE,MAAM,KAAA,IAAN,IAAA,MAAM,KAAA,KAAA,CAAN,GAAA,MAAA,GAAU,KAJK;AAKvB,IAAA,SAAS,EAAE,SAAS,KAAA,IAAT,IAAA,SAAS,KAAA,KAAA,CAAT,GAAA,SAAA,GAAa,KALD;AAMvB,IAAA,aAAa,EAAE,aAAa,KAAA,IAAb,IAAA,aAAa,KAAA,KAAA,CAAb,GAAA,aAAA,GAAiB,KANT;AAOvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,GAPS;AAQvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,MARS;AASvB,IAAA,MAAM,EAAE,MAAM,KAAA,IAAN,IAAA,MAAM,KAAA,KAAA,CAAN,GAAA,MAAA,GAAU,SATK;AAUvB,IAAA,KAAK,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAA,KAAA,GAAS,OAVO;AAYvB,IAAA,UAAU,EAAE;AAAE,MAAA,IAAI,EAAE;AAAR,KAZW;AAcvB,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,EAAtB,EAAwB,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA;AAC5B,MAAA,GAAG,EAAA;AADyB,KAAA,EAEzB,KAFyB,CAAA,EAEpB;AACR,MAAA,EAAE,EAAA;AADM,KAFoB,CAAxB;AAdiB,GAAzB;AAqBA,SAAO,KAAP;AACD,CA1BM;;AAAM,OAAA,CAAA,OAAA,GAAO,OAAP","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Text/useText.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;;;;;;AAQG;;;AACI,MAAM,OAAO,GAAG,CAAC,KAAD,EAAmB,GAAnB,KAA6D;;;AAClF,QAAM;AAAE,IAAA,IAAF;AAAQ,IAAA,QAAR;AAAkB,IAAA,KAAlB;AAAyB,IAAA,MAAzB;AAAiC,IAAA,SAAjC;AAA4C,IAAA,aAA5C;AAA2D,IAAA,IAA3D;AAAiE,IAAA,IAAjE;AAAuE,IAAA,MAAvE;AAA+E,IAAA;AAA/E,MAAyF,KAA/F;AACA,QAAM,EAAE,GAAA,CAAA,EAAA,GAAG,KAAK,CAAC,EAAT,MAAW,IAAX,IAAW,EAAA,KAAA,KAAA,CAAX,GAAW,EAAX,GAAe,MAAvB;AAEA,QAAM,KAAK,GAAc;AACvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,IADS;AAEvB,IAAA,QAAQ,EAAE,QAAQ,KAAA,IAAR,IAAA,QAAQ,KAAA,KAAA,CAAR,GAAA,QAAA,GAAY,KAFC;AAGvB,IAAA,KAAK,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAA,KAAA,GAAS,KAHO;AAIvB,IAAA,MAAM,EAAE,MAAM,KAAA,IAAN,IAAA,MAAM,KAAA,KAAA,CAAN,GAAA,MAAA,GAAU,KAJK;AAKvB,IAAA,SAAS,EAAE,SAAS,KAAA,IAAT,IAAA,SAAS,KAAA,KAAA,CAAT,GAAA,SAAA,GAAa,KALD;AAMvB,IAAA,aAAa,EAAE,aAAa,KAAA,IAAb,IAAA,aAAa,KAAA,KAAA,CAAb,GAAA,aAAA,GAAiB,KANT;AAOvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,GAPS;AAQvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,MARS;AASvB,IAAA,MAAM,EAAE,MAAM,KAAA,IAAN,IAAA,MAAM,KAAA,KAAA,CAAN,GAAA,MAAA,GAAU,SATK;AAUvB,IAAA,KAAK,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAA,KAAA,GAAS,OAVO;AAYvB,IAAA,UAAU,EAAE;AAAE,MAAA,IAAI,EAAE;AAAR,KAZW;AAcvB,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,EAAtB,EAA0B;AAC9B,MAAA,GAD8B;AAE9B,SAAG,KAF2B;AAG9B,MAAA;AAH8B,KAA1B;AAdiB,GAAzB;AAqBA,SAAO,KAAP;AACD,CA1BM;;AAAM,OAAA,CAAA,OAAA,GAAO,OAAP","sourceRoot":""}
@@ -1,4 +1,5 @@
1
1
  import type { TextState } from './Text.types';
2
+ export declare const textClassName = "fui-Text";
2
3
  /**
3
4
  * Apply styling to the Text slots based on the state
4
5
  */
@@ -3,15 +3,16 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useTextStyles = void 0;
6
+ exports.useTextStyles = exports.textClassName = void 0;
7
7
 
8
- var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
8
+ const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
9
+
10
+ exports.textClassName = 'fui-Text';
9
11
  /**
10
12
  * Styles for the root slot
11
13
  */
12
14
 
13
-
14
- var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
15
+ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
15
16
  "root": {
16
17
  "Bahqtrf": "fk6fouc",
17
18
  "Be2twd7": "fkhj508",
@@ -110,9 +111,9 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
110
111
  */
111
112
 
112
113
 
113
- var useTextStyles = function (state) {
114
- var styles = useStyles();
115
- state.root.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.root.className);
114
+ const useTextStyles = state => {
115
+ const styles = useStyles();
116
+ state.root.className = react_make_styles_1.mergeClasses(exports.textClassName, 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.root.className);
116
117
  return state;
117
118
  };
118
119
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Text/useTextStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Text/useTextStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
@@ -1,5 +1,6 @@
1
1
  import type { FunctionComponent } from 'react';
2
2
  import { TextWrapperProps } from '../wrapper';
3
+ export declare const title1ClassName = "fui-Title1";
3
4
  /**
4
5
  * Text wrapper component for the Title 1 typography variant
5
6
  */
@@ -3,19 +3,20 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.Title1 = void 0;
6
+ exports.Title1 = exports.title1ClassName = void 0;
7
7
 
8
- var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
8
+ const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
9
9
 
10
- var index_1 = /*#__PURE__*/require("../../typographyStyles/index");
10
+ const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
11
11
 
12
- var wrapper_1 = /*#__PURE__*/require("../wrapper");
12
+ const wrapper_1 = /*#__PURE__*/require("../wrapper");
13
+
14
+ exports.title1ClassName = 'fui-Title1';
13
15
  /**
14
16
  * Styles for the root slot
15
17
  */
16
18
 
17
-
18
- var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
19
+ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
19
20
  "root": {}
20
21
  }, {});
21
22
  /**
@@ -24,7 +25,8 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
24
25
 
25
26
 
26
27
  exports.Title1 = /*#__PURE__*/wrapper_1.createWrapper({
27
- useStyles: useStyles,
28
+ useStyles,
29
+ className: exports.title1ClassName,
28
30
  displayName: 'Title1'
29
31
  });
30
32
  //# sourceMappingURL=Title1.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Title1/Title1.tsx"],"names":[],"mappings":";;;;;;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,IAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;AAEA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAd,CAA9C","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Title1/Title1.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,eAAA,GAAkB,YAAlB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,OAAA,CAAA,eAF4D;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAd,CAA9C","sourceRoot":""}
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./Title1"), exports);
10
10
  //# sourceMappingURL=index.js.map
@@ -1,5 +1,6 @@
1
1
  import type { FunctionComponent } from 'react';
2
2
  import { TextWrapperProps } from '../wrapper';
3
+ export declare const title2ClassName = "fui-Title2";
3
4
  /**
4
5
  * Text wrapper component for the Title 2 typography variant
5
6
  */
@@ -3,19 +3,20 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.Title2 = void 0;
6
+ exports.Title2 = exports.title2ClassName = void 0;
7
7
 
8
- var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
8
+ const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
9
9
 
10
- var index_1 = /*#__PURE__*/require("../../typographyStyles/index");
10
+ const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
11
11
 
12
- var wrapper_1 = /*#__PURE__*/require("../wrapper");
12
+ const wrapper_1 = /*#__PURE__*/require("../wrapper");
13
+
14
+ exports.title2ClassName = 'fui-Title2';
13
15
  /**
14
16
  * Styles for the root slot
15
17
  */
16
18
 
17
-
18
- var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
19
+ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
19
20
  "root": {}
20
21
  }, {});
21
22
  /**
@@ -24,7 +25,8 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
24
25
 
25
26
 
26
27
  exports.Title2 = /*#__PURE__*/wrapper_1.createWrapper({
27
- useStyles: useStyles,
28
+ useStyles,
29
+ className: exports.title2ClassName,
28
30
  displayName: 'Title2'
29
31
  });
30
32
  //# sourceMappingURL=Title2.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Title2/Title2.tsx"],"names":[],"mappings":";;;;;;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,IAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;AAEA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAd,CAA9C","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Title2/Title2.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,eAAA,GAAkB,YAAlB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,OAAA,CAAA,eAF4D;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAd,CAA9C","sourceRoot":""}
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./Title2"), exports);
10
10
  //# sourceMappingURL=index.js.map
@@ -1,5 +1,6 @@
1
1
  import type { FunctionComponent } from 'react';
2
2
  import { TextWrapperProps } from '../wrapper';
3
+ export declare const title3ClassName = "fui-Title3";
3
4
  /**
4
5
  * Text wrapper component for the Title 3 typography variant
5
6
  */
@@ -3,19 +3,20 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.Title3 = void 0;
6
+ exports.Title3 = exports.title3ClassName = void 0;
7
7
 
8
- var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
8
+ const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
9
9
 
10
- var index_1 = /*#__PURE__*/require("../../typographyStyles/index");
10
+ const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
11
11
 
12
- var wrapper_1 = /*#__PURE__*/require("../wrapper");
12
+ const wrapper_1 = /*#__PURE__*/require("../wrapper");
13
+
14
+ exports.title3ClassName = 'fui-Title3';
13
15
  /**
14
16
  * Styles for the root slot
15
17
  */
16
18
 
17
-
18
- var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
19
+ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
19
20
  "root": {}
20
21
  }, {});
21
22
  /**
@@ -24,7 +25,8 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
24
25
 
25
26
 
26
27
  exports.Title3 = /*#__PURE__*/wrapper_1.createWrapper({
27
- useStyles: useStyles,
28
+ useStyles,
29
+ className: exports.title3ClassName,
28
30
  displayName: 'Title3'
29
31
  });
30
32
  //# sourceMappingURL=Title3.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Title3/Title3.tsx"],"names":[],"mappings":";;;;;;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,IAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;AAEA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAd,CAA9C","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Title3/Title3.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,eAAA,GAAkB,YAAlB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,OAAA,CAAA,eAF4D;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAd,CAA9C","sourceRoot":""}
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./Title3"), exports);
10
10
  //# sourceMappingURL=index.js.map
@@ -2,6 +2,7 @@ import * as React from 'react';
2
2
  import type { TextProps } from '../Text';
3
3
  export declare type TextWrapperProps = Omit<TextProps, 'font' | 'size'>;
4
4
  export declare function createWrapper(options: {
5
+ className: string;
5
6
  displayName: string;
6
7
  useStyles: () => Record<'root', string>;
7
8
  }): React.FunctionComponent<TextWrapperProps>;