@fluentui/react-text 9.0.0-alpha.18 → 9.0.0-alpha.21

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Subheadline/Subheadline.tsx"],"names":[],"mappings":"AAAA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAA8B,YAA9B;AAEA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,IAAM,WAAW,gBAAG,aAAa,CAAC;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAD,CAAjC","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,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,WAAW,gBAAwC,aAAa,CAAC;AAC5E,EAAA,SAAS,EAAA,SADmE;AAE5E,EAAA,WAAW,EAAE;AAF+D,CAAD,CAAtE","sourceRoot":""}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Subheadline/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC","sourcesContent":["export * from './Subheadline';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Subheadline/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

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

@@ -3,4 +3,4 @@ import type { TextProps } from './Text.types';
 /**
  * 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: React.FunctionComponent<TextProps>;

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,OAAT,QAAwB,WAAxB;AACA,SAAS,UAAT,QAA2B,cAA3B;AACA,SAAS,aAAT,QAA8B,iBAA9B;AAGA;;AAEG;;AACH,OAAO,IAAM,IAAI,gBAAG,KAAK,CAAC,UAAN,CAAyC,UAAC,KAAD,EAAQ,GAAR,EAAW;AACtE,MAAM,KAAK,GAAG,OAAO,CAAC,KAAD,EAAQ,GAAR,CAArB;AAEA,EAAA,aAAa,CAAC,KAAD,CAAb;AACA,SAAO,UAAU,CAAC,KAAD,CAAjB;AACD,CALmB,CAAb;AAOP,IAAI,CAAC,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,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,OAAT,QAAwB,WAAxB;AACA,SAAS,UAAT,QAA2B,cAA3B;AACA,SAAS,aAAT,QAA8B,iBAA9B;AAGA;;AAEG;;AACH,OAAO,IAAM,IAAI,gBAAuC,KAAK,CAAC,UAAN,CAGtD,UAAC,KAAD,EAAQ,GAAR,EAAW;AACX,MAAM,KAAK,GAAG,OAAO,CAAC,KAAD,EAAQ,GAAR,CAArB;AAEA,EAAA,aAAa,CAAC,KAAD,CAAb;AAEA,SAAO,UAAU,CAAC,KAAD,CAAjB;AACD,CATuD,CAAjD;AAWP,IAAI,CAAC,WAAL,GAAmB,MAAnB","sourceRoot":""}

package/lib/components/Text/Text.types.d.ts

@@ -1,86 +1,77 @@
-import * as React from 'react';
-import type { ComponentPropsCompat, ComponentStateCompat } from '@fluentui/react-utilities';
+import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
 /**
- * Text Props
+ * Text slots
  */
-export interface TextProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {
+export declare type TextSlots = {
+    root: IntrinsicShorthandProps<'span', 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'pre'>;
+};
+export declare type TextCommons = {
     /**
      * Wraps the text content on white spaces.
      *
      * @defaultValue true
      */
-    wrap?: boolean;
+    wrap: boolean;
     /**
      * Truncate overflowing text for block displays.
      *
      * @defaultValue false
      */
-    truncate?: boolean;
+    truncate: boolean;
     /**
      * Applies a block display for the content.
      *
      * @defaultValue false
      */
-    block?: boolean;
+    block: boolean;
     /**
      * Applies the italic font style to the content.
      *
      * @defaultValue false
      */
-    italic?: boolean;
+    italic: boolean;
     /**
      * Applies the underline text decoration to the content.
      *
      * @defaultValue false
      */
-    underline?: boolean;
+    underline: boolean;
     /**
      * Applies the strikethrough text decoration to the content.
      *
      * @defaultValue false
      */
-    strikethrough?: boolean;
+    strikethrough: boolean;
     /**
      * Applies font size and line height based on the theme tokens.
      *
      * @defaultValue 300
      */
-    size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
+    size: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
     /**
      * Applies the font family to the content.
      *
      * @defaultValue base
      */
-    font?: 'base' | 'monospace' | 'numeric';
+    font: 'base' | 'monospace' | 'numeric';
     /**
      * Applies font weight to the content.
      *
      * @defaultValue regular
      */
-    weight?: 'regular' | 'medium' | 'semibold';
+    weight: 'regular' | 'medium' | 'semibold';
     /**
      * Aligns text based on the parent container.
      *
      * @defaultValue start
      */
-    align?: 'start' | 'center' | 'end' | 'justify';
-    /**
-     * Component to be rendered as.
-     *
-     * @defaultValue span
-     */
-    as?: 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'pre';
-}
+    align: 'start' | 'center' | 'end' | 'justify';
+};
 /**
- * Names of TextProps that have a default value in useText
+ * Text Props
  */
-export declare type TextDefaultedProps = never;
+export declare type TextProps = ComponentProps<TextSlots> & Partial<TextCommons>;
 /**
  * State used in rendering Text
  */
-export interface TextState extends ComponentStateCompat<TextProps, TextDefaultedProps> {
-    /**
-     * Ref to the root element
-     */
-    ref: React.Ref<HTMLElement>;
-}
+export declare type TextState = ComponentState<TextSlots> & TextCommons;

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

@@ -1 +1 @@
-{"version":3,"file":"Text.types.js","sourceRoot":"../src/","sources":["components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { ComponentPropsCompat, ComponentStateCompat } from '@fluentui/react-utilities';\n\n/**\n * Text Props\n */\nexport interface TextProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {\n  /**\n   * Wraps the text content on white spaces.\n   *\n   * @defaultValue true\n   */\n  wrap?: boolean;\n\n  /**\n   * Truncate overflowing text for block displays.\n   *\n   * @defaultValue false\n   */\n  truncate?: boolean;\n\n  /**\n   * Applies a block display for the content.\n   *\n   * @defaultValue false\n   */\n  block?: boolean;\n\n  /**\n   * Applies the italic font style to the content.\n   *\n   * @defaultValue false\n   */\n  italic?: boolean;\n\n  /**\n   * Applies the underline text decoration to the content.\n   *\n   * @defaultValue false\n   */\n  underline?: boolean;\n\n  /**\n   * Applies the strikethrough text decoration to the content.\n   *\n   * @defaultValue false\n   */\n  strikethrough?: boolean;\n\n  /**\n   * Applies font size and line height based on the theme tokens.\n   *\n   * @defaultValue 300\n   */\n  size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;\n\n  /**\n   * Applies the font family to the content.\n   *\n   * @defaultValue base\n   */\n  font?: 'base' | 'monospace' | 'numeric';\n\n  /**\n   * Applies font weight to the content.\n   *\n   * @defaultValue regular\n   */\n  weight?: 'regular' | 'medium' | 'semibold';\n\n  /**\n   * Aligns text based on the parent container.\n   *\n   * @defaultValue start\n   */\n  align?: 'start' | 'center' | 'end' | 'justify';\n\n  /**\n   * Component to be rendered as.\n   *\n   * @defaultValue span\n   */\n  as?: 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'pre';\n}\n\n/**\n * Names of TextProps that have a default value in useText\n */\nexport type TextDefaultedProps = never;\n\n/**\n * State used in rendering Text\n */\nexport interface TextState extends ComponentStateCompat<TextProps, TextDefaultedProps> {\n  /**\n   * Ref to the root element\n   */\n  ref: React.Ref<HTMLElement>;\n}\n"]}
+{"version":3,"file":"Text.types.js","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Text/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC","sourcesContent":["export * from './Text';\nexport * from './Text.types';\nexport * from './renderText';\nexport * from './useText';\nexport * from './useTextStyles';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC"}

package/lib/components/Text/renderText.js

@@ -1,15 +1,15 @@
 import { __assign } from "tslib";
 import * as React from 'react';
-import { getSlotsCompat } from '@fluentui/react-utilities';
+import { getSlots } from '@fluentui/react-utilities';
 /**
  * Render the final JSX of Text
  */
 
 export var renderText = function (state) {
-  var _a = getSlotsCompat(state),
+  var _a = getSlots(state),
       slots = _a.slots,
       slotProps = _a.slotProps;
 
-  return /*#__PURE__*/React.createElement(slots.root, __assign({}, slotProps.root), state.children);
+  return /*#__PURE__*/React.createElement(slots.root, __assign({}, slotProps.root));
 };
 //# sourceMappingURL=renderText.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Text/renderText.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,cAAT,QAA+B,2BAA/B;AAGA;;AAEG;;AACH,OAAO,IAAM,UAAU,GAAG,UAAC,KAAD,EAAiB;AACnC,MAAA,EAAA,GAAuB,cAAc,CAAC,KAAD,CAArC;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,sBAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EAAiC,KAAK,CAAC,QAAvC,CAAP;AACD,CAJM","sourcesContent":["import * as React from 'react';\nimport { getSlotsCompat } from '@fluentui/react-utilities';\nimport type { TextState } from './Text.types';\n\n/**\n * Render the final JSX of Text\n */\nexport const renderText = (state: TextState) => {\n  const { slots, slotProps } = getSlotsCompat(state);\n\n  return <slots.root {...slotProps.root}>{state.children}</slots.root>;\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../../src/components/Text/renderText.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,IAAM,UAAU,GAAG,UAAC,KAAD,EAAiB;AACnC,MAAA,EAAA,GAAuB,QAAQ,CAAY,KAAZ,CAA/B;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,sBAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAAP;AACD,CAJM","sourceRoot":""}

package/lib/components/Text/useText.d.ts

@@ -8,6 +8,5 @@ import type { TextProps, TextState } from './Text.types';
  *
  * @param props - props from this instance of Text
  * @param ref - reference to root HTMLElement of Text
- * @param defaultProps - (optional) default prop values provided by the implementing type
  */
-export declare const useText: (props: TextProps, ref: React.Ref<HTMLElement>, defaultProps?: TextProps | undefined) => TextState;
+export declare const useText: (props: TextProps, ref: React.Ref<HTMLElement>) => TextState;

package/lib/components/Text/useText.js

@@ -1,5 +1,5 @@
-import { makeMergeProps } from '@fluentui/react-utilities';
-var mergeProps = /*#__PURE__*/makeMergeProps();
+import { __assign } from "tslib";
+import { getNativeElementProps } from '@fluentui/react-utilities';
 /**
  * Create the state required to render Text.
  *
@@ -8,14 +8,42 @@ var mergeProps = /*#__PURE__*/makeMergeProps();
  *
  * @param props - props from this instance of Text
  * @param ref - reference to root HTMLElement of Text
- * @param defaultProps - (optional) default prop values provided by the implementing type
  */
 
-export var useText = function (props, ref, defaultProps) {
-  var state = mergeProps({
-    ref: ref,
-    as: 'span'
-  }, defaultProps, props);
+export var useText = function (props, ref) {
+  var _a;
+
+  var wrap = props.wrap,
+      truncate = props.truncate,
+      block = props.block,
+      italic = props.italic,
+      underline = props.underline,
+      strikethrough = props.strikethrough,
+      size = props.size,
+      font = props.font,
+      weight = props.weight,
+      align = props.align;
+  var as = (_a = props.as) !== null && _a !== void 0 ? _a : 'span';
+  var state = {
+    wrap: wrap !== null && wrap !== void 0 ? wrap : true,
+    truncate: truncate !== null && truncate !== void 0 ? truncate : false,
+    block: block !== null && block !== void 0 ? block : false,
+    italic: italic !== null && italic !== void 0 ? italic : false,
+    underline: underline !== null && underline !== void 0 ? underline : false,
+    strikethrough: strikethrough !== null && strikethrough !== void 0 ? strikethrough : false,
+    size: size !== null && size !== void 0 ? size : 300,
+    font: font !== null && font !== void 0 ? font : 'base',
+    weight: weight !== null && weight !== void 0 ? weight : 'regular',
+    align: align !== null && align !== void 0 ? align : 'start',
+    components: {
+      root: 'span'
+    },
+    root: getNativeElementProps(as, __assign(__assign({
+      ref: ref
+    }, props), {
+      as: as
+    }))
+  };
   return state;
 };
 //# sourceMappingURL=useText.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Text/useText.ts"],"names":[],"mappings":"AACA,SAAS,cAAT,QAA+B,2BAA/B;AAGA,IAAM,UAAU,gBAAG,cAAc,EAAjC;AAEA;;;;;;;;;AASG;;AACH,OAAO,IAAM,OAAO,GAAG,UAAC,KAAD,EAAmB,GAAnB,EAAgD,YAAhD,EAAwE;AAC7F,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,GAAG,EAAA,GADL;AAEE,IAAA,EAAE,EAAE;AAFN,GADsB,EAKtB,YALsB,EAMtB,KANsB,CAAxB;AASA,SAAO,KAAP;AACD,CAXM","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps } from '@fluentui/react-utilities';\nimport type { TextProps, TextState } from './Text.types';\n\nconst mergeProps = makeMergeProps<TextState>();\n\n/**\n * Create the state required to render Text.\n *\n * The returned state can be modified with hooks such as useTextStyles,\n * before being passed to renderText.\n *\n * @param props - props from this instance of Text\n * @param ref - reference to root HTMLElement of Text\n * @param defaultProps - (optional) default prop values provided by the implementing type\n */\nexport const useText = (props: TextProps, ref: React.Ref<HTMLElement>, defaultProps?: TextProps): TextState => {\n  const state = mergeProps(\n    {\n      ref,\n      as: 'span',\n    },\n    defaultProps,\n    props,\n  );\n\n  return state;\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../../src/components/Text/useText.ts"],"names":[],"mappings":";AACA,SAAS,qBAAT,QAAsC,2BAAtC;AAGA;;;;;;;;AAQG;;AACH,OAAO,IAAM,OAAO,GAAG,UAAC,KAAD,EAAmB,GAAnB,EAA8C;;;AAC3D,MAAA,IAAI,GAAmF,KAAK,CAAxF,IAAJ;AAAA,MAAM,QAAQ,GAAyE,KAAK,CAA9E,QAAd;AAAA,MAAgB,KAAK,GAAkE,KAAK,CAAvE,KAArB;AAAA,MAAuB,MAAM,GAA0D,KAAK,CAA/D,MAA7B;AAAA,MAA+B,SAAS,GAA+C,KAAK,CAApD,SAAxC;AAAA,MAA0C,aAAa,GAAgC,KAAK,CAArC,aAAvD;AAAA,MAAyD,IAAI,GAA0B,KAAK,CAA/B,IAA7D;AAAA,MAA+D,IAAI,GAAoB,KAAK,CAAzB,IAAnE;AAAA,MAAqE,MAAM,GAAY,KAAK,CAAjB,MAA3E;AAAA,MAA6E,KAAK,GAAK,KAAK,CAAV,KAAlF;AACR,MAAM,EAAE,GAAA,CAAA,EAAA,GAAG,KAAK,CAAC,EAAT,MAAW,IAAX,IAAW,EAAA,KAAA,KAAA,CAAX,GAAW,EAAX,GAAe,MAAvB;AAEA,MAAM,KAAK,GAAc;AACvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,IADS;AAEvB,IAAA,QAAQ,EAAE,QAAQ,KAAA,IAAR,IAAA,QAAQ,KAAA,KAAA,CAAR,GAAA,QAAA,GAAY,KAFC;AAGvB,IAAA,KAAK,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAA,KAAA,GAAS,KAHO;AAIvB,IAAA,MAAM,EAAE,MAAM,KAAA,IAAN,IAAA,MAAM,KAAA,KAAA,CAAN,GAAA,MAAA,GAAU,KAJK;AAKvB,IAAA,SAAS,EAAE,SAAS,KAAA,IAAT,IAAA,SAAS,KAAA,KAAA,CAAT,GAAA,SAAA,GAAa,KALD;AAMvB,IAAA,aAAa,EAAE,aAAa,KAAA,IAAb,IAAA,aAAa,KAAA,KAAA,CAAb,GAAA,aAAA,GAAiB,KANT;AAOvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,GAPS;AAQvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,MARS;AASvB,IAAA,MAAM,EAAE,MAAM,KAAA,IAAN,IAAA,MAAM,KAAA,KAAA,CAAN,GAAA,MAAA,GAAU,SATK;AAUvB,IAAA,KAAK,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAA,KAAA,GAAS,OAVO;AAYvB,IAAA,UAAU,EAAE;AAAE,MAAA,IAAI,EAAE;AAAR,KAZW;AAcvB,IAAA,IAAI,EAAE,qBAAqB,CAAC,EAAD,EAAG,QAAA,CAAA,QAAA,CAAA;AAC5B,MAAA,GAAG,EAAA;AADyB,KAAA,EAEzB,KAFyB,CAAA,EAEpB;AACR,MAAA,EAAE,EAAA;AADM,KAFoB,CAAH;AAdJ,GAAzB;AAqBA,SAAO,KAAP;AACD,CA1BM","sourceRoot":""}

package/lib/components/Text/useTextStyles.js

@@ -104,7 +104,7 @@ var useStyles = /*#__PURE__*/__styles({
 
 export var useTextStyles = function (state) {
   var styles = useStyles();
-  state.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.className);
+  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);
   return state;
 };
 //# sourceMappingURL=useTextStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["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;AACA,EAAA,KAAK,CAAC,SAAN,GAAkB,YAAY,CAC5B,MAAM,CAAC,IADqB,EAE5B,KAAK,CAAC,IAAN,KAAe,KAAf,IAAwB,MAAM,CAAC,MAFH,EAG5B,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,QAHG,EAI5B,KAAK,CAAC,KAAN,IAAe,MAAM,CAAC,KAJM,EAK5B,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,MALK,EAM5B,KAAK,CAAC,SAAN,IAAmB,MAAM,CAAC,SANE,EAO5B,KAAK,CAAC,aAAN,IAAuB,MAAM,CAAC,aAPF,EAQ5B,KAAK,CAAC,SAAN,IAAmB,KAAK,CAAC,aAAzB,IAA0C,MAAM,CAAC,sBARrB,EAS5B,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OATD,EAU5B,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAVD,EAW5B,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAXD,EAY5B,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAZD,EAa5B,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAbD,EAc5B,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAdD,EAe5B,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAfD,EAgB5B,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAhBD,EAiB5B,KAAK,CAAC,IAAN,KAAe,IAAf,IAAuB,MAAM,CAAC,QAjBF,EAkB5B,KAAK,CAAC,IAAN,KAAe,WAAf,IAA8B,MAAM,CAAC,SAlBT,EAmB5B,KAAK,CAAC,IAAN,KAAe,SAAf,IAA4B,MAAM,CAAC,OAnBP,EAoB5B,KAAK,CAAC,MAAN,KAAiB,QAAjB,IAA6B,MAAM,CAAC,YApBR,EAqB5B,KAAK,CAAC,MAAN,KAAiB,UAAjB,IAA+B,MAAM,CAAC,cArBV,EAsB5B,KAAK,CAAC,KAAN,KAAgB,QAAhB,IAA4B,MAAM,CAAC,WAtBP,EAuB5B,KAAK,CAAC,KAAN,KAAgB,KAAhB,IAAyB,MAAM,CAAC,QAvBJ,EAwB5B,KAAK,CAAC,KAAN,KAAgB,SAAhB,IAA6B,MAAM,CAAC,YAxBR,EAyB5B,KAAK,CAAC,SAzBsB,CAA9B;AA4BA,SAAO,KAAP;AACD,CA/BM","sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';\nimport type { TextState } from './Text.types';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: theme => ({\n    fontFamily: theme.global.type.fontFamilies.base,\n    fontSize: theme.global.type.fontSizes.base[300],\n    lineHeight: theme.global.type.lineHeights.base[300],\n    fontWeight: theme.global.type.fontWeights.regular,\n    textAlign: 'start',\n    display: 'inline',\n    whiteSpace: 'normal',\n    overflow: 'visible',\n    textOverflow: 'clip',\n  }),\n  nowrap: {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n  },\n  truncate: {\n    textOverflow: 'ellipsis',\n  },\n  block: {\n    display: 'block',\n  },\n  italic: {\n    fontStyle: 'italic',\n  },\n  underline: {\n    textDecoration: 'underline',\n  },\n  strikethrough: {\n    textDecoration: 'line-through',\n  },\n  strikethroughUnderline: {\n    textDecoration: 'line-through underline',\n  },\n  base100: theme => ({\n    fontSize: theme.global.type.fontSizes.base[100],\n    lineHeight: theme.global.type.lineHeights.base[100],\n  }),\n  base200: theme => ({\n    fontSize: theme.global.type.fontSizes.base[200],\n    lineHeight: theme.global.type.lineHeights.base[200],\n  }),\n  base400: theme => ({\n    fontSize: theme.global.type.fontSizes.base[400],\n    lineHeight: theme.global.type.lineHeights.base[400],\n  }),\n  base500: theme => ({\n    fontSize: theme.global.type.fontSizes.base[500],\n    lineHeight: theme.global.type.lineHeights.base[500],\n  }),\n  base600: theme => ({\n    fontSize: theme.global.type.fontSizes.base[600],\n    lineHeight: theme.global.type.lineHeights.base[600],\n  }),\n  hero700: theme => ({\n    fontSize: theme.global.type.fontSizes.hero[700],\n    lineHeight: theme.global.type.lineHeights.hero[700],\n  }),\n  hero800: theme => ({\n    fontSize: theme.global.type.fontSizes.hero[800],\n    lineHeight: theme.global.type.lineHeights.hero[800],\n  }),\n  hero900: theme => ({\n    fontSize: theme.global.type.fontSizes.hero[900],\n    lineHeight: theme.global.type.lineHeights.hero[900],\n  }),\n  hero1000: theme => ({\n    fontSize: theme.global.type.fontSizes.hero[1000],\n    lineHeight: theme.global.type.lineHeights.hero[1000],\n  }),\n  monospace: theme => ({\n    fontFamily: theme.global.type.fontFamilies.monospace,\n  }),\n  numeric: theme => ({\n    fontFamily: theme.global.type.fontFamilies.numeric,\n  }),\n  weightMedium: theme => ({\n    fontWeight: theme.global.type.fontWeights.medium,\n  }),\n  weightSemibold: theme => ({\n    fontWeight: theme.global.type.fontWeights.semibold,\n  }),\n  alignCenter: {\n    textAlign: 'center',\n  },\n  alignEnd: {\n    textAlign: 'end',\n  },\n  alignJustify: {\n    textAlign: 'justify',\n  },\n});\n\n/**\n * Apply styling to the Text slots based on the state\n */\nexport const useTextStyles = (state: TextState): TextState => {\n  const styles = useStyles();\n  state.className = mergeClasses(\n    styles.root,\n    state.wrap === false && styles.nowrap,\n    state.truncate && styles.truncate,\n    state.block && styles.block,\n    state.italic && styles.italic,\n    state.underline && styles.underline,\n    state.strikethrough && styles.strikethrough,\n    state.underline && state.strikethrough && styles.strikethroughUnderline,\n    state.size === 100 && styles.base100,\n    state.size === 200 && styles.base200,\n    state.size === 400 && styles.base400,\n    state.size === 500 && styles.base500,\n    state.size === 600 && styles.base600,\n    state.size === 700 && styles.hero700,\n    state.size === 800 && styles.hero800,\n    state.size === 900 && styles.hero900,\n    state.size === 1000 && styles.hero1000,\n    state.font === 'monospace' && styles.monospace,\n    state.font === 'numeric' && styles.numeric,\n    state.weight === 'medium' && styles.weightMedium,\n    state.weight === 'semibold' && styles.weightSemibold,\n    state.align === 'center' && styles.alignCenter,\n    state.align === 'end' && styles.alignEnd,\n    state.align === 'justify' && styles.alignJustify,\n    state.className,\n  );\n\n  return state;\n};\n"],"sourceRoot":"../src/"}
+{"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":""}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Title1/Title1.tsx"],"names":[],"mappings":"AAAA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAA8B,YAA9B;AAEA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,IAAM,MAAM,gBAAG,aAAa,CAAC;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAD,CAA5B","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.title1,\n});\n\n/**\n * Text wrapper component for the Title 1 typography variant\n */\nexport const Title1 = createWrapper({ useStyles, displayName: 'Title1' });\n"],"sourceRoot":"../src/"}
+{"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":""}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Title1/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC","sourcesContent":["export * from './Title1';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Title1/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Title2/Title2.tsx"],"names":[],"mappings":"AAAA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAA8B,YAA9B;AAEA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,IAAM,MAAM,gBAAG,aAAa,CAAC;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAD,CAA5B","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.title2,\n});\n\n/**\n * Text wrapper component for the Title 2 typography variant\n */\nexport const Title2 = createWrapper({ useStyles, displayName: 'Title2' });\n"],"sourceRoot":"../src/"}
+{"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":""}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Title2/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC","sourcesContent":["export * from './Title2';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Title2/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Title3/Title3.tsx"],"names":[],"mappings":"AAAA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAA8B,YAA9B;AAEA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,IAAM,MAAM,gBAAG,aAAa,CAAC;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAD,CAA5B","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.title3,\n});\n\n/**\n * Text wrapper component for the Title 3 typography variant\n */\nexport const Title3 = createWrapper({ useStyles, displayName: 'Title3' });\n"],"sourceRoot":"../src/"}
+{"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":""}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Title3/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC","sourcesContent":["export * from './Title3';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Title3/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/lib/components/wrapper.d.ts

