@fluentui/react-text 0.0.0-nightlybc5ff01fb020211104.1 → 0.0.0-nightlybd3e92b51920211126.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 (76) hide show
  1. package/CHANGELOG.json +106 -16
  2. package/CHANGELOG.md +36 -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 +2 -0
  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 +2 -0
  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 +2 -0
  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 +2 -0
  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 +2 -0
  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 +2 -0
  21. package/lib/components/Subheadline/Subheadline.js.map +1 -1
  22. package/lib/components/Text/useTextStyles.d.ts +1 -0
  23. package/lib/components/Text/useTextStyles.js +2 -1
  24. package/lib/components/Text/useTextStyles.js.map +1 -1
  25. package/lib/components/Title1/Title1.d.ts +1 -0
  26. package/lib/components/Title1/Title1.js +2 -0
  27. package/lib/components/Title1/Title1.js.map +1 -1
  28. package/lib/components/Title2/Title2.d.ts +1 -0
  29. package/lib/components/Title2/Title2.js +2 -0
  30. package/lib/components/Title2/Title2.js.map +1 -1
  31. package/lib/components/Title3/Title3.d.ts +1 -0
  32. package/lib/components/Title3/Title3.js +2 -0
  33. package/lib/components/Title3/Title3.js.map +1 -1
  34. package/lib/components/wrapper.d.ts +1 -0
  35. package/lib/components/wrapper.js +2 -1
  36. package/lib/components/wrapper.js.map +1 -1
  37. package/lib-commonjs/components/Body/Body.d.ts +1 -0
  38. package/lib-commonjs/components/Body/Body.js +4 -2
  39. package/lib-commonjs/components/Body/Body.js.map +1 -1
  40. package/lib-commonjs/components/Caption/Caption.d.ts +1 -0
  41. package/lib-commonjs/components/Caption/Caption.js +4 -2
  42. package/lib-commonjs/components/Caption/Caption.js.map +1 -1
  43. package/lib-commonjs/components/Display/Display.d.ts +1 -0
  44. package/lib-commonjs/components/Display/Display.js +4 -2
  45. package/lib-commonjs/components/Display/Display.js.map +1 -1
  46. package/lib-commonjs/components/Headline/Headline.d.ts +1 -0
  47. package/lib-commonjs/components/Headline/Headline.js +4 -2
  48. package/lib-commonjs/components/Headline/Headline.js.map +1 -1
  49. package/lib-commonjs/components/LargeTitle/LargeTitle.d.ts +1 -0
  50. package/lib-commonjs/components/LargeTitle/LargeTitle.js +4 -2
  51. package/lib-commonjs/components/LargeTitle/LargeTitle.js.map +1 -1
  52. package/lib-commonjs/components/Subheadline/Subheadline.d.ts +1 -0
  53. package/lib-commonjs/components/Subheadline/Subheadline.js +4 -2
  54. package/lib-commonjs/components/Subheadline/Subheadline.js.map +1 -1
  55. package/lib-commonjs/components/Text/useTextStyles.d.ts +1 -0
  56. package/lib-commonjs/components/Text/useTextStyles.js +4 -3
  57. package/lib-commonjs/components/Text/useTextStyles.js.map +1 -1
  58. package/lib-commonjs/components/Title1/Title1.d.ts +1 -0
  59. package/lib-commonjs/components/Title1/Title1.js +4 -2
  60. package/lib-commonjs/components/Title1/Title1.js.map +1 -1
  61. package/lib-commonjs/components/Title2/Title2.d.ts +1 -0
  62. package/lib-commonjs/components/Title2/Title2.js +4 -2
  63. package/lib-commonjs/components/Title2/Title2.js.map +1 -1
  64. package/lib-commonjs/components/Title3/Title3.d.ts +1 -0
  65. package/lib-commonjs/components/Title3/Title3.js +4 -2
  66. package/lib-commonjs/components/Title3/Title3.js.map +1 -1
  67. package/lib-commonjs/components/wrapper.d.ts +1 -0
  68. package/lib-commonjs/components/wrapper.js +2 -1
  69. package/lib-commonjs/components/wrapper.js.map +1 -1
  70. package/package.json +9 -9
  71. package/lib/common/isConformant.d.ts +0 -4
  72. package/lib/common/isConformant.js +0 -16
  73. package/lib/common/isConformant.js.map +0 -1
  74. package/lib-commonjs/common/isConformant.d.ts +0 -4
  75. package/lib-commonjs/common/isConformant.js +0 -27
  76. package/lib-commonjs/common/isConformant.js.map +0 -1
