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

package/lib-commonjs/Headline.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./components/Headline/index"), exports);
 //# sourceMappingURL=Headline.js.map

package/lib-commonjs/Headline.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Headline.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Headline/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../src/Headline.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/LargeTitle.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./components/LargeTitle/index"), exports);
 //# sourceMappingURL=LargeTitle.js.map

package/lib-commonjs/LargeTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["LargeTitle.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,+BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/LargeTitle/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../src/LargeTitle.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,+BAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/Subheadline.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./components/Subheadline/index"), exports);
 //# sourceMappingURL=Subheadline.js.map

package/lib-commonjs/Subheadline.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Subheadline.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Subheadline/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../src/Subheadline.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gCAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/Text.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./components/Text/index"), exports);
 //# sourceMappingURL=Text.js.map

package/lib-commonjs/Text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Text.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,yBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Text/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../src/Text.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,yBAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/Title1.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./components/Title1/index"), exports);
 //# sourceMappingURL=Title1.js.map

package/lib-commonjs/Title1.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Title1.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Title1/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../src/Title1.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/Title2.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./components/Title2/index"), exports);
 //# sourceMappingURL=Title2.js.map

package/lib-commonjs/Title2.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Title2.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Title2/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../src/Title2.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/Title3.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./components/Title3/index"), exports);
 //# sourceMappingURL=Title3.js.map

package/lib-commonjs/Title3.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Title3.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Title3/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../src/Title3.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/components/Body/Body.d.ts

@@ -1,4 +1,7 @@
+import type { FunctionComponent } from 'react';
+import { TextWrapperProps } from '../wrapper';
+export declare const bodyClassName = "fui-Body";
 /**
  * Text wrapper component for the Body typography variant
  */
-export declare const Body: import("react").ForwardRefExoticComponent<import("../wrapper").Props & import("react").RefAttributes<HTMLElement>>;
+export declare const Body: FunctionComponent<TextWrapperProps>;

package/lib-commonjs/components/Body/Body.js

@@ -3,19 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Body = void 0;
+exports.Body = exports.bodyClassName = void 0;
 
-var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
 
-var index_1 = /*#__PURE__*/require("../../typographyStyles/index");
+const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
 
-var wrapper_1 = /*#__PURE__*/require("../wrapper");
+const wrapper_1 = /*#__PURE__*/require("../wrapper");
+
+exports.bodyClassName = 'fui-Body';
 /**
  * Styles for the root slot
  */
 
-
-var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
+const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
   "root": {}
 }, {});
 /**
@@ -24,7 +25,8 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
 
 
 exports.Body = /*#__PURE__*/wrapper_1.createWrapper({
-  useStyles: useStyles,
+  useStyles,
+  className: exports.bodyClassName,
   displayName: 'Body'
 });
 //# sourceMappingURL=Body.js.map

package/lib-commonjs/components/Body/Body.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Body/Body.tsx"],"names":[],"mappings":";;;;;;;AAAA,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,IAAA,gBAAO,SAAA,CAAA,aAAA,CAAc;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAd,CAAP","sourcesContent":["import { makeStyles } from '@fluentui/react-make-styles';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper } from '../wrapper';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.body,\n});\n\n/**\n * Text wrapper component for the Body typography variant\n */\nexport const Body = createWrapper({ useStyles, displayName: 'Body' });\n"],"sourceRoot":"../src/"}
+{"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":""}

package/lib-commonjs/components/Body/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./Body"), exports);
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/Body/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Body/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Body';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../../src/components/Body/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/components/Caption/Caption.d.ts

@@ -1,4 +1,7 @@
+import type { FunctionComponent } from 'react';
+import { TextWrapperProps } from '../wrapper';
+export declare const captionClassName = "fui-Caption";
 /**
  * Text wrapper component for the Caption typography variant
  */
-export declare const Caption: import("react").ForwardRefExoticComponent<import("../wrapper").Props & import("react").RefAttributes<HTMLElement>>;
+export declare const Caption: FunctionComponent<TextWrapperProps>;

package/lib-commonjs/components/Caption/Caption.js

@@ -3,19 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Caption = void 0;
+exports.Caption = exports.captionClassName = void 0;
 
-var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
 
-var index_1 = /*#__PURE__*/require("../../typographyStyles/index");
+const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
 
