@fluentui/react-text 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230321-0440.1

package/lib-commonjs/Title3.js

@@ -1,9 +1,8 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./components/presets/Title3/index"), exports);
- //# sourceMappingURL=Title3.js.map
-
+const tslib_1 = /*#__PURE__*/require("tslib");
+tslib_1.__exportStar(require("./components/presets/Title3/index"), exports);
 //# sourceMappingURL=Title3.js.map

package/lib-commonjs/Title3.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/Title3.js"],"sourcesContent":["export * from \"./components/presets/Title3/index\";\n//# sourceMappingURL=Title3.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,kCAAkC"}
+{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../../../../../../../packages/react-components/react-text/src/Title3.ts"],"sourcesContent":["export * from './components/presets/Title3/index';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,uCAAAC,OAAA"}

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

@@ -1,25 +1,27 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Text", {
-    enumerable: true,
-    get: ()=>Text
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _useText = require("./useText");
-const _renderText = require("./renderText");
-const _useTextStyles = require("./useTextStyles");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
-const Text = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
-    const state = (0, _useText.useText_unstable)(props, ref);
-    (0, _useTextStyles.useTextStyles_unstable)(state);
-    const { useTextStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
-    useCustomStyles(state);
-    return (0, _renderText.renderText_unstable)(state);
-// Work around some small mismatches in inferred types which don't matter in practice
+exports.Text = void 0;
+const React = /*#__PURE__*/require("react");
+const useText_1 = /*#__PURE__*/require("./useText");
+const renderText_1 = /*#__PURE__*/require("./renderText");
+const useTextStyles_1 = /*#__PURE__*/require("./useTextStyles");
+const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
+/**
+ * Typography and styling abstraction component used to ensure consistency of text.
+ */
+exports.Text = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useText_1.useText_unstable(props, ref);
+  useTextStyles_1.useTextStyles_unstable(state);
+  const {
+    useTextStyles_unstable: useCustomStyles
+  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
+  useCustomStyles(state);
+  return renderText_1.renderText_unstable(state);
+  // Work around some small mismatches in inferred types which don't matter in practice
 });
-Text.displayName = "Text"; //# sourceMappingURL=Text.js.map
 
+exports.Text.displayName = 'Text';
 //# sourceMappingURL=Text.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Text/Text.js"],"sourcesContent":["import * as React from \"react\";\nimport { useText_unstable } from \"./useText\";\nimport { renderText_unstable } from \"./renderText\";\nimport { useTextStyles_unstable } from \"./useTextStyles\";\nimport { useCustomStyleHooks_unstable } from \"@fluentui/react-shared-contexts\";\n/**\n * Typography and styling abstraction component used to ensure consistency of text.\n */\nexport const Text = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useText_unstable(props, ref);\n  useTextStyles_unstable(state);\n  const {\n    useTextStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderText_unstable(state);\n  // Work around some small mismatches in inferred types which don't matter in practice\n});\n\nText.displayName = \"Text\";\n//# sourceMappingURL=Text.js.map"],"names":["Text","React","forwardRef","props","ref","state","useText_unstable","useTextStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderText_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;yBACU;4BACG;+BACG;qCACM;AAItC,MAAMA,OAAO,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAChE,MAAMC,QAAQC,IAAAA,yBAAgB,EAACH,OAAOC;IACtCG,IAAAA,qCAAsB,EAACF;IACvB,MAAM,EACJE,wBAAwBC,gBAAe,EACxC,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,+BAAmB,EAACL;AAC3B,qFAAqF;AACvF;AAEAL,KAAKW,WAAW,GAAG,QACnB,gCAAgC"}
+{"version":3,"names":["React","require","useText_1","renderText_1","useTextStyles_1","react_shared_contexts_1","exports","Text","forwardRef","props","ref","state","useText_unstable","useTextStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderText_unstable","displayName"],"sources":["../../../../../../../../../packages/react-components/react-text/src/components/Text/Text.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useText_unstable } from './useText';\nimport { renderText_unstable } from './renderText';\nimport { useTextStyles_unstable } from './useTextStyles';\nimport type { TextProps } from './Text.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Typography and styling abstraction component used to ensure consistency of text.\n */\nexport const Text: ForwardRefComponent<TextProps> = React.forwardRef((props, ref) => {\n  const state = useText_unstable(props, ref);\n\n  useTextStyles_unstable(state);\n\n  const { useTextStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderText_unstable(state);\n  // Work around some small mismatches in inferred types which don't matter in practice\n}) as ForwardRefComponent<TextProps>;\n\nText.displayName = 'Text';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,SAAA,gBAAAD,OAAA;AACA,MAAAE,YAAA,gBAAAF,OAAA;AACA,MAAAG,eAAA,gBAAAH,OAAA;AAGA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;AAGaK,OAAA,CAAAC,IAAI,gBAAmCP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAClF,MAAMC,KAAK,GAAGT,SAAA,CAAAU,gBAAgB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAE1CN,eAAA,CAAAS,sBAAsB,CAACF,KAAK,CAAC;EAE7B,MAAM;IAAEE,sBAAsB,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EAClFD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOR,YAAA,CAAAa,mBAAmB,CAACL,KAAK,CAAC;EACjC;AACF,CAAC,CAAmC;;AAEpCL,OAAA,CAAAC,IAAI,CAACU,WAAW,GAAG,MAAM"}

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

@@ -1,7 +1,6 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
- //# sourceMappingURL=Text.types.js.map
-
 //# sourceMappingURL=Text.types.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Text/Text.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=Text.types.js.map"],"names":[],"mappings":";;;;CACA,sCAAsC"}
+{"version":3,"names":[],"sources":["../../../../../../../../../packages/react-components/react-text/src/components/Text/Text.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Text slots\n */\nexport type TextSlots = {\n  root: Slot<'span', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'pre'>;\n};\n\n/**\n * Text Props\n */\nexport type TextProps = ComponentProps<TextSlots> & {\n  /**\n   * Aligns text based on the parent container.\n   *\n   * @default start\n   */\n  align?: 'start' | 'center' | 'end' | 'justify';\n\n  /**\n   * Applies a block display for the content.\n   *\n   * @default false\n   */\n  block?: boolean;\n\n  /**\n   * Applies the font family to the content.\n   *\n   * @default base\n   */\n  font?: 'base' | 'monospace' | 'numeric';\n\n  /**\n   * Applies the italic font style to the content.\n   *\n   * @default false\n   */\n  italic?: boolean;\n\n  /**\n   * Applies font size and line height based on the theme typography tokens.\n   *\n   * @default 300\n   */\n  size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;\n\n  /**\n   * Applies the strikethrough text decoration to the content.\n   *\n   * @default false\n   */\n  strikethrough?: boolean;\n\n  /**\n   * Truncate overflowing text for block displays.\n   *\n   * @default false\n   */\n\n  truncate?: boolean;\n\n  /**\n   * Applies the underline text decoration to the content.\n   *\n   * @default false\n   */\n  underline?: boolean;\n\n  /**\n   * Applies font weight to the content.\n   *\n   * @default regular\n   */\n  weight?: 'regular' | 'medium' | 'semibold' | 'bold';\n\n  /**\n   * Wraps the text content on white spaces.\n   *\n   * @default true\n   */\n  wrap?: boolean;\n};\n\n/**\n * TextPreset Props\n */\nexport type TextPresetProps = Omit<TextProps, 'font' | 'size' | 'weight'>;\n\n/**\n * State used in rendering Text\n */\nexport type TextState = ComponentState<TextSlots> &\n  Required<\n    Pick<\n      TextProps,\n      'align' | 'block' | 'font' | 'italic' | 'size' | 'strikethrough' | 'truncate' | 'underline' | 'weight' | 'wrap'\n    >\n  >;\n"],"mappings":""}

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

@@ -1,13 +1,12 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./Text"), exports);
-_exportStar(require("./Text.types"), exports);
-_exportStar(require("./renderText"), exports);
-_exportStar(require("./useText"), exports);
-_exportStar(require("./useTextStyles"), exports);
- //# sourceMappingURL=index.js.map
-
+const tslib_1 = /*#__PURE__*/require("tslib");
+tslib_1.__exportStar(require("./Text"), exports);
+tslib_1.__exportStar(require("./Text.types"), exports);
+tslib_1.__exportStar(require("./renderText"), exports);
+tslib_1.__exportStar(require("./useText"), exports);
+tslib_1.__exportStar(require("./useTextStyles"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Text/index.js"],"sourcesContent":["export * from \"./Text\";\nexport * from \"./Text.types\";\nexport * from \"./renderText\";\nexport * from \"./useText\";\nexport * from \"./useTextStyles\";\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../../../../../../../../../packages/react-components/react-text/src/components/Text/index.ts"],"sourcesContent":["export * from './Text';\nexport * from './Text.types';\nexport * from './renderText';\nexport * from './useText';\nexport * from './useTextStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,YAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,kBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,kBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,eAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,qBAAAC,OAAA"}

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

@@ -1,17 +1,22 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "renderText_unstable", {
-    enumerable: true,
-    get: ()=>renderText_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const renderText_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
-    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root);
-}; //# sourceMappingURL=renderText.js.map
-
+exports.renderText_unstable = void 0;
+const React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+/**
+ * Render the final JSX of Text
+ */
+const renderText_unstable = state => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state);
+  return React.createElement(slots.root, {
+    ...slotProps.root
+  });
+};
+exports.renderText_unstable = renderText_unstable;
 //# sourceMappingURL=renderText.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Text/renderText.js"],"sourcesContent":["import * as React from \"react\";\nimport { getSlots } from \"@fluentui/react-utilities\";\n/**\n * Render the final JSX of Text\n */\nexport const renderText_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(slots.root, slotProps.root);\n};\n//# sourceMappingURL=renderText.js.map"],"names":["renderText_unstable","state","slots","slotProps","getSlots","React","createElement","root"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;gCACE;AAIlB,MAAMA,sBAAsBC,CAAAA,QAAS;IAC1C,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI;AACpE,GACA,sCAAsC"}