@@ -4,13 +4,14 @@ import { renderText, useText, useTextStyles } from '../Text';
4
4
  export function createWrapper(options) {
5
5
  const {
6
6
  useStyles,
7
+ className,
7
8
  displayName
8
9
  } = options;
9
10
  const Wrapper = /*#__PURE__*/React.forwardRef((props, ref) => {
10
11
  const styles = useStyles();
11
12
  const state = useText(props, ref);
12
13
  useTextStyles(state);
13
- state.root.className = mergeClasses(state.root.className, styles.root, props.className);
14
+ state.root.className = mergeClasses(className, state.root.className, styles.root, props.className);
14
15
  return renderText(state);
15
16
  });
16
17
  Wrapper.displayName = displayName;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/components/wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,YAAT,QAA6B,6BAA7B;AACA,SAAS,UAAT,EAAqB,OAArB,EAA8B,aAA9B,QAAmD,SAAnD;AAMA,OAAM,SAAU,aAAV,CAAwB,OAAxB,EAGL;AACC,QAAM;AAAE,IAAA,SAAF;AAAa,IAAA;AAAb,MAA6B,OAAnC;AACA,QAAM,OAAO,gBAA0C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACrF,UAAM,MAAM,GAAG,SAAS,EAAxB;AACA,UAAM,KAAK,GAAG,OAAO,CAAC,KAAD,EAAqB,GAArB,CAArB;AAEA,IAAA,aAAa,CAAC,KAAD,CAAb;AAEA,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,KAAK,CAAC,IAAN,CAAW,SAAZ,EAAuB,MAAM,CAAC,IAA9B,EAAoC,KAAK,CAAC,SAA1C,CAAnC;AAEA,WAAO,UAAU,CAAC,KAAD,CAAjB;AACD,GATsD,CAAvD;AAUA,EAAA,OAAO,CAAC,WAAR,GAAsB,WAAtB;AAEA,SAAO,OAAP;AACD","sourceRoot":""}
1
+ {"version":3,"sources":["../../src/components/wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,YAAT,QAA6B,6BAA7B;AACA,SAAS,UAAT,EAAqB,OAArB,EAA8B,aAA9B,QAAmD,SAAnD;AAMA,OAAM,SAAU,aAAV,CAAwB,OAAxB,EAIL;AACC,QAAM;AAAE,IAAA,SAAF;AAAa,IAAA,SAAb;AAAwB,IAAA;AAAxB,MAAwC,OAA9C;AACA,QAAM,OAAO,gBAA0C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACrF,UAAM,MAAM,GAAG,SAAS,EAAxB;AACA,UAAM,KAAK,GAAG,OAAO,CAAC,KAAD,EAAqB,GAArB,CAArB;AAEA,IAAA,aAAa,CAAC,KAAD,CAAb;AAEA,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,SAAD,EAAY,KAAK,CAAC,IAAN,CAAW,SAAvB,EAAkC,MAAM,CAAC,IAAzC,EAA+C,KAAK,CAAC,SAArD,CAAnC;AAEA,WAAO,UAAU,CAAC,KAAD,CAAjB;AACD,GATsD,CAAvD;AAUA,EAAA,OAAO,CAAC,WAAR,GAAsB,WAAtB;AAEA,SAAO,OAAP;AACD","sourceRoot":""}
@@ -1,5 +1,6 @@
1
1
  import type { FunctionComponent } from 'react';
2
2
  import { TextWrapperProps } from '../wrapper';
3
+ export declare const bodyClassName = "fui-Body";
3
4
  /**
4
5
  * Text wrapper component for the Body typography variant
5
6
  */
@@ -3,18 +3,19 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.Body = void 0;
6
+ exports.Body = exports.bodyClassName = void 0;
7
7
 
8
8
  const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
9
9
 
10
10
  const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
11
11
 
12
12
  const wrapper_1 = /*#__PURE__*/require("../wrapper");
13
+
14
+ exports.bodyClassName = 'fui-Body';
13
15
  /**
14
16
  * Styles for the root slot
15
17
  */
16
18
 
17
-
18
19
  const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
19
20
  "root": {}
20
21
  }, {});