-var wrapper_1 = /*#__PURE__*/require("../wrapper");
+const wrapper_1 = /*#__PURE__*/require("../wrapper");
+
+exports.captionClassName = 'fui-Caption';
 /**
  * Styles for the root slot
  */
 
-
-var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
+const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
   "root": {}
 }, {});
 /**
@@ -24,7 +25,8 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
 
 
 exports.Caption = /*#__PURE__*/wrapper_1.createWrapper({
-  useStyles: useStyles,
+  useStyles,
+  className: exports.captionClassName,
   displayName: 'Caption'
 });
 //# sourceMappingURL=Caption.js.map

package/lib-commonjs/components/Caption/Caption.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Caption/Caption.tsx"],"names":[],"mappings":";;;;;;;AAAA,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,gBAAU,SAAA,CAAA,aAAA,CAAc;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAd,CAAV","sourcesContent":["import { makeStyles } from '@fluentui/react-make-styles';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper } from '../wrapper';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.caption,\n});\n\n/**\n * Text wrapper component for the Caption typography variant\n */\nexport const Caption = createWrapper({ useStyles, displayName: 'Caption' });\n"],"sourceRoot":"../src/"}
+{"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":""}

package/lib-commonjs/components/Caption/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./Caption"), exports);
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/Caption/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Caption/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,WAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Caption';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../../src/components/Caption/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,WAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/components/Display/Display.d.ts

@@ -1,4 +1,7 @@
+import type { FunctionComponent } from 'react';
+import { TextWrapperProps } from '../wrapper';
+export declare const displayClassName = "fui-Display";
 /**
  * Text wrapper component for the Display typography variant
  */
-export declare const Display: import("react").ForwardRefExoticComponent<import("../wrapper").Props & import("react").RefAttributes<HTMLElement>>;
+export declare const Display: FunctionComponent<TextWrapperProps>;

package/lib-commonjs/components/Display/Display.js

@@ -3,19 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Display = void 0;
+exports.Display = exports.displayClassName = void 0;
 
-var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
 
-var index_1 = /*#__PURE__*/require("../../typographyStyles/index");
+const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
 
-var wrapper_1 = /*#__PURE__*/require("../wrapper");
+const wrapper_1 = /*#__PURE__*/require("../wrapper");
+
+exports.displayClassName = 'fui-Display';
 /**
  * Styles for the root slot
  */
 
-
-var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
+const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
   "root": {}
 }, {});
 /**
@@ -24,7 +25,8 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
 
 
 exports.Display = /*#__PURE__*/wrapper_1.createWrapper({
-  useStyles: useStyles,
+  useStyles,
+  className: exports.displayClassName,
   displayName: 'Display'
 });
 //# sourceMappingURL=Display.js.map

package/lib-commonjs/components/Display/Display.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Display/Display.tsx"],"names":[],"mappings":";;;;;;;AAAA,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,gBAAU,SAAA,CAAA,aAAA,CAAc;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAd,CAAV","sourcesContent":["import { makeStyles } from '@fluentui/react-make-styles';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper } from '../wrapper';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.display,\n});\n\n/**\n * Text wrapper component for the Display typography variant\n */\nexport const Display = createWrapper({ useStyles, displayName: 'Display' });\n"],"sourceRoot":"../src/"}
+{"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":""}

package/lib-commonjs/components/Display/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./Display"), exports);
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/Display/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Display/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,WAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Display';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../../src/components/Display/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,WAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/components/Headline/Headline.d.ts

@@ -1,4 +1,7 @@
+import type { FunctionComponent } from 'react';
+import { TextWrapperProps } from '../wrapper';
+export declare const headlineClassName = "fui-Headline";
 /**
  * Text wrapper component for the Headline typography variant
  */
-export declare const Headline: import("react").ForwardRefExoticComponent<import("../wrapper").Props & import("react").RefAttributes<HTMLElement>>;
+export declare const Headline: FunctionComponent<TextWrapperProps>;

package/lib-commonjs/components/Headline/Headline.js

@@ -3,19 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Headline = void 0;
+exports.Headline = exports.headlineClassName = void 0;
 
-var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
 
-var index_1 = /*#__PURE__*/require("../../typographyStyles/index");
+const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
 
