@fluentui/react-text 9.3.1 → 9.3.3

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

@@ -1,27 +1,25 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "Text", {
+    enumerable: true,
+    get: ()=>Text
 });
-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
+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
 });
+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,"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":["../src/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"}
+{"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"}

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

@@ -1,6 +1,7 @@
 "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,"names":[],"sources":["../src/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":""}
+{"version":3,"sources":["../../../lib/components/Text/Text.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=Text.types.js.map"],"names":[],"mappings":";;;;CACA,sCAAsC"}

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

@@ -1,12 +1,13 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-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);
+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
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/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"}
+{"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"}

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

@@ -1,22 +1,17 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderText_unstable", {
+    enumerable: true,
+    get: ()=>renderText_unstable
 });
-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;
+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
+
 //# sourceMappingURL=renderText.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","renderText_unstable","state","slots","slotProps","getSlots","createElement","root","exports"],"sources":["../src/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"}
+{"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"}

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

@@ -1,55 +1,39 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useText_unstable", {
+    enumerable: true,
+    get: ()=>useText_unstable
 });
-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;
+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;
+    var _props_as;
+    const as = (_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : '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: (0, _reactUtilities.getNativeElementProps)(as, {
+            ref,
+            ...props,
+            as
+        })
+    };
+    return state;
+}; //# sourceMappingURL=useText.js.map
+
 //# sourceMappingURL=useText.js.map

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

@@ -1 +1 @@
-{"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":["../src/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"}
+{"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  var _props_as;\n  const as = (_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : 'span';\n  const state = {\n    align: align !== null && align !== void 0 ? align : 'start',\n    block: block !== null && block !== void 0 ? block : false,\n    font: font !== null && font !== void 0 ? font : 'base',\n    italic: italic !== null && italic !== void 0 ? italic : false,\n    size: size !== null && size !== void 0 ? size : 300,\n    strikethrough: strikethrough !== null && strikethrough !== void 0 ? strikethrough : false,\n    truncate: truncate !== null && truncate !== void 0 ? truncate : false,\n    underline: underline !== null && underline !== void 0 ? underline : false,\n    weight: weight !== null && weight !== void 0 ? weight : 'regular',\n    wrap: wrap !== null && wrap !== void 0 ? 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","_props_as","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,IAAIY;IACJ,MAAMC,KAAK,AAACD,CAAAA,YAAYZ,MAAMa,EAAE,AAAD,MAAO,IAAI,IAAID,cAAc,KAAK,IAAIA,YAAY,MAAM;IACvF,MAAME,QAAQ;QACZH,OAAOA,UAAU,IAAI,IAAIA,UAAU,KAAK,IAAIA,QAAQ,OAAO;QAC3DP,OAAOA,UAAU,IAAI,IAAIA,UAAU,KAAK,IAAIA,QAAQ,KAAK;QACzDK,MAAMA,SAAS,IAAI,IAAIA,SAAS,KAAK,IAAIA,OAAO,MAAM;QACtDJ,QAAQA,WAAW,IAAI,IAAIA,WAAW,KAAK,IAAIA,SAAS,KAAK;QAC7DG,MAAMA,SAAS,IAAI,IAAIA,SAAS,KAAK,IAAIA,OAAO,GAAG;QACnDD,eAAeA,kBAAkB,IAAI,IAAIA,kBAAkB,KAAK,IAAIA,gBAAgB,KAAK;QACzFJ,UAAUA,aAAa,IAAI,IAAIA,aAAa,KAAK,IAAIA,WAAW,KAAK;QACrEG,WAAWA,cAAc,IAAI,IAAIA,cAAc,KAAK,IAAIA,YAAY,KAAK;QACzEI,QAAQA,WAAW,IAAI,IAAIA,WAAW,KAAK,IAAIA,SAAS,SAAS;QACjER,MAAMA,SAAS,IAAI,IAAIA,SAAS,KAAK,IAAIA,OAAO,IAAI;QACpDa,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,IAAAA,qCAAqB,EAACJ,IAAI;YAC9BZ;YACA,GAAGD,KAAK;YACRa;QACF;IACF;IACA,OAAOC;AACT,GACA,mCAAmC"}

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

@@ -1,123 +1,172 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    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
 });
-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'
+const _react = require("@griffel/react");
+const textClassNames = {
+    root: 'fui-Text'
 };
 /**
  * Styles for the root slot
- */
-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"
-  }
+ */ 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"
+    }
 }, {
-  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;}"
+    ]
 });
-/**
- * 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;
+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
+
 //# sourceMappingURL=useTextStyles.js.map