@@ -25,6 +26,7 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
25
26
 
26
27
  exports.Body = /*#__PURE__*/wrapper_1.createWrapper({
27
28
  useStyles,
29
+ className: exports.bodyClassName,
28
30
  displayName: 'Body'
29
31
  });
30
32
  //# sourceMappingURL=Body.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Body/Body.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;;AAEG;;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,IAAA,gBAA4C,SAAA,CAAA,aAAA,CAAc;AAAE,EAAA,SAAF;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAd,CAA5C","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Body/Body.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,aAAA,GAAgB,UAAhB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,IAAA,gBAA4C,SAAA,CAAA,aAAA,CAAc;AACrE,EAAA,SADqE;AAErE,EAAA,SAAS,EAAE,OAAA,CAAA,aAF0D;AAGrE,EAAA,WAAW,EAAE;AAHwD,CAAd,CAA5C","sourceRoot":""}
@@ -1,5 +1,6 @@
1
1
  import type { FunctionComponent } from 'react';
2
2
  import { TextWrapperProps } from '../wrapper';
3
+ export declare const captionClassName = "fui-Caption";
3
4
  /**
4
5
  * Text wrapper component for the Caption typography variant
5
6
  */
@@ -3,18 +3,19 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.Caption = void 0;
6
+ exports.Caption = exports.captionClassName = void 0;
7
7
 
8
8
  const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
9
9
 
10
10
  const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
11
11
 
12
12
  const wrapper_1 = /*#__PURE__*/require("../wrapper");
13
+
14
+ exports.captionClassName = 'fui-Caption';
13
15
  /**
14
16
  * Styles for the root slot
15
17
  */
16
18
 
17
-
18
19
  const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
19
20
  "root": {}
20
21
  }, {});
@@ -25,6 +26,7 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
25
26
 
26
27
  exports.Caption = /*#__PURE__*/wrapper_1.createWrapper({
27
28
  useStyles,
29
+ className: exports.captionClassName,
28
30
  displayName: 'Caption'
29
31
  });
30
32
  //# sourceMappingURL=Caption.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Caption/Caption.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;;AAEG;;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,OAAA,gBAA+C,SAAA,CAAA,aAAA,CAAc;AAAE,EAAA,SAAF;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAd,CAA/C","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Caption/Caption.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":""}
@@ -1,5 +1,6 @@
1
1
  import type { FunctionComponent } from 'react';
2
2
  import { TextWrapperProps } from '../wrapper';
3
+ export declare const displayClassName = "fui-Display";
3
4
  /**
4
5
  * Text wrapper component for the Display typography variant
5
6
  */
@@ -3,18 +3,19 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.Display = void 0;
6
+ exports.Display = exports.displayClassName = void 0;
7
7
 
8
8
  const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
9
9
 
10
10
  const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
11
11
 
12
12
  const wrapper_1 = /*#__PURE__*/require("../wrapper");
13
+
14
+ exports.displayClassName = 'fui-Display';
13
15
  /**
14
16
  * Styles for the root slot
15
17
  */
16
18
 
17
-
18
19
  const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
19
20
  "root": {}
20
21
  }, {});
@@ -25,6 +26,7 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
25
26
 
26
27
  exports.Display = /*#__PURE__*/wrapper_1.createWrapper({
27
28
  useStyles,
29
+ className: exports.displayClassName,
28
30
  displayName: 'Display'
29
31
  });
30
32
  //# sourceMappingURL=Display.js.map
@@ -1 +1 @@
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;;AAEG;;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,OAAA,gBAA+C,SAAA,CAAA,aAAA,CAAc;AAAE,EAAA,SAAF;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":""}
@@ -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,18 +3,19 @@
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
8
  const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
9
9
 
10
10
  const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
11
11
 
12
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
19
  const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
19
20
  "root": {}
20
21
  }, {});
@@ -25,6 +26,7 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
25
26
 
26
27
  exports.Headline = /*#__PURE__*/wrapper_1.createWrapper({
27
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,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;AAEA;;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,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":""}
@@ -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,18 +3,19 @@
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
8
  const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
9
9
 
10
10
  const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
11
11
 
12
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
19
  const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
19
20
  "root": {}
20
21
  }, {});