-var wrapper_1 = /*#__PURE__*/require("../wrapper");
+const wrapper_1 = /*#__PURE__*/require("../wrapper");
+
+exports.headlineClassName = 'fui-Headline';
 /**
  * Styles for the root slot
  */
 
-
-var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
+const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
   "root": {}
 }, {});
 /**
@@ -24,7 +25,8 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
 
 
 exports.Headline = /*#__PURE__*/wrapper_1.createWrapper({
-  useStyles: useStyles,
+  useStyles,
+  className: exports.headlineClassName,
   displayName: 'Headline'
 });
 //# sourceMappingURL=Headline.js.map

package/lib-commonjs/components/Headline/Headline.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Headline/Headline.tsx"],"names":[],"mappings":";;;;;;;AAAA,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,gBAAW,SAAA,CAAA,aAAA,CAAc;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAd,CAAX","sourcesContent":["import { makeStyles } from '@fluentui/react-make-styles';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper } from '../wrapper';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.headline,\n});\n\n/**\n * Text wrapper component for the Headline typography variant\n */\nexport const Headline = createWrapper({ useStyles, displayName: 'Headline' });\n"],"sourceRoot":"../src/"}
+{"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":""}

package/lib-commonjs/components/Headline/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./Headline"), exports);
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/Headline/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Headline/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Headline';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../../src/components/Headline/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/components/LargeTitle/LargeTitle.d.ts

@@ -1,4 +1,7 @@
+import type { FunctionComponent } from 'react';
+import { TextWrapperProps } from '../wrapper';
+export declare const largeTitleClassName = "fui-LargeTitle";
 /**
  * Text wrapper component for the Large Title typography variant
  */
-export declare const LargeTitle: import("react").ForwardRefExoticComponent<import("../wrapper").Props & import("react").RefAttributes<HTMLElement>>;
+export declare const LargeTitle: FunctionComponent<TextWrapperProps>;

package/lib-commonjs/components/LargeTitle/LargeTitle.js

@@ -3,19 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LargeTitle = void 0;
+exports.LargeTitle = exports.largeTitleClassName = void 0;
 
-var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
 
-var index_1 = /*#__PURE__*/require("../../typographyStyles/index");
+const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
 
-var wrapper_1 = /*#__PURE__*/require("../wrapper");
+const wrapper_1 = /*#__PURE__*/require("../wrapper");
+
+exports.largeTitleClassName = 'fui-LargeTitle';
 /**
  * Styles for the root slot
  */
 
-
-var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
+const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
   "root": {}
 }, {});
 /**
@@ -24,7 +25,8 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
 
 
 exports.LargeTitle = /*#__PURE__*/wrapper_1.createWrapper({
-  useStyles: useStyles,
+  useStyles,
+  className: exports.largeTitleClassName,
   displayName: 'LargeTitle'
 });
 //# sourceMappingURL=LargeTitle.js.map

package/lib-commonjs/components/LargeTitle/LargeTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/LargeTitle/LargeTitle.tsx"],"names":[],"mappings":";;;;;;;AAAA,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,gBAAa,SAAA,CAAA,aAAA,CAAc;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAd,CAAb","sourcesContent":["import { makeStyles } from '@fluentui/react-make-styles';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper } from '../wrapper';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.largeTitle,\n});\n\n/**\n * Text wrapper component for the Large Title typography variant\n */\nexport const LargeTitle = createWrapper({ useStyles, displayName: 'LargeTitle' });\n"],"sourceRoot":"../src/"}
+{"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":""}

package/lib-commonjs/components/LargeTitle/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./LargeTitle"), exports);
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/LargeTitle/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/LargeTitle/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './LargeTitle';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../../src/components/LargeTitle/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/components/Subheadline/Subheadline.d.ts

@@ -1,4 +1,7 @@
+import type { FunctionComponent } from 'react';
+import { TextWrapperProps } from '../wrapper';
+export declare const subheadlineClassName = "fui-Subheadline";
 /**
  * Text wrapper component for the Subheadline typography variant
  */
-export declare const Subheadline: import("react").ForwardRefExoticComponent<import("../wrapper").Props & import("react").RefAttributes<HTMLElement>>;
+export declare const Subheadline: FunctionComponent<TextWrapperProps>;

package/lib-commonjs/components/Subheadline/Subheadline.js

@@ -3,19 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Subheadline = void 0;
+exports.Subheadline = exports.subheadlineClassName = void 0;
 
