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

package/lib/components/Text/useTextStyles.js

@@ -1,9 +1,10 @@
 import { __styles, mergeClasses } from '@fluentui/react-make-styles';
+export const textClassName = 'fui-Text';
 /**
  * Styles for the root slot
  */
 
-var useStyles = /*#__PURE__*/__styles({
+const useStyles = /*#__PURE__*/__styles({
   "root": {
     "Bahqtrf": "fk6fouc",
     "Be2twd7": "fkhj508",
@@ -102,9 +103,9 @@ var useStyles = /*#__PURE__*/__styles({
  */
 
 
-export var useTextStyles = function (state) {
-  var styles = useStyles();
-  state.root.className = 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);
+export const useTextStyles = state => {
+  const styles = useStyles();
+  state.root.className = mergeClasses(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);
   return state;
 };
 //# sourceMappingURL=useTextStyles.js.map

package/lib/components/Text/useTextStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Text/useTextStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA;;AAEG;;AACH,IAAM,SAAS,gBAAG;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;;;AACH,OAAO,IAAM,aAAa,GAAG,UAAC,KAAD,EAAiB;AAC5C,MAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,MAAM,CAAC,IAD0B,EAEjC,KAAK,CAAC,IAAN,KAAe,KAAf,IAAwB,MAAM,CAAC,MAFE,EAGjC,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,QAHQ,EAIjC,KAAK,CAAC,KAAN,IAAe,MAAM,CAAC,KAJW,EAKjC,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,MALU,EAMjC,KAAK,CAAC,SAAN,IAAmB,MAAM,CAAC,SANO,EAOjC,KAAK,CAAC,aAAN,IAAuB,MAAM,CAAC,aAPG,EAQjC,KAAK,CAAC,SAAN,IAAmB,KAAK,CAAC,aAAzB,IAA0C,MAAM,CAAC,sBARhB,EASjC,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OATI,EAUjC,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAVI,EAWjC,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAXI,EAYjC,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAZI,EAajC,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAbI,EAcjC,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAdI,EAejC,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAfI,EAgBjC,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAhBI,EAiBjC,KAAK,CAAC,IAAN,KAAe,IAAf,IAAuB,MAAM,CAAC,QAjBG,EAkBjC,KAAK,CAAC,IAAN,KAAe,WAAf,IAA8B,MAAM,CAAC,SAlBJ,EAmBjC,KAAK,CAAC,IAAN,KAAe,SAAf,IAA4B,MAAM,CAAC,OAnBF,EAoBjC,KAAK,CAAC,MAAN,KAAiB,QAAjB,IAA6B,MAAM,CAAC,YApBH,EAqBjC,KAAK,CAAC,MAAN,KAAiB,UAAjB,IAA+B,MAAM,CAAC,cArBL,EAsBjC,KAAK,CAAC,KAAN,KAAgB,QAAhB,IAA4B,MAAM,CAAC,WAtBF,EAuBjC,KAAK,CAAC,KAAN,KAAgB,KAAhB,IAAyB,MAAM,CAAC,QAvBC,EAwBjC,KAAK,CAAC,KAAN,KAAgB,SAAhB,IAA6B,MAAM,CAAC,YAxBH,EAyBjC,KAAK,CAAC,IAAN,CAAW,SAzBsB,CAAnC;AA4BA,SAAO,KAAP;AACD,CAhCM","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Text/useTextStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA,OAAO,MAAM,aAAa,GAAG,UAAtB;AAEP;;AAEG;;AACH,MAAM,SAAS,gBAAG;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;;;AACH,OAAO,MAAM,aAAa,GAAI,KAAD,IAAgC;AAC3D,QAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,aADiC,EAEjC,MAAM,CAAC,IAF0B,EAGjC,KAAK,CAAC,IAAN,KAAe,KAAf,IAAwB,MAAM,CAAC,MAHE,EAIjC,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,QAJQ,EAKjC,KAAK,CAAC,KAAN,IAAe,MAAM,CAAC,KALW,EAMjC,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,MANU,EAOjC,KAAK,CAAC,SAAN,IAAmB,MAAM,CAAC,SAPO,EAQjC,KAAK,CAAC,aAAN,IAAuB,MAAM,CAAC,aARG,EASjC,KAAK,CAAC,SAAN,IAAmB,KAAK,CAAC,aAAzB,IAA0C,MAAM,CAAC,sBAThB,EAUjC,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAVI,EAWjC,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAXI,EAYjC,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAZI,EAajC,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAbI,EAcjC,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAdI,EAejC,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAfI,EAgBjC,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAhBI,EAiBjC,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAjBI,EAkBjC,KAAK,CAAC,IAAN,KAAe,IAAf,IAAuB,MAAM,CAAC,QAlBG,EAmBjC,KAAK,CAAC,IAAN,KAAe,WAAf,IAA8B,MAAM,CAAC,SAnBJ,EAoBjC,KAAK,CAAC,IAAN,KAAe,SAAf,IAA4B,MAAM,CAAC,OApBF,EAqBjC,KAAK,CAAC,MAAN,KAAiB,QAAjB,IAA6B,MAAM,CAAC,YArBH,EAsBjC,KAAK,CAAC,MAAN,KAAiB,UAAjB,IAA+B,MAAM,CAAC,cAtBL,EAuBjC,KAAK,CAAC,KAAN,KAAgB,QAAhB,IAA4B,MAAM,CAAC,WAvBF,EAwBjC,KAAK,CAAC,KAAN,KAAgB,KAAhB,IAAyB,MAAM,CAAC,QAxBC,EAyBjC,KAAK,CAAC,KAAN,KAAgB,SAAhB,IAA6B,MAAM,CAAC,YAzBH,EA0BjC,KAAK,CAAC,IAAN,CAAW,SA1BsB,CAAnC;AA6BA,SAAO,KAAP;AACD,CAjCM","sourceRoot":""}

package/lib/components/Title1/Title1.d.ts

@@ -1,5 +1,6 @@
 import type { FunctionComponent } from 'react';
 import { TextWrapperProps } from '../wrapper';
+export declare const title1ClassName = "fui-Title1";
 /**
  * Text wrapper component for the Title 1 typography variant
  */

package/lib/components/Title1/Title1.js

@@ -1,11 +1,12 @@
 import { __styles } from '@fluentui/react-make-styles';
 import { typographyStyles } from '../../typographyStyles/index';
 import { createWrapper } from '../wrapper';
+export const title1ClassName = 'fui-Title1';
 /**
  * Styles for the root slot
  */
 
-var useStyles = /*#__PURE__*/__styles({
+const useStyles = /*#__PURE__*/__styles({
   "root": {
     "Bahqtrf": "fk6fouc",
     "Be2twd7": "fccw675",
@@ -20,8 +21,9 @@ var useStyles = /*#__PURE__*/__styles({
  */
 
 
-export var Title1 = /*#__PURE__*/createWrapper({
-  useStyles: useStyles,
+export const Title1 = /*#__PURE__*/createWrapper({
+  useStyles,
+  className: title1ClassName,
   displayName: 'Title1'
 });
 //# sourceMappingURL=Title1.js.map

package/lib/components/Title1/Title1.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Title1/Title1.tsx"],"names":[],"mappings":"AACA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,IAAM,MAAM,gBAAwC,aAAa,CAAC;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAD,CAAjE","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Title1/Title1.tsx"],"names":[],"mappings":"AACA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA,OAAO,MAAM,eAAe,GAAG,YAAxB;AAEP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,MAAM,gBAAwC,aAAa,CAAC;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,eAF4D;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAD,CAAjE","sourceRoot":""}

package/lib/components/Title2/Title2.d.ts

@@ -1,5 +1,6 @@
 import type { FunctionComponent } from 'react';
 import { TextWrapperProps } from '../wrapper';
+export declare const title2ClassName = "fui-Title2";
 /**
  * Text wrapper component for the Title 2 typography variant
  */

package/lib/components/Title2/Title2.js

@@ -1,11 +1,12 @@
 import { __styles } from '@fluentui/react-make-styles';
 import { typographyStyles } from '../../typographyStyles/index';
 import { createWrapper } from '../wrapper';
+export const title2ClassName = 'fui-Title2';
 /**
  * Styles for the root slot
  */
 
-var useStyles = /*#__PURE__*/__styles({
+const useStyles = /*#__PURE__*/__styles({
   "root": {
     "Bahqtrf": "fk6fouc",
     "Be2twd7": "fojgt09",
@@ -20,8 +21,9 @@ var useStyles = /*#__PURE__*/__styles({
  */
 
 
-export var Title2 = /*#__PURE__*/createWrapper({
-  useStyles: useStyles,
+export const Title2 = /*#__PURE__*/createWrapper({
+  useStyles,
+  className: title2ClassName,
   displayName: 'Title2'
 });
 //# sourceMappingURL=Title2.js.map

package/lib/components/Title2/Title2.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Title2/Title2.tsx"],"names":[],"mappings":"AACA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,IAAM,MAAM,gBAAwC,aAAa,CAAC;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAD,CAAjE","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Title2/Title2.tsx"],"names":[],"mappings":"AACA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA,OAAO,MAAM,eAAe,GAAG,YAAxB;AAEP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,MAAM,gBAAwC,aAAa,CAAC;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,eAF4D;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAD,CAAjE","sourceRoot":""}

package/lib/components/Title3/Title3.d.ts

@@ -1,5 +1,6 @@
 import type { FunctionComponent } from 'react';
 import { TextWrapperProps } from '../wrapper';
+export declare const title3ClassName = "fui-Title3";
 /**
  * Text wrapper component for the Title 3 typography variant
  */

package/lib/components/Title3/Title3.js

@@ -1,11 +1,12 @@
 import { __styles } from '@fluentui/react-make-styles';
 import { typographyStyles } from '../../typographyStyles/index';
 import { createWrapper } from '../wrapper';
+export const title3ClassName = 'fui-Title3';
 /**
  * Styles for the root slot
  */
 
-var useStyles = /*#__PURE__*/__styles({
+const useStyles = /*#__PURE__*/__styles({
   "root": {
     "Bahqtrf": "fk6fouc",
     "Be2twd7": "f1x0m3f5",
@@ -20,8 +21,9 @@ var useStyles = /*#__PURE__*/__styles({
  */
 
 
-export var Title3 = /*#__PURE__*/createWrapper({
-  useStyles: useStyles,
+export const Title3 = /*#__PURE__*/createWrapper({
+  useStyles,
+  className: title3ClassName,
   displayName: 'Title3'
 });
 //# sourceMappingURL=Title3.js.map

package/lib/components/Title3/Title3.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Title3/Title3.tsx"],"names":[],"mappings":"AACA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,IAAM,MAAM,gBAAwC,aAAa,CAAC;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAD,CAAjE","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Title3/Title3.tsx"],"names":[],"mappings":"AACA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA,OAAO,MAAM,eAAe,GAAG,YAAxB;AAEP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,MAAM,gBAAwC,aAAa,CAAC;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,eAF4D;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAD,CAAjE","sourceRoot":""}

package/lib/components/wrapper.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import type { TextProps } from '../Text';
 export declare type TextWrapperProps = Omit<TextProps, 'font' | 'size'>;
 export declare function createWrapper(options: {
+    className: string;
     displayName: string;
     useStyles: () => Record<'root', string>;
 }): React.FunctionComponent<TextWrapperProps>;

package/lib/components/wrapper.js

@@ -2,13 +2,16 @@ import * as React from 'react';
 import { mergeClasses } from '@fluentui/react-make-styles';
 import { renderText, useText, useTextStyles } from '../Text';
 export function createWrapper(options) {
-  var useStyles = options.useStyles,
-      displayName = options.displayName;
-  var Wrapper = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    var styles = useStyles();
-    var state = useText(props, ref);
+  const {
+    useStyles,
+    className,
+    displayName
+  } = options;
+  const Wrapper = /*#__PURE__*/React.forwardRef((props, ref) => {
+    const styles = useStyles();
+    const state = useText(props, ref);
     useTextStyles(state);
-    state.root.className = mergeClasses(state.root.className, styles.root, props.className);
+    state.root.className = mergeClasses(className, state.root.className, styles.root, props.className);
     return renderText(state);
   });
   Wrapper.displayName = displayName;

package/lib/components/wrapper.js.map

@@ -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;AACS,MAAA,SAAS,GAAkB,OAAO,CAAzB,SAAT;AAAA,MAAW,WAAW,GAAK,OAAO,CAAZ,WAAtB;AACR,MAAM,OAAO,gBAA0C,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AACjF,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,QAAM,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":""}
+{"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":""}

package/lib/typographyStyles/typographyStyles.js

@@ -1,76 +1,58 @@
 /**
  * Make-styles rules for the typography variants
  */
-export var caption = function (theme) {
-  return {
-    fontFamily: theme.fontFamilyBase,
-    fontSize: theme.fontSizeBase200,
-    lineHeight: theme.lineHeightBase200,
-    fontWeight: theme.fontWeightRegular
-  };
-};
-export var body = function (theme) {
-  return {
-    fontFamily: theme.fontFamilyBase,
-    fontSize: theme.fontSizeBase300,
-    lineHeight: theme.lineHeightBase300,
-    fontWeight: theme.fontWeightRegular
-  };
-};
-export var subheadline = function (theme) {
-  return {
-    fontFamily: theme.fontFamilyBase,
-    fontSize: theme.fontSizeBase400,
-    lineHeight: theme.lineHeightBase400,
-    fontWeight: theme.fontWeightSemibold
-  };
-};
-export var headline = function (theme) {
-  return {
-    fontFamily: theme.fontFamilyBase,
-    fontSize: theme.fontSizeBase500,
-    lineHeight: theme.lineHeightBase500,
-    fontWeight: theme.fontWeightSemibold
-  };
-};
-export var title3 = function (theme) {
-  return {
-    fontFamily: theme.fontFamilyBase,
-    fontSize: theme.fontSizeBase600,
-    lineHeight: theme.lineHeightBase600,
-    fontWeight: theme.fontWeightSemibold
-  };
-};
-export var title2 = function (theme) {
-  return {
-    fontFamily: theme.fontFamilyBase,
-    fontSize: theme.fontSizeHero700,
-    lineHeight: theme.lineHeightHero700,
-    fontWeight: theme.fontWeightSemibold
-  };
-};
-export var title1 = function (theme) {
-  return {
-    fontFamily: theme.fontFamilyBase,
-    fontSize: theme.fontSizeHero800,
-    lineHeight: theme.lineHeightHero800,
-    fontWeight: theme.fontWeightSemibold
-  };
-};
-export var largeTitle = function (theme) {
-  return {
-    fontFamily: theme.fontFamilyBase,
-    fontSize: theme.fontSizeHero900,
-    lineHeight: theme.lineHeightHero900,
-    fontWeight: theme.fontWeightSemibold
-  };
-};
-export var display = function (theme) {
-  return {
-    fontFamily: theme.fontFamilyBase,
-    fontSize: theme.fontSizeHero1000,
-    lineHeight: theme.lineHeightHero1000,
-    fontWeight: theme.fontWeightSemibold
-  };
-};
+export const caption = theme => ({
+  fontFamily: theme.fontFamilyBase,
+  fontSize: theme.fontSizeBase200,
+  lineHeight: theme.lineHeightBase200,
+  fontWeight: theme.fontWeightRegular
+});
+export const body = theme => ({
+  fontFamily: theme.fontFamilyBase,
+  fontSize: theme.fontSizeBase300,
+  lineHeight: theme.lineHeightBase300,
+  fontWeight: theme.fontWeightRegular
+});
+export const subheadline = theme => ({
+  fontFamily: theme.fontFamilyBase,
+  fontSize: theme.fontSizeBase400,
+  lineHeight: theme.lineHeightBase400,
+  fontWeight: theme.fontWeightSemibold
+});
+export const headline = theme => ({
+  fontFamily: theme.fontFamilyBase,
+  fontSize: theme.fontSizeBase500,
+  lineHeight: theme.lineHeightBase500,
+  fontWeight: theme.fontWeightSemibold
+});
+export const title3 = theme => ({
+  fontFamily: theme.fontFamilyBase,
+  fontSize: theme.fontSizeBase600,
+  lineHeight: theme.lineHeightBase600,
+  fontWeight: theme.fontWeightSemibold
+});
+export const title2 = theme => ({
+  fontFamily: theme.fontFamilyBase,
+  fontSize: theme.fontSizeHero700,
+  lineHeight: theme.lineHeightHero700,
+  fontWeight: theme.fontWeightSemibold
+});
+export const title1 = theme => ({
+  fontFamily: theme.fontFamilyBase,
+  fontSize: theme.fontSizeHero800,
+  lineHeight: theme.lineHeightHero800,
+  fontWeight: theme.fontWeightSemibold
+});
+export const largeTitle = theme => ({
+  fontFamily: theme.fontFamilyBase,
+  fontSize: theme.fontSizeHero900,
+  lineHeight: theme.lineHeightHero900,
+  fontWeight: theme.fontWeightSemibold
+});
+export const display = theme => ({
+  fontFamily: theme.fontFamilyBase,
+  fontSize: theme.fontSizeHero1000,
+  lineHeight: theme.lineHeightHero1000,
+  fontWeight: theme.fontWeightSemibold
+});
 //# sourceMappingURL=typographyStyles.js.map

package/lib/typographyStyles/typographyStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/typographyStyles/typographyStyles.ts"],"names":[],"mappings":"AAGA;;AAEG;AACH,OAAO,IAAM,OAAO,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AACnE,IAAA,UAAU,EAAE,KAAK,CAAC,cADiD;AAEnE,IAAA,QAAQ,EAAE,KAAK,CAAC,eAFmD;AAGnE,IAAA,UAAU,EAAE,KAAK,CAAC,iBAHiD;AAInE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJiD,GAAD;AAKlE,CALK;AAMP,OAAO,IAAM,IAAI,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AAChE,IAAA,UAAU,EAAE,KAAK,CAAC,cAD8C;AAEhE,IAAA,QAAQ,EAAE,KAAK,CAAC,eAFgD;AAGhE,IAAA,UAAU,EAAE,KAAK,CAAC,iBAH8C;AAIhE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJ8C,GAAD;AAK/D,CALK;AAMP,OAAO,IAAM,WAAW,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AACvE,IAAA,UAAU,EAAE,KAAK,CAAC,cADqD;AAEvE,IAAA,QAAQ,EAAE,KAAK,CAAC,eAFuD;AAGvE,IAAA,UAAU,EAAE,KAAK,CAAC,iBAHqD;AAIvE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJqD,GAAD;AAKtE,CALK;AAMP,OAAO,IAAM,QAAQ,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AACpE,IAAA,UAAU,EAAE,KAAK,CAAC,cADkD;AAEpE,IAAA,QAAQ,EAAE,KAAK,CAAC,eAFoD;AAGpE,IAAA,UAAU,EAAE,KAAK,CAAC,iBAHkD;AAIpE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJkD,GAAD;AAKnE,CALK;AAMP,OAAO,IAAM,MAAM,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AAClE,IAAA,UAAU,EAAE,KAAK,CAAC,cADgD;AAElE,IAAA,QAAQ,EAAE,KAAK,CAAC,eAFkD;AAGlE,IAAA,UAAU,EAAE,KAAK,CAAC,iBAHgD;AAIlE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJgD,GAAD;AAKjE,CALK;AAMP,OAAO,IAAM,MAAM,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AAClE,IAAA,UAAU,EAAE,KAAK,CAAC,cADgD;AAElE,IAAA,QAAQ,EAAE,KAAK,CAAC,eAFkD;AAGlE,IAAA,UAAU,EAAE,KAAK,CAAC,iBAHgD;AAIlE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJgD,GAAD;AAKjE,CALK;AAMP,OAAO,IAAM,MAAM,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AAClE,IAAA,UAAU,EAAE,KAAK,CAAC,cADgD;AAElE,IAAA,QAAQ,EAAE,KAAK,CAAC,eAFkD;AAGlE,IAAA,UAAU,EAAE,KAAK,CAAC,iBAHgD;AAIlE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJgD,GAAD;AAKjE,CALK;AAMP,OAAO,IAAM,UAAU,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AACtE,IAAA,UAAU,EAAE,KAAK,CAAC,cADoD;AAEtE,IAAA,QAAQ,EAAE,KAAK,CAAC,eAFsD;AAGtE,IAAA,UAAU,EAAE,KAAK,CAAC,iBAHoD;AAItE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJoD,GAAD;AAKrE,CALK;AAMP,OAAO,IAAM,OAAO,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AACnE,IAAA,UAAU,EAAE,KAAK,CAAC,cADiD;AAEnE,IAAA,QAAQ,EAAE,KAAK,CAAC,gBAFmD;AAGnE,IAAA,UAAU,EAAE,KAAK,CAAC,kBAHiD;AAInE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJiD,GAAD;AAKlE,CALK","sourceRoot":""}
+{"version":3,"sources":["../../src/typographyStyles/typographyStyles.ts"],"names":[],"mappings":"AAGA;;AAEG;AACH,OAAO,MAAM,OAAO,GAAuC,KAAK,KAAK;AACnE,EAAA,UAAU,EAAE,KAAK,CAAC,cADiD;AAEnE,EAAA,QAAQ,EAAE,KAAK,CAAC,eAFmD;AAGnE,EAAA,UAAU,EAAE,KAAK,CAAC,iBAHiD;AAInE,EAAA,UAAU,EAAE,KAAK,CAAC;AAJiD,CAAL,CAAzD;AAMP,OAAO,MAAM,IAAI,GAAuC,KAAK,KAAK;AAChE,EAAA,UAAU,EAAE,KAAK,CAAC,cAD8C;AAEhE,EAAA,QAAQ,EAAE,KAAK,CAAC,eAFgD;AAGhE,EAAA,UAAU,EAAE,KAAK,CAAC,iBAH8C;AAIhE,EAAA,UAAU,EAAE,KAAK,CAAC;AAJ8C,CAAL,CAAtD;AAMP,OAAO,MAAM,WAAW,GAAuC,KAAK,KAAK;AACvE,EAAA,UAAU,EAAE,KAAK,CAAC,cADqD;AAEvE,EAAA,QAAQ,EAAE,KAAK,CAAC,eAFuD;AAGvE,EAAA,UAAU,EAAE,KAAK,CAAC,iBAHqD;AAIvE,EAAA,UAAU,EAAE,KAAK,CAAC;AAJqD,CAAL,CAA7D;AAMP,OAAO,MAAM,QAAQ,GAAuC,KAAK,KAAK;AACpE,EAAA,UAAU,EAAE,KAAK,CAAC,cADkD;AAEpE,EAAA,QAAQ,EAAE,KAAK,CAAC,eAFoD;AAGpE,EAAA,UAAU,EAAE,KAAK,CAAC,iBAHkD;AAIpE,EAAA,UAAU,EAAE,KAAK,CAAC;AAJkD,CAAL,CAA1D;AAMP,OAAO,MAAM,MAAM,GAAuC,KAAK,KAAK;AAClE,EAAA,UAAU,EAAE,KAAK,CAAC,cADgD;AAElE,EAAA,QAAQ,EAAE,KAAK,CAAC,eAFkD;AAGlE,EAAA,UAAU,EAAE,KAAK,CAAC,iBAHgD;AAIlE,EAAA,UAAU,EAAE,KAAK,CAAC;AAJgD,CAAL,CAAxD;AAMP,OAAO,MAAM,MAAM,GAAuC,KAAK,KAAK;AAClE,EAAA,UAAU,EAAE,KAAK,CAAC,cADgD;AAElE,EAAA,QAAQ,EAAE,KAAK,CAAC,eAFkD;AAGlE,EAAA,UAAU,EAAE,KAAK,CAAC,iBAHgD;AAIlE,EAAA,UAAU,EAAE,KAAK,CAAC;AAJgD,CAAL,CAAxD;AAMP,OAAO,MAAM,MAAM,GAAuC,KAAK,KAAK;AAClE,EAAA,UAAU,EAAE,KAAK,CAAC,cADgD;AAElE,EAAA,QAAQ,EAAE,KAAK,CAAC,eAFkD;AAGlE,EAAA,UAAU,EAAE,KAAK,CAAC,iBAHgD;AAIlE,EAAA,UAAU,EAAE,KAAK,CAAC;AAJgD,CAAL,CAAxD;AAMP,OAAO,MAAM,UAAU,GAAuC,KAAK,KAAK;AACtE,EAAA,UAAU,EAAE,KAAK,CAAC,cADoD;AAEtE,EAAA,QAAQ,EAAE,KAAK,CAAC,eAFsD;AAGtE,EAAA,UAAU,EAAE,KAAK,CAAC,iBAHoD;AAItE,EAAA,UAAU,EAAE,KAAK,CAAC;AAJoD,CAAL,CAA5D;AAMP,OAAO,MAAM,OAAO,GAAuC,KAAK,KAAK;AACnE,EAAA,UAAU,EAAE,KAAK,CAAC,cADiD;AAEnE,EAAA,QAAQ,EAAE,KAAK,CAAC,gBAFmD;AAGnE,EAAA,UAAU,EAAE,KAAK,CAAC,kBAHiD;AAInE,EAAA,UAAU,EAAE,KAAK,CAAC;AAJiD,CAAL,CAAzD","sourceRoot":""}

package/lib-commonjs/Body.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/Body/index"), exports);
 //# sourceMappingURL=Body.js.map

package/lib-commonjs/Caption.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/Caption/index"), exports);
 //# sourceMappingURL=Caption.js.map

package/lib-commonjs/Display.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/Display/index"), exports);
 //# sourceMappingURL=Display.js.map

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/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/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/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/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/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/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/components/Body/Body.d.ts

@@ -1,5 +1,6 @@
 import type { FunctionComponent } from 'react';
 import { TextWrapperProps } from '../wrapper';
+export declare const bodyClassName = "fui-Body";
 /**
  * Text wrapper component for the Body typography variant
  */

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":["../../../src/components/Body/Body.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,IAAA,gBAA4C,SAAA,CAAA,aAAA,CAAc;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAd,CAA5C","sourceRoot":""}
+{"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/Caption/Caption.d.ts

@@ -1,5 +1,6 @@
 import type { FunctionComponent } from 'react';
 import { TextWrapperProps } from '../wrapper';
+export declare const captionClassName = "fui-Caption";
 /**
  * Text wrapper component for the Caption typography variant
  */

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":["../../../src/components/Caption/Caption.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":""}
+{"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/Display/Display.d.ts

@@ -1,5 +1,6 @@
 import type { FunctionComponent } from 'react';
 import { TextWrapperProps } from '../wrapper';
+export declare const displayClassName = "fui-Display";
 /**
  * Text wrapper component for the Display typography variant
  */

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