@@ -25,6 +26,7 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
25
26
 
26
27
  exports.LargeTitle = /*#__PURE__*/wrapper_1.createWrapper({
27
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,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;AAEA;;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,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":""}
@@ -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,18 +3,19 @@
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
8
  const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
9
9
 
10
10
  const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
11
11
 
12
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
19
  const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
19
20
  "root": {}
20
21
  }, {});
@@ -25,6 +26,7 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
25
26
 
26
27
  exports.Subheadline = /*#__PURE__*/wrapper_1.createWrapper({
27
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,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;AAEA;;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,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":""}
@@ -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,14 +3,15 @@
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
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
15
  const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
15
16
  "root": {
16
17
  "Bahqtrf": "fk6fouc",
@@ -112,7 +113,7 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
112
113
 
113
114
  const useTextStyles = state => {
114
115
  const 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);
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":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAGA;;AAEG;;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AA6FA;;AAEG;;;AACI,MAAM,aAAa,GAAI,KAAD,IAAgC;AAC3D,QAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,MAAM,CAAC,IADc,EAErB,KAAK,CAAC,IAAN,KAAe,KAAf,IAAwB,MAAM,CAAC,MAFV,EAGrB,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,QAHJ,EAIrB,KAAK,CAAC,KAAN,IAAe,MAAM,CAAC,KAJD,EAKrB,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,MALF,EAMrB,KAAK,CAAC,SAAN,IAAmB,MAAM,CAAC,SANL,EAOrB,KAAK,CAAC,aAAN,IAAuB,MAAM,CAAC,aAPT,EAQrB,KAAK,CAAC,SAAN,IAAmB,KAAK,CAAC,aAAzB,IAA0C,MAAM,CAAC,sBAR5B,EASrB,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OATR,EAUrB,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAVR,EAWrB,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAXR,EAYrB,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAZR,EAarB,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAbR,EAcrB,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAdR,EAerB,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAfR,EAgBrB,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAhBR,EAiBrB,KAAK,CAAC,IAAN,KAAe,IAAf,IAAuB,MAAM,CAAC,QAjBT,EAkBrB,KAAK,CAAC,IAAN,KAAe,WAAf,IAA8B,MAAM,CAAC,SAlBhB,EAmBrB,KAAK,CAAC,IAAN,KAAe,SAAf,IAA4B,MAAM,CAAC,OAnBd,EAoBrB,KAAK,CAAC,MAAN,KAAiB,QAAjB,IAA6B,MAAM,CAAC,YApBf,EAqBrB,KAAK,CAAC,MAAN,KAAiB,UAAjB,IAA+B,MAAM,CAAC,cArBjB,EAsBrB,KAAK,CAAC,KAAN,KAAgB,QAAhB,IAA4B,MAAM,CAAC,WAtBd,EAuBrB,KAAK,CAAC,KAAN,KAAgB,KAAhB,IAAyB,MAAM,CAAC,QAvBX,EAwBrB,KAAK,CAAC,KAAN,KAAgB,SAAhB,IAA6B,MAAM,CAAC,YAxBf,EAyBrB,KAAK,CAAC,IAAN,CAAW,SAzBU,CAAvB;AA4BA,SAAO,KAAP;AACD,CAhCM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","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,18 +3,19 @@
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
8
  const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
9
9
 
10
10
  const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
11
11
 
12
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
19
  const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
19
20
  "root": {}
20
21
  }, {});
@@ -25,6 +26,7 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
25
26
 
26
27
  exports.Title1 = /*#__PURE__*/wrapper_1.createWrapper({
27
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,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;AAEA;;AAEG;;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AAAE,EAAA,SAAF;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":""}
@@ -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,18 +3,19 @@
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
8
  const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
9
9
 
10
10
  const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
11
11
 
12
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
19
  const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
19
20
  "root": {}
20
21
  }, {});
@@ -25,6 +26,7 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
25
26
 
26
27
  exports.Title2 = /*#__PURE__*/wrapper_1.createWrapper({
27
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,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;AAEA;;AAEG;;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AAAE,EAAA,SAAF;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":""}
@@ -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,18 +3,19 @@
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
8
  const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
9
9
 
10
10
  const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
11
11
 
12
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
19
  const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
19
20
  "root": {}
20
21
  }, {});
@@ -25,6 +26,7 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
25
26
 
26
27
  exports.Title3 = /*#__PURE__*/wrapper_1.createWrapper({
27
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,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;AAEA;;AAEG;;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AAAE,EAAA,SAAF;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":""}
@@ -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>;
@@ -14,13 +14,14 @@ const Text_1 = /*#__PURE__*/require("../Text");
14
14
  function createWrapper(options) {
15
15
  const {
16
16
  useStyles,
17
+ className,
17
18
  displayName
18
19
  } = options;
19
20
  const Wrapper = React.forwardRef((props, ref) => {
20
21
  const styles = useStyles();
21
22
  const state = Text_1.useText(props, ref);
22
23
  Text_1.useTextStyles(state);
23
- state.root.className = react_make_styles_1.mergeClasses(state.root.className, styles.root, props.className);
24
+ state.root.className = react_make_styles_1.mergeClasses(className, state.root.className, styles.root, props.className);
24
25
  return Text_1.renderText(state);
25
26
  });
26
27
  Wrapper.displayName = displayName;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/components/wrapper.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,MAAA,gBAAA,OAAA,CAAA,SAAA,CAAA;;AAMA,SAAgB,aAAhB,CAA8B,OAA9B,EAGC;AACC,QAAM;AAAE,IAAA,SAAF;AAAa,IAAA;AAAb,MAA6B,OAAnC;AACA,QAAM,OAAO,GAA0C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACrF,UAAM,MAAM,GAAG,SAAS,EAAxB;AACA,UAAM,KAAK,GAAG,MAAA,CAAA,OAAA,CAAQ,KAAR,EAA4B,GAA5B,CAAd;AAEA,IAAA,MAAA,CAAA,aAAA,CAAc,KAAd;AAEA,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,KAAK,CAAC,IAAN,CAAW,SAAxB,EAAmC,MAAM,CAAC,IAA1C,EAAgD,KAAK,CAAC,SAAtD,CAAvB;AAEA,WAAO,MAAA,CAAA,UAAA,CAAW,KAAX,CAAP;AACD,GATsD,CAAvD;AAUA,EAAA,OAAO,CAAC,WAAR,GAAsB,WAAtB;AAEA,SAAO,OAAP;AACD;;AAlBD,OAAA,CAAA,aAAA,GAAA,aAAA","sourceRoot":""}
1
+ {"version":3,"sources":["../../src/components/wrapper.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,MAAA,gBAAA,OAAA,CAAA,SAAA,CAAA;;AAMA,SAAgB,aAAhB,CAA8B,OAA9B,EAIC;AACC,QAAM;AAAE,IAAA,SAAF;AAAa,IAAA,SAAb;AAAwB,IAAA;AAAxB,MAAwC,OAA9C;AACA,QAAM,OAAO,GAA0C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACrF,UAAM,MAAM,GAAG,SAAS,EAAxB;AACA,UAAM,KAAK,GAAG,MAAA,CAAA,OAAA,CAAQ,KAAR,EAA4B,GAA5B,CAAd;AAEA,IAAA,MAAA,CAAA,aAAA,CAAc,KAAd;AAEA,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,SAAb,EAAwB,KAAK,CAAC,IAAN,CAAW,SAAnC,EAA8C,MAAM,CAAC,IAArD,EAA2D,KAAK,CAAC,SAAjE,CAAvB;AAEA,WAAO,MAAA,CAAA,UAAA,CAAW,KAAX,CAAP;AACD,GATsD,CAAvD;AAUA,EAAA,OAAO,CAAC,WAAR,GAAsB,WAAtB;AAEA,SAAO,OAAP;AACD;;AAnBD,OAAA,CAAA,aAAA,GAAA,aAAA","sourceRoot":""}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-text",
3
- "version": "0.0.0-nightlybc5ff01fb020211104.1",
3
+ "version": "0.0.0-nightlybd3e92b51920211126.1",
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",
@@ -21,15 +21,16 @@
21
21
  "start": "yarn storybook",
22
22
  "test": "jest",
23
23
  "docs": "api-extractor run --config=config/api-extractor.local.json --local",
24
- "build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-text/src && yarn docs",
25
- "storybook": "start-storybook"
24
+ "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-text/src && yarn docs",
25
+ "storybook": "start-storybook",
26
+ "type-check": "tsc -b tsconfig.json"
26
27
  },
27
28
  "devDependencies": {
28
- "@fluentui/babel-make-styles": "0.0.0-nightlybc5ff01fb020211104.1",
29
+ "@fluentui/babel-make-styles": "0.0.0-nightlybd3e92b51920211126.1",
29
30
  "@fluentui/eslint-plugin": "*",
30
- "@fluentui/jest-serializer-make-styles": "0.0.0-nightlybc5ff01fb020211104.1",
31
+ "@fluentui/jest-serializer-make-styles": "0.0.0-nightlybd3e92b51920211126.1",
31
32
  "@fluentui/react-conformance": "*",
32
- "@fluentui/react-conformance-make-styles": "0.0.0-nightlybc5ff01fb020211104.1",
33
+ "@fluentui/react-conformance-make-styles": "0.0.0-nightlybd3e92b51920211126.1",
33
34
  "@fluentui/scripts": "^1.0.0",
34
35
  "@types/enzyme": "3.10.3",
35
36
  "@types/enzyme-adapter-react-16": "1.0.3",
@@ -43,8 +44,8 @@
43
44
  "react-test-renderer": "^16.3.0"
44
45
  },
45
46
  "dependencies": {
46
- "@fluentui/react-make-styles": "0.0.0-nightlybc5ff01fb020211104.1",
47
- "@fluentui/react-utilities": "0.0.0-nightlybc5ff01fb020211104.1",
47
+ "@fluentui/react-make-styles": "0.0.0-nightlybd3e92b51920211126.1",
48
+ "@fluentui/react-utilities": "0.0.0-nightlybd3e92b51920211126.0",
48
49
  "tslib": "^2.1.0"
49
50
  },
50
51
  "peerDependencies": {
@@ -54,7 +55,6 @@
54
55
  "react-dom": ">=16.8.0 <18.0.0"
55
56
  },
56
57
  "beachball": {
57
- "tag": "beta",
58
58
  "disallowedChangeTypes": [
59
59
  "major",
60
60
  "minor",
@@ -1,4 +0,0 @@
1
- import type { IsConformantOptions } from '@fluentui/react-conformance';
2
- export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
3
- componentPath?: string;
4
- }): void;
@@ -1,16 +0,0 @@
1
- import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
2
- import makeStylesTests from '@fluentui/react-conformance-make-styles';
3
- export function isConformant(testInfo) {
4
- const defaultOptions = {
5
- asPropHandlesRef: true,
6
- componentPath: module.parent.filename.replace('.test', ''),
7
- extraTests: makeStylesTests,
8
- testOptions: {
9
- 'make-styles-overrides-win': {
10
- callCount: 2
11
- }
12
- }
13
- };
14
- baseIsConformant(defaultOptions, testInfo);
15
- }
16
- //# sourceMappingURL=isConformant.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AAEA,OAAO,eAAP,MAA4B,yCAA5B;AAEA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE,eAH+C;AAI3D,IAAA,WAAW,EAAE;AACX,mCAA6B;AAC3B,QAAA,SAAS,EAAE;AADgB;AADlB;AAJ8C,GAA7D;AAaA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}
@@ -1,4 +0,0 @@
1
- import type { IsConformantOptions } from '@fluentui/react-conformance';
2
- export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
3
- componentPath?: string;
4
- }): void;
@@ -1,27 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.isConformant = void 0;
7
-
8
- const react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
9
-
10
- const react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
11
-
12
- function isConformant(testInfo) {
13
- const defaultOptions = {
14
- asPropHandlesRef: true,
15
- componentPath: module.parent.filename.replace('.test', ''),
16
- extraTests: react_conformance_make_styles_1.default,
17
- testOptions: {
18
- 'make-styles-overrides-win': {
19
- callCount: 2
20
- }
21
- }
22
- };
23
- react_conformance_1.isConformant(defaultOptions, testInfo);
24
- }
25
-
26
- exports.isConformant = isConformant;
27
- //# sourceMappingURL=isConformant.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,MAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE,+BAAA,CAAA,OAH+C;AAI3D,IAAA,WAAW,EAAE;AACX,mCAA6B;AAC3B,QAAA,SAAS,EAAE;AADgB;AADlB;AAJ8C,GAA7D;AAaA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAjBD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}