@@ -1,8 +1,7 @@
 import * as React from 'react';
 import type { TextProps } from '../Text';
-export interface Props extends Omit<TextProps, 'font' | 'size'> {
-}
+export declare type TextWrapperProps = Omit<TextProps, 'font' | 'size'>;
 export declare function createWrapper(options: {
     displayName: string;
     useStyles: () => Record<'root', string>;
-}): React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
+}): React.FunctionComponent<TextWrapperProps>;

package/lib/components/wrapper.js

@@ -8,7 +8,7 @@ export function createWrapper(options) {
     var styles = useStyles();
     var state = useText(props, ref);
     useTextStyles(state);
-    state.className = mergeClasses(state.className, styles.root, props.className);
+    state.root.className = mergeClasses(state.root.className, styles.root, props.className);
     return renderText(state);
   });
   Wrapper.displayName = displayName;

package/lib/components/wrapper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["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;AAKA,OAAM,SAAU,aAAV,CAAwB,OAAxB,EAAiG;AAC7F,MAAA,SAAS,GAAkB,OAAO,CAAzB,SAAT;AAAA,MAAW,WAAW,GAAK,OAAO,CAAZ,WAAtB;AACR,MAAM,OAAO,gBAAG,KAAK,CAAC,UAAN,CAAqC,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC9D,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,QAAM,KAAK,GAAG,OAAO,CAAC,KAAD,EAAQ,GAAR,CAArB;AACA,IAAA,aAAa,CAAC,KAAD,CAAb;AAEA,IAAA,KAAK,CAAC,SAAN,GAAkB,YAAY,CAAC,KAAK,CAAC,SAAP,EAAkB,MAAM,CAAC,IAAzB,EAA+B,KAAK,CAAC,SAArC,CAA9B;AAEA,WAAO,UAAU,CAAC,KAAD,CAAjB;AACD,GARe,CAAhB;AASA,EAAA,OAAO,CAAC,WAAR,GAAsB,WAAtB;AAEA,SAAO,OAAP;AACD","sourcesContent":["import * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-make-styles';\nimport { renderText, useText, useTextStyles } from '../Text';\nimport type { TextProps } from '../Text';\n\nexport interface Props extends Omit<TextProps, 'font' | 'size'> {}\n\nexport function createWrapper(options: { displayName: string; useStyles: () => Record<'root', string> }) {\n  const { useStyles, displayName } = options;\n  const Wrapper = React.forwardRef<HTMLElement, Props>((props, ref) => {\n    const styles = useStyles();\n    const state = useText(props, ref);\n    useTextStyles(state);\n\n    state.className = mergeClasses(state.className, styles.root, props.className);\n\n    return renderText(state);\n  });\n  Wrapper.displayName = displayName;\n\n  return Wrapper;\n}\n"],"sourceRoot":"../src/"}
+{"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;AAKA,OAAM,SAAU,aAAV,CAAwB,OAAxB,EAGL;AACS,MAAA,SAAS,GAAkB,OAAO,CAAzB,SAAT;AAAA,MAAW,WAAW,GAAK,OAAO,CAAZ,WAAtB;AACR,MAAM,OAAO,gBAAG,KAAK,CAAC,UAAN,CAAgD,UAAC,KAAD,EAAQ,GAAR,EAAW;AACzE,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,GATe,CAAhB;AAUA,EAAA,OAAO,CAAC,WAAR,GAAsB,WAAtB;AAEA,SAAO,OAAP;AACD","sourceRoot":""}

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC","sourcesContent":["export * from './Text';\nexport * from './Display';\nexport * from './LargeTitle';\nexport * from './Title1';\nexport * from './Title2';\nexport * from './Title3';\nexport * from './Headline';\nexport * from './Subheadline';\nexport * from './Body';\nexport * from './Caption';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}