-var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
 
-var index_1 = /*#__PURE__*/require("../../typographyStyles/index");
+const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
 
-var wrapper_1 = /*#__PURE__*/require("../wrapper");
+const wrapper_1 = /*#__PURE__*/require("../wrapper");
+
+exports.subheadlineClassName = 'fui-Subheadline';
 /**
  * Styles for the root slot
  */
 
-
-var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
+const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
   "root": {}
 }, {});
 /**
@@ -24,7 +25,8 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
 
 
 exports.Subheadline = /*#__PURE__*/wrapper_1.createWrapper({
-  useStyles: useStyles,
+  useStyles,
+  className: exports.subheadlineClassName,
   displayName: 'Subheadline'
 });
 //# sourceMappingURL=Subheadline.js.map

package/lib-commonjs/components/Subheadline/Subheadline.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Subheadline/Subheadline.tsx"],"names":[],"mappings":";;;;;;;AAAA,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,gBAAc,SAAA,CAAA,aAAA,CAAc;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAd,CAAd","sourcesContent":["import { makeStyles } from '@fluentui/react-make-styles';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper } from '../wrapper';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.subheadline,\n});\n\n/**\n * Text wrapper component for the Subheadline typography variant\n */\nexport const Subheadline = createWrapper({ useStyles, displayName: 'Subheadline' });\n"],"sourceRoot":"../src/"}
+{"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":""}

package/lib-commonjs/components/Subheadline/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./Subheadline"), exports);
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/Subheadline/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Subheadline/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Subheadline';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../../src/components/Subheadline/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/components/Text/Text.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
 import type { TextProps } from './Text.types';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
 /**
  * Typography and styling abstraction component used to ensure consistency of text.
  */
-export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>>;
+export declare const Text: ForwardRefComponent<TextProps>;

package/lib-commonjs/components/Text/Text.js

@@ -5,22 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Text = void 0;
 
-var React = /*#__PURE__*/require("react");
+const React = /*#__PURE__*/require("react");
 
-var useText_1 = /*#__PURE__*/require("./useText");
+const useText_1 = /*#__PURE__*/require("./useText");
 
-var renderText_1 = /*#__PURE__*/require("./renderText");
+const renderText_1 = /*#__PURE__*/require("./renderText");
 
-var useTextStyles_1 = /*#__PURE__*/require("./useTextStyles");
+const useTextStyles_1 = /*#__PURE__*/require("./useTextStyles");
 /**
  * Typography and styling abstraction component used to ensure consistency of text.
  */
 
 
-exports.Text = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var state = useText_1.useText(props, ref);
+exports.Text = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useText_1.useText(props, ref);
   useTextStyles_1.useTextStyles(state);
-  return renderText_1.renderText(state);
+  return renderText_1.renderText(state); // Work around some small mismatches in inferred types which don't matter in practice
 });
 exports.Text.displayName = 'Text';
 //# sourceMappingURL=Text.js.map

package/lib-commonjs/components/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["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;AAGA;;AAEG;;;AACU,OAAA,CAAA,IAAA,gBAAO,KAAK,CAAC,UAAN,CAAyC,UAAC,KAAD,EAAQ,GAAR,EAAW;AACtE,MAAM,KAAK,GAAG,SAAA,CAAA,OAAA,CAAQ,KAAR,EAAe,GAAf,CAAd;AAEA,EAAA,eAAA,CAAA,aAAA,CAAc,KAAd;AACA,SAAO,YAAA,CAAA,UAAA,CAAW,KAAX,CAAP;AACD,CALmB,CAAP;AAOb,OAAA,CAAA,IAAA,CAAK,WAAL,GAAmB,MAAnB","sourcesContent":["import * as React from 'react';\nimport { useText } from './useText';\nimport { renderText } from './renderText';\nimport { useTextStyles } from './useTextStyles';\nimport type { TextProps } from './Text.types';\n\n/**\n * Typography and styling abstraction component used to ensure consistency of text.\n */\nexport const Text = React.forwardRef<HTMLElement, TextProps>((props, ref) => {\n  const state = useText(props, ref);\n\n  useTextStyles(state);\n  return renderText(state);\n});\n\nText.displayName = 'Text';\n"],"sourceRoot":"../src/"}
+{"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":""}