+{"version":3,"names":["React","require","react_utilities_1","renderText_unstable","state","slots","slotProps","getSlots","createElement","root","exports"],"sources":["../../../../../../../../../packages/react-components/react-text/src/components/Text/renderText.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { TextSlots, TextState } from './Text.types';\n\n/**\n * Render the final JSX of Text\n */\nexport const renderText_unstable = (state: TextState) => {\n  const { slots, slotProps } = getSlots<TextSlots>(state);\n\n  return <slots.root {...slotProps.root} />;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;AAGO,MAAME,mBAAmB,GAAIC,KAAgB,IAAI;EACtD,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,iBAAA,CAAAK,QAAQ,CAAYH,KAAK,CAAC;EAEvD,OAAOJ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,EAAI;AAC3C,CAAC;AAJYC,OAAA,CAAAP,mBAAmB,GAAAA,mBAAA"}

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

@@ -1,38 +1,55 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useText_unstable", {
-    enumerable: true,
-    get: ()=>useText_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const useText_unstable = (props, ref)=>{
-    const { wrap , truncate , block , italic , underline , strikethrough , size , font , weight , align  } = props;
-    const as = props.as ?? "span";
-    const state = {
-        align: align ?? "start",
-        block: block ?? false,
-        font: font ?? "base",
-        italic: italic ?? false,
-        size: size ?? 300,
-        strikethrough: strikethrough ?? false,
-        truncate: truncate ?? false,
-        underline: underline ?? false,
-        weight: weight ?? "regular",
-        wrap: wrap ?? true,
-        components: {
-            root: "span"
-        },
-        root: (0, _reactUtilities.getNativeElementProps)(as, {
-            ref,
-            ...props,
-            as
-        })
-    };
-    return state;
-}; //# sourceMappingURL=useText.js.map
-
+exports.useText_unstable = void 0;
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+/**
+ * Create the state required to render Text.
+ *
+ * The returned state can be modified with hooks such as useTextStyles_unstable,
+ * before being passed to renderText_unstable.
+ *
+ * @param props - props from this instance of Text
+ * @param ref - reference to root HTMLElement of Text
+ */
+const useText_unstable = (props, ref) => {
+  var _a;
+  const {
+    wrap,
+    truncate,
+    block,
+    italic,
+    underline,
+    strikethrough,
+    size,
+    font,
+    weight,
+    align
+  } = props;
+  const as = (_a = props.as) !== null && _a !== void 0 ? _a : 'span';
+  const state = {
+    align: align !== null && align !== void 0 ? align : 'start',
+    block: block !== null && block !== void 0 ? block : false,
+    font: font !== null && font !== void 0 ? font : 'base',
+    italic: italic !== null && italic !== void 0 ? italic : false,
+    size: size !== null && size !== void 0 ? size : 300,
+    strikethrough: strikethrough !== null && strikethrough !== void 0 ? strikethrough : false,
+    truncate: truncate !== null && truncate !== void 0 ? truncate : false,
+    underline: underline !== null && underline !== void 0 ? underline : false,
+    weight: weight !== null && weight !== void 0 ? weight : 'regular',
+    wrap: wrap !== null && wrap !== void 0 ? wrap : true,
+    components: {
+      root: 'span'
+    },
+    root: react_utilities_1.getNativeElementProps(as, {
+      ref,
+      ...props,
+      as
+    })
+  };
+  return state;
+};
+exports.useText_unstable = useText_unstable;
 //# sourceMappingURL=useText.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Text/useText.js"],"sourcesContent":["import * as React from \"react\";\nimport { getNativeElementProps } from \"@fluentui/react-utilities\";\n/**\n * Create the state required to render Text.\n *\n * The returned state can be modified with hooks such as useTextStyles_unstable,\n * before being passed to renderText_unstable.\n *\n * @param props - props from this instance of Text\n * @param ref - reference to root HTMLElement of Text\n */\nexport const useText_unstable = (props, ref) => {\n  const {\n    wrap,\n    truncate,\n    block,\n    italic,\n    underline,\n    strikethrough,\n    size,\n    font,\n    weight,\n    align\n  } = props;\n  const as = props.as ?? \"span\";\n  const state = {\n    align: align ?? \"start\",\n    block: block ?? false,\n    font: font ?? \"base\",\n    italic: italic ?? false,\n    size: size ?? 300,\n    strikethrough: strikethrough ?? false,\n    truncate: truncate ?? false,\n    underline: underline ?? false,\n    weight: weight ?? \"regular\",\n    wrap: wrap ?? true,\n    components: {\n      root: \"span\"\n    },\n    root: getNativeElementProps(as, {\n      ref,\n      ...props,\n      as\n    })\n  };\n  return state;\n};\n//# sourceMappingURL=useText.js.map"],"names":["useText_unstable","props","ref","wrap","truncate","block","italic","underline","strikethrough","size","font","weight","align","as","state","components","root","getNativeElementProps"],"mappings":";;;;+BAWaA;;aAAAA;;;6DAXU;gCACe;AAU/B,MAAMA,mBAAmB,CAACC,OAAOC,MAAQ;IAC9C,MAAM,EACJC,KAAI,EACJC,SAAQ,EACRC,MAAK,EACLC,OAAM,EACNC,UAAS,EACTC,cAAa,EACbC,KAAI,EACJC,KAAI,EACJC,OAAM,EACNC,MAAK,EACN,GAAGX;IACJ,MAAMY,KAAKZ,MAAMY,EAAE,IAAI;IACvB,MAAMC,QAAQ;QACZF,OAAOA,SAAS;QAChBP,OAAOA,SAAS,KAAK;QACrBK,MAAMA,QAAQ;QACdJ,QAAQA,UAAU,KAAK;QACvBG,MAAMA,QAAQ;QACdD,eAAeA,iBAAiB,KAAK;QACrCJ,UAAUA,YAAY,KAAK;QAC3BG,WAAWA,aAAa,KAAK;QAC7BI,QAAQA,UAAU;QAClBR,MAAMA,QAAQ,IAAI;QAClBY,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,IAAAA,qCAAqB,EAACJ,IAAI;YAC9BX;YACA,GAAGD,KAAK;YACRY;QACF;IACF;IACA,OAAOC;AACT,GACA,mCAAmC"}
+{"version":3,"names":["react_utilities_1","require","useText_unstable","props","ref","wrap","truncate","block","italic","underline","strikethrough","size","font","weight","align","as","_a","state","components","root","getNativeElementProps","exports"],"sources":["../../../../../../../../../packages/react-components/react-text/src/components/Text/useText.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { TextProps, TextState } from './Text.types';\n\n/**\n * Create the state required to render Text.\n *\n * The returned state can be modified with hooks such as useTextStyles_unstable,\n * before being passed to renderText_unstable.\n *\n * @param props - props from this instance of Text\n * @param ref - reference to root HTMLElement of Text\n */\nexport const useText_unstable = (props: TextProps, ref: React.Ref<HTMLElement>): TextState => {\n  const { wrap, truncate, block, italic, underline, strikethrough, size, font, weight, align } = props;\n  const as = props.as ?? 'span';\n\n  const state: TextState = {\n    align: align ?? 'start',\n    block: block ?? false,\n    font: font ?? 'base',\n    italic: italic ?? false,\n    size: size ?? 300,\n    strikethrough: strikethrough ?? false,\n    truncate: truncate ?? false,\n    underline: underline ?? false,\n    weight: weight ?? 'regular',\n    wrap: wrap ?? true,\n\n    components: { root: 'span' },\n\n    root: getNativeElementProps(as, {\n      ref,\n      ...props,\n      as,\n    }),\n  };\n\n  return state;\n};\n"],"mappings":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AAGA;;;;;;;;;AASO,MAAMC,gBAAgB,GAAGA,CAACC,KAAgB,EAAEC,GAA2B,KAAe;;EAC3F,MAAM;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,MAAM;IAAEC,SAAS;IAAEC,aAAa;IAAEC,IAAI;IAAEC,IAAI;IAAEC,MAAM;IAAEC;EAAK,CAAE,GAAGX,KAAK;EACpG,MAAMY,EAAE,GAAG,CAAAC,EAAA,GAAAb,KAAK,CAACY,EAAE,cAAAC,EAAA,cAAAA,EAAA,GAAI,MAAM;EAE7B,MAAMC,KAAK,GAAc;IACvBH,KAAK,EAAEA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,OAAO;IACvBP,KAAK,EAAEA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,KAAK;IACrBK,IAAI,EAAEA,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,MAAM;IACpBJ,MAAM,EAAEA,MAAM,aAANA,MAAM,cAANA,MAAM,GAAI,KAAK;IACvBG,IAAI,EAAEA,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,GAAG;IACjBD,aAAa,EAAEA,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAI,KAAK;IACrCJ,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAI,KAAK;IAC3BG,SAAS,EAAEA,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,KAAK;IAC7BI,MAAM,EAAEA,MAAM,aAANA,MAAM,cAANA,MAAM,GAAI,SAAS;IAC3BR,IAAI,EAAEA,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,IAAI;IAElBa,UAAU,EAAE;MAAEC,IAAI,EAAE;IAAM,CAAE;IAE5BA,IAAI,EAAEnB,iBAAA,CAAAoB,qBAAqB,CAACL,EAAE,EAAE;MAC9BX,GAAG;MACH,GAAGD,KAAK;MACRY;KACD;GACF;EAED,OAAOE,KAAK;AACd,CAAC;AA1BYI,OAAA,CAAAnB,gBAAgB,GAAAA,gBAAA"}

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

@@ -1,172 +1,123 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    textClassNames: ()=>textClassNames,
-    useTextStyles_unstable: ()=>useTextStyles_unstable
+  value: true
 });