package/lib/typographyStyles/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["typographyStyles/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,CAAC","sourcesContent":["import * as typographyStyles from './typographyStyles';\nexport { typographyStyles };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/typographyStyles/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/lib/typographyStyles/typographyStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["typographyStyles/typographyStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import type { MakeStylesStyleFunctionRule } from '@fluentui/make-styles';\nimport type { Theme } from '@fluentui/react-theme';\n\n/**\n * Make-styles rules for the typography variants\n */\nexport const caption: MakeStylesStyleFunctionRule<Theme> = theme => ({\n  fontFamily: theme.global.type.fontFamilies.base,\n  fontSize: theme.global.type.fontSizes.base[200],\n  lineHeight: theme.global.type.lineHeights.base[200],\n  fontWeight: theme.global.type.fontWeights.regular,\n});\nexport const body: MakeStylesStyleFunctionRule<Theme> = theme => ({\n  fontFamily: theme.global.type.fontFamilies.base,\n  fontSize: theme.global.type.fontSizes.base[300],\n  lineHeight: theme.global.type.lineHeights.base[300],\n  fontWeight: theme.global.type.fontWeights.regular,\n});\nexport const subheadline: MakeStylesStyleFunctionRule<Theme> = theme => ({\n  fontFamily: theme.global.type.fontFamilies.base,\n  fontSize: theme.global.type.fontSizes.base[400],\n  lineHeight: theme.global.type.lineHeights.base[400],\n  fontWeight: theme.global.type.fontWeights.semibold,\n});\nexport const headline: MakeStylesStyleFunctionRule<Theme> = theme => ({\n  fontFamily: theme.global.type.fontFamilies.base,\n  fontSize: theme.global.type.fontSizes.base[500],\n  lineHeight: theme.global.type.lineHeights.base[500],\n  fontWeight: theme.global.type.fontWeights.semibold,\n});\nexport const title3: MakeStylesStyleFunctionRule<Theme> = theme => ({\n  fontFamily: theme.global.type.fontFamilies.base,\n  fontSize: theme.global.type.fontSizes.base[600],\n  lineHeight: theme.global.type.lineHeights.base[600],\n  fontWeight: theme.global.type.fontWeights.semibold,\n});\nexport const title2: MakeStylesStyleFunctionRule<Theme> = theme => ({\n  fontFamily: theme.global.type.fontFamilies.base,\n  fontSize: theme.global.type.fontSizes.hero[700],\n  lineHeight: theme.global.type.lineHeights.hero[700],\n  fontWeight: theme.global.type.fontWeights.semibold,\n});\nexport const title1: MakeStylesStyleFunctionRule<Theme> = theme => ({\n  fontFamily: theme.global.type.fontFamilies.base,\n  fontSize: theme.global.type.fontSizes.hero[800],\n  lineHeight: theme.global.type.lineHeights.hero[800],\n  fontWeight: theme.global.type.fontWeights.semibold,\n});\nexport const largeTitle: MakeStylesStyleFunctionRule<Theme> = theme => ({\n  fontFamily: theme.global.type.fontFamilies.base,\n  fontSize: theme.global.type.fontSizes.hero[900],\n  lineHeight: theme.global.type.lineHeights.hero[900],\n  fontWeight: theme.global.type.fontWeights.semibold,\n});\nexport const display: MakeStylesStyleFunctionRule<Theme> = theme => ({\n  fontFamily: theme.global.type.fontFamilies.base,\n  fontSize: theme.global.type.fontSizes.hero[1000],\n  lineHeight: theme.global.type.lineHeights.hero[1000],\n  fontWeight: theme.global.type.fontWeights.semibold,\n});\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../src/typographyStyles/typographyStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}

package/lib-commonjs/Body.js.map

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

package/lib-commonjs/Caption.js.map

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

package/lib-commonjs/Display.js.map

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

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.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.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.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.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.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.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/common/isConformant.js.map

@@ -1 +1 @@
-{"version":3,"sources":["common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,IAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,MAAM,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","sourcesContent":["import { isConformant as baseIsConformant } from '@fluentui/react-conformance';\nimport type { IsConformantOptions, TestObject } from '@fluentui/react-conformance';\nimport makeStylesTests from '@fluentui/react-conformance-make-styles';\n\nexport function isConformant<TProps = {}>(\n  testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },\n) {\n  const defaultOptions: Partial<IsConformantOptions<TProps>> = {\n    asPropHandlesRef: true,\n    componentPath: module!.parent!.filename.replace('.test', ''),\n    extraTests: makeStylesTests as TestObject<TProps>,\n    testOptions: {\n      'make-styles-overrides-win': {\n        callCount: 2,\n      },\n      // TODO: https://github.com/microsoft/fluentui/issues/19618\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    } as any,\n  };\n\n  baseIsConformant(defaultOptions, testInfo);\n}\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,IAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,MAAM,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":""}

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

@@ -1,4 +1,6 @@
+import type { FunctionComponent } from 'react';
+import { TextWrapperProps } from '../wrapper';
 /**
  * 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.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,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":""}

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,6 @@
+import type { FunctionComponent } from 'react';
+import { TextWrapperProps } from '../wrapper';
 /**
  * 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.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,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":""}

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,6 @@
+import type { FunctionComponent } from 'react';
+import { TextWrapperProps } from '../wrapper';
 /**
  * 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.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,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":""}

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,6 @@
+import type { FunctionComponent } from 'react';
+import { TextWrapperProps } from '../wrapper';
 /**
  * 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.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,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,IAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;AAEA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,QAAA,gBAAgD,SAAA,CAAA,aAAA,CAAc;AACzE,EAAA,SAAS,EAAA,SADgE;AAEzE,EAAA,WAAW,EAAE;AAF4D,CAAd,CAAhD","sourceRoot":""}

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,6 @@
+import type { FunctionComponent } from 'react';
+import { TextWrapperProps } from '../wrapper';
 /**
  * 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>;