-const _react = require("@griffel/react");
-const textClassNames = {
-    root: "fui-Text"
+exports.useTextStyles_unstable = exports.textClassNames = void 0;
+const react_1 = /*#__PURE__*/require("@griffel/react");
+const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
+exports.textClassNames = {
+  root: 'fui-Text'
 };
 /**
  * Styles for the root slot
- */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
-    root: {
-        Bahqtrf: "fk6fouc",
-        Be2twd7: "fkhj508",
-        Bg96gwp: "f1i3iumi",
-        Bhrd7zp: "figsok6",
-        fsow6f: "fpgzoln",
-        mc9l5x: "f1w7gpdv",
-        Huce71: "f6juhto",
-        B68tc82: "f1mtd64y",
-        Bmxbyg5: "f1y7q3j9",
-        ygn44y: "f2jf649"
-    },
-    nowrap: {
-        Huce71: "fz5stix",
-        B68tc82: "f1p9o1ba",
-        Bmxbyg5: "f1sil6mw"
-    },
-    truncate: {
-        ygn44y: "f1cmbuwj"
-    },
-    block: {
-        mc9l5x: "ftgm304"
-    },
-    italic: {
-        B80ckks: "f1j4dglz"
-    },
-    underline: {
-        w71qe1: "f13mvf36"
-    },
-    strikethrough: {
-        w71qe1: "fv5q2k7"
-    },
-    strikethroughUnderline: {
-        w71qe1: "f1drk4o6"
-    },
-    base100: {
-        Be2twd7: "f13mqy1h",
-        Bg96gwp: "fcpl73t"
-    },
-    base200: {
-        Be2twd7: "fy9rknc",
-        Bg96gwp: "fwrc4pm"
-    },
-    base400: {
-        Be2twd7: "fod5ikn",
-        Bg96gwp: "faaz57k"
-    },
-    base500: {
-        Be2twd7: "f1pp30po",
-        Bg96gwp: "f106mvju"
-    },
-    base600: {
-        Be2twd7: "f1x0m3f5",
-        Bg96gwp: "fb86gi6"
-    },
-    hero700: {
-        Be2twd7: "fojgt09",
-        Bg96gwp: "fcen8rp"
-    },
-    hero800: {
-        Be2twd7: "fccw675",
-        Bg96gwp: "f1ebx5kk"
-    },
-    hero900: {
-        Be2twd7: "f15afnhw",
-        Bg96gwp: "fr3w3wp"
-    },
-    hero1000: {
-        Be2twd7: "fpyltcb",
-        Bg96gwp: "f1ivgwrt"
-    },
-    monospace: {
-        Bahqtrf: "f1fedwem"
-    },
-    numeric: {
-        Bahqtrf: "f1uq0ln5"
-    },
-    weightMedium: {
-        Bhrd7zp: "fdj6btp"
-    },
-    weightSemibold: {
-        Bhrd7zp: "fl43uef"
-    },
-    weightBold: {
-        Bhrd7zp: "flh3ekv"
-    },
-    alignCenter: {
-        fsow6f: "f17mccla"
-    },
-    alignEnd: {
-        fsow6f: "f12ymhq5"
-    },
-    alignJustify: {
-        fsow6f: "f1j59e10"
-    }
+ */
+const useStyles = /*#__PURE__*/react_1.__styles({
+  root: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fkhj508",
+    Bg96gwp: "f1i3iumi",
+    Bhrd7zp: "figsok6",
+    fsow6f: "fpgzoln",
+    mc9l5x: "f1w7gpdv",
+    Huce71: "f6juhto",
+    B68tc82: "f1mtd64y",
+    Bmxbyg5: "f1y7q3j9",
+    ygn44y: "f2jf649"
+  },
+  nowrap: {
+    Huce71: "fz5stix",
+    B68tc82: "f1p9o1ba",
+    Bmxbyg5: "f1sil6mw"
+  },
+  truncate: {
+    ygn44y: "f1cmbuwj"
+  },
+  block: {
+    mc9l5x: "ftgm304"
+  },
+  italic: {
+    B80ckks: "f1j4dglz"
+  },
+  underline: {
+    w71qe1: "f13mvf36"
+  },
+  strikethrough: {
+    w71qe1: "fv5q2k7"
+  },
+  strikethroughUnderline: {
+    w71qe1: "f1drk4o6"
+  },
+  base100: {
+    Be2twd7: "f13mqy1h",
+    Bg96gwp: "fcpl73t"
+  },
+  base200: {
+    Be2twd7: "fy9rknc",
+    Bg96gwp: "fwrc4pm"
+  },
+  base400: {
+    Be2twd7: "fod5ikn",
+    Bg96gwp: "faaz57k"
+  },
+  base500: {
+    Be2twd7: "f1pp30po",
+    Bg96gwp: "f106mvju"
+  },
+  base600: {
+    Be2twd7: "f1x0m3f5",
+    Bg96gwp: "fb86gi6"
+  },
+  hero700: {
+    Be2twd7: "fojgt09",
+    Bg96gwp: "fcen8rp"
+  },
+  hero800: {
+    Be2twd7: "fccw675",
+    Bg96gwp: "f1ebx5kk"
+  },
+  hero900: {
+    Be2twd7: "f15afnhw",
+    Bg96gwp: "fr3w3wp"
+  },
+  hero1000: {
+    Be2twd7: "fpyltcb",
+    Bg96gwp: "f1ivgwrt"
+  },
+  monospace: {
+    Bahqtrf: "f1fedwem"
+  },
+  numeric: {
+    Bahqtrf: "f1uq0ln5"
+  },
+  weightMedium: {
+    Bhrd7zp: "fdj6btp"
+  },
+  weightSemibold: {
+    Bhrd7zp: "fl43uef"
+  },
+  weightBold: {
+    Bhrd7zp: "flh3ekv"
+  },
+  alignCenter: {
+    fsow6f: "f17mccla"
+  },
+  alignEnd: {
+    fsow6f: "f12ymhq5"
+  },
+  alignJustify: {
+    fsow6f: "f1j59e10"
+  }
 }, {
-    d: [
-        ".fk6fouc{font-family:var(--fontFamilyBase);}",
-        ".fkhj508{font-size:var(--fontSizeBase300);}",
-        ".f1i3iumi{line-height:var(--lineHeightBase300);}",
-        ".figsok6{font-weight:var(--fontWeightRegular);}",
-        ".fpgzoln{text-align:start;}",
-        ".f1w7gpdv{display:inline;}",
-        ".f6juhto{white-space:normal;}",
-        ".f1mtd64y{overflow-x:visible;}",
-        ".f1y7q3j9{overflow-y:visible;}",
-        ".f2jf649{text-overflow:clip;}",
-        ".fz5stix{white-space:nowrap;}",
-        ".f1p9o1ba{overflow-x:hidden;}",
-        ".f1sil6mw{overflow-y:hidden;}",
-        ".f1cmbuwj{text-overflow:ellipsis;}",
-        ".ftgm304{display:block;}",
-        ".f1j4dglz{font-style:italic;}",
-        ".f13mvf36{text-decoration-line:underline;}",
-        ".fv5q2k7{text-decoration-line:line-through;}",
-        ".f1drk4o6{text-decoration-line:line-through underline;}",
-        ".f13mqy1h{font-size:var(--fontSizeBase100);}",
-        ".fcpl73t{line-height:var(--lineHeightBase100);}",
-        ".fy9rknc{font-size:var(--fontSizeBase200);}",
-        ".fwrc4pm{line-height:var(--lineHeightBase200);}",
-        ".fod5ikn{font-size:var(--fontSizeBase400);}",
-        ".faaz57k{line-height:var(--lineHeightBase400);}",
-        ".f1pp30po{font-size:var(--fontSizeBase500);}",
-        ".f106mvju{line-height:var(--lineHeightBase500);}",
-        ".f1x0m3f5{font-size:var(--fontSizeBase600);}",
-        ".fb86gi6{line-height:var(--lineHeightBase600);}",
-        ".fojgt09{font-size:var(--fontSizeHero700);}",
-        ".fcen8rp{line-height:var(--lineHeightHero700);}",
-        ".fccw675{font-size:var(--fontSizeHero800);}",
-        ".f1ebx5kk{line-height:var(--lineHeightHero800);}",
-        ".f15afnhw{font-size:var(--fontSizeHero900);}",
-        ".fr3w3wp{line-height:var(--lineHeightHero900);}",
-        ".fpyltcb{font-size:var(--fontSizeHero1000);}",
-        ".f1ivgwrt{line-height:var(--lineHeightHero1000);}",
-        ".f1fedwem{font-family:var(--fontFamilyMonospace);}",
-        ".f1uq0ln5{font-family:var(--fontFamilyNumeric);}",
-        ".fdj6btp{font-weight:var(--fontWeightMedium);}",
-        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
-        ".flh3ekv{font-weight:var(--fontWeightBold);}",
-        ".f17mccla{text-align:center;}",
-        ".f12ymhq5{text-align:end;}",
-        ".f1j59e10{text-align:justify;}"
-    ]
+  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fpgzoln{text-align:start;}", ".f1w7gpdv{display:inline;}", ".f6juhto{white-space:normal;}", ".f1mtd64y{overflow-x:visible;}", ".f1y7q3j9{overflow-y:visible;}", ".f2jf649{text-overflow:clip;}", ".fz5stix{white-space:nowrap;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1sil6mw{overflow-y:hidden;}", ".f1cmbuwj{text-overflow:ellipsis;}", ".ftgm304{display:block;}", ".f1j4dglz{font-style:italic;}", ".f13mvf36{text-decoration-line:underline;}", ".fv5q2k7{text-decoration-line:line-through;}", ".f1drk4o6{text-decoration-line:line-through underline;}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".fcpl73t{line-height:var(--lineHeightBase100);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".f106mvju{line-height:var(--lineHeightBase500);}", ".f1x0m3f5{font-size:var(--fontSizeBase600);}", ".fb86gi6{line-height:var(--lineHeightBase600);}", ".fojgt09{font-size:var(--fontSizeHero700);}", ".fcen8rp{line-height:var(--lineHeightHero700);}", ".fccw675{font-size:var(--fontSizeHero800);}", ".f1ebx5kk{line-height:var(--lineHeightHero800);}", ".f15afnhw{font-size:var(--fontSizeHero900);}", ".fr3w3wp{line-height:var(--lineHeightHero900);}", ".fpyltcb{font-size:var(--fontSizeHero1000);}", ".f1ivgwrt{line-height:var(--lineHeightHero1000);}", ".f1fedwem{font-family:var(--fontFamilyMonospace);}", ".f1uq0ln5{font-family:var(--fontFamilyNumeric);}", ".fdj6btp{font-weight:var(--fontWeightMedium);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".flh3ekv{font-weight:var(--fontWeightBold);}", ".f17mccla{text-align:center;}", ".f12ymhq5{text-align:end;}", ".f1j59e10{text-align:justify;}"]
 });
-const useTextStyles_unstable = (state)=>{
-    const styles = useStyles();
-    state.root.className = (0, _react.mergeClasses)(textClassNames.root, 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.weight === "bold" && styles.weightBold, state.align === "center" && styles.alignCenter, state.align === "end" && styles.alignEnd, state.align === "justify" && styles.alignJustify, state.root.className);
-    return state;
-}; //# sourceMappingURL=useTextStyles.js.map
-
+/**
+ * Apply styling to the Text slots based on the state
+ */
+const useTextStyles_unstable = state => {
+  const styles = useStyles();
+  state.root.className = react_1.mergeClasses(exports.textClassNames.root, 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.weight === 'bold' && styles.weightBold, state.align === 'center' && styles.alignCenter, state.align === 'end' && styles.alignEnd, state.align === 'justify' && styles.alignJustify, state.root.className);
+  return state;
+};
+exports.useTextStyles_unstable = useTextStyles_unstable;
 //# sourceMappingURL=useTextStyles.js.map