@fluentui/react-text 0.0.0-nightly-20230426-0420.1 → 0.0.0-nightly-20230428-0419.1

package/dist/index.d.ts

@@ -1,240 +0,0 @@
-import type { ComponentProps } from '@fluentui/react-utilities';
-import type { ComponentState } from '@fluentui/react-utilities';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-import type { FunctionComponent } from 'react';
-import * as React_2 from 'react';
-import type { Slot } from '@fluentui/react-utilities';
-import { SlotClassNames } from '@fluentui/react-utilities';
-
-/**
- * Text preset component for the Body1 typography variant
- */
-export declare const Body1: FunctionComponent<TextPresetProps>;
-
-export declare const body1ClassNames: SlotClassNames<TextSlots>;
-
-/**
- * Text preset component for the Body1Strong typography variant
- */
-export declare const Body1Strong: FunctionComponent<TextPresetProps>;
-
-export declare const body1StrongClassNames: SlotClassNames<TextSlots>;
-
-/**
- * Text preset component for the Body1Stronger typography variant
- */
-export declare const Body1Stronger: FunctionComponent<TextPresetProps>;
-
-export declare const body1StrongerClassNames: SlotClassNames<TextSlots>;
-
-/**
- * Text preset component for the Body2 typography variant
- */
-export declare const Body2: FunctionComponent<TextPresetProps>;
-
-export declare const body2ClassNames: SlotClassNames<TextSlots>;
-
-/**
- * Text preset component for the Caption1 typography variant
- */
-export declare const Caption1: FunctionComponent<TextPresetProps>;
-
-export declare const caption1ClassNames: SlotClassNames<TextSlots>;
-
-/**
- * Text preset component for the Caption1Strong typography variant
- */
-export declare const Caption1Strong: FunctionComponent<TextPresetProps>;
-
-export declare const caption1StrongClassNames: SlotClassNames<TextSlots>;
-
-/**
- * Text preset component for the Caption1Stronger typography variant
- */
-export declare const Caption1Stronger: FunctionComponent<TextPresetProps>;
-
-export declare const caption1StrongerClassNames: SlotClassNames<TextSlots>;
-
-/**
- * Text preset component for the Caption2 typography variant
- */
-export declare const Caption2: FunctionComponent<TextPresetProps>;
-
-export declare const caption2ClassNames: SlotClassNames<TextSlots>;
-
-/**
- * Text preset component for the Caption2Strong typography variant
- */
-export declare const Caption2Strong: FunctionComponent<TextPresetProps>;
-
-export declare const caption2StrongClassNames: SlotClassNames<TextSlots>;
-
-/**
- * Text preset component for the Display typography variant
- */
-export declare const Display: FunctionComponent<TextPresetProps>;
-
-export declare const displayClassNames: SlotClassNames<TextSlots>;
-
-/**
- * Text preset component for the Large Title typography variant
- */
-export declare const LargeTitle: FunctionComponent<TextPresetProps>;
-
-export declare const largeTitleClassNames: SlotClassNames<TextSlots>;
-
-/**
- * Render the final JSX of Text
- */
-export declare const renderText_unstable: (state: TextState) => JSX.Element;
-
-/**
- * Text preset component for the Subtitle1 typography variant
- */
-export declare const Subtitle1: FunctionComponent<TextPresetProps>;
-
-export declare const subtitle1ClassNames: SlotClassNames<TextSlots>;
-
-/**
- * Text preset component for the Subtitle2 typography variant
- */
-export declare const Subtitle2: FunctionComponent<TextPresetProps>;
-
-export declare const subtitle2ClassNames: SlotClassNames<TextSlots>;
-
-/**
- * Text preset component for the Subtitle2Stronger typography variant
- */
-export declare const Subtitle2Stronger: FunctionComponent<TextPresetProps>;
-
-export declare const subtitle2StrongerClassNames: SlotClassNames<TextSlots>;
-
-/**
- * Typography and styling abstraction component used to ensure consistency of text.
- */
-declare const Text_2: ForwardRefComponent<TextProps>;
-export { Text_2 as Text }
-
-export declare const textClassNames: SlotClassNames<TextSlots>;
-
-/**
- * TextPreset Props
- */
-export declare type TextPresetProps = Omit<TextProps, 'font' | 'size' | 'weight'>;
-
-/**
- * Text Props
- */
-export declare type TextProps = ComponentProps<TextSlots> & {
-    /**
-     * Aligns text based on the parent container.
-     *
-     * @default start
-     */
-    align?: 'start' | 'center' | 'end' | 'justify';
-    /**
-     * Applies a block display for the content.
-     *
-     * @default false
-     */
-    block?: boolean;
-    /**
-     * Applies the font family to the content.
-     *
-     * @default base
-     */
-    font?: 'base' | 'monospace' | 'numeric';
-    /**
-     * Applies the italic font style to the content.
-     *
-     * @default false
-     */
-    italic?: boolean;
-    /**
-     * Applies font size and line height based on the theme typography tokens.
-     *
-     * @default 300
-     */
-    size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
-    /**
-     * Applies the strikethrough text decoration to the content.
-     *
-     * @default false
-     */
-    strikethrough?: boolean;
-    /**
-     * Truncate overflowing text for block displays.
-     *
-     * @default false
-     */
-    truncate?: boolean;
-    /**
-     * Applies the underline text decoration to the content.
-     *
-     * @default false
-     */
-    underline?: boolean;
-    /**
-     * Applies font weight to the content.
-     *
-     * @default regular
-     */
-    weight?: 'regular' | 'medium' | 'semibold' | 'bold';
-    /**
-     * Wraps the text content on white spaces.
-     *
-     * @default true
-     */
-    wrap?: boolean;
-};
-
-/**
- * Text slots
- */
-export declare type TextSlots = {
-    root: Slot<'span', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'pre'>;
-};
-
-/**
- * State used in rendering Text
- */
-export declare type TextState = ComponentState<TextSlots> & Required<Pick<TextProps, 'align' | 'block' | 'font' | 'italic' | 'size' | 'strikethrough' | 'truncate' | 'underline' | 'weight' | 'wrap'>>;
-
-/**
- * Text preset component for the Title 1 typography variant
- */
-export declare const Title1: FunctionComponent<TextPresetProps>;
-
-export declare const title1ClassNames: SlotClassNames<TextSlots>;
-
-/**
- * Text preset component for the Title 2 typography variant
- */
-export declare const Title2: FunctionComponent<TextPresetProps>;
-
-export declare const title2ClassNames: SlotClassNames<TextSlots>;
-
-/**
- * Text preset component for the Title 3 typography variant
- */
-export declare const Title3: FunctionComponent<TextPresetProps>;
-
-export declare const title3ClassNames: SlotClassNames<TextSlots>;
-
-/**
- * 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
- */
-export declare const useText_unstable: (props: TextProps, ref: React_2.Ref<HTMLElement>) => TextState;
-
-/**
- * Apply styling to the Text slots based on the state
- */
-export declare const useTextStyles_unstable: (state: TextState) => TextState;
-
-export { }

package/lib/Body1.js

@@ -1,2 +0,0 @@
-export * from './components/presets/Body1/index';
-//# sourceMappingURL=Body1.js.map

package/lib/Body1.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../src/Body1.ts"],"sourcesContent":["export * from './components/presets/Body1/index';\n"],"mappings":"AAAA,cAAc"}

package/lib/Body1Strong.js

@@ -1,2 +0,0 @@
-export * from './components/presets/Body1Strong/index';
-//# sourceMappingURL=Body1Strong.js.map

package/lib/Body1Strong.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../src/Body1Strong.ts"],"sourcesContent":["export * from './components/presets/Body1Strong/index';\n"],"mappings":"AAAA,cAAc"}

package/lib/Body1Stronger.js

@@ -1,2 +0,0 @@
-export * from './components/presets/Body1Stronger/index';
-//# sourceMappingURL=Body1Stronger.js.map

package/lib/Body1Stronger.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../src/Body1Stronger.ts"],"sourcesContent":["export * from './components/presets/Body1Stronger/index';\n"],"mappings":"AAAA,cAAc"}

package/lib/Body2.js

@@ -1,2 +0,0 @@
-export * from './components/presets/Body2/index';
-//# sourceMappingURL=Body2.js.map

package/lib/Body2.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../src/Body2.ts"],"sourcesContent":["export * from './components/presets/Body2/index';\n"],"mappings":"AAAA,cAAc"}

package/lib/Caption1.js

@@ -1,2 +0,0 @@
-export * from './components/presets/Caption1/index';
-//# sourceMappingURL=Caption1.js.map

package/lib/Caption1.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../src/Caption1.ts"],"sourcesContent":["export * from './components/presets/Caption1/index';\n"],"mappings":"AAAA,cAAc"}

package/lib/Caption1Strong.js

@@ -1,2 +0,0 @@
-export * from './components/presets/Caption1Strong/index';
-//# sourceMappingURL=Caption1Strong.js.map

package/lib/Caption1Strong.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../src/Caption1Strong.ts"],"sourcesContent":["export * from './components/presets/Caption1Strong/index';\n"],"mappings":"AAAA,cAAc"}

package/lib/Caption1Stronger.js

@@ -1,2 +0,0 @@
-export * from './components/presets/Caption1Stronger/index';
-//# sourceMappingURL=Caption1Stronger.js.map

package/lib/Caption1Stronger.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../src/Caption1Stronger.ts"],"sourcesContent":["export * from './components/presets/Caption1Stronger/index';\n"],"mappings":"AAAA,cAAc"}

package/lib/Caption2.js

@@ -1,2 +0,0 @@
-export * from './components/presets/Caption2/index';
-//# sourceMappingURL=Caption2.js.map

package/lib/Caption2.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../src/Caption2.ts"],"sourcesContent":["export * from './components/presets/Caption2/index';\n"],"mappings":"AAAA,cAAc"}

package/lib/Caption2Strong.js

@@ -1,2 +0,0 @@
-export * from './components/presets/Caption2Strong/index';
-//# sourceMappingURL=Caption2Strong.js.map

package/lib/Caption2Strong.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../src/Caption2Strong.ts"],"sourcesContent":["export * from './components/presets/Caption2Strong/index';\n"],"mappings":"AAAA,cAAc"}

package/lib/Display.js

@@ -1,2 +0,0 @@
-export * from './components/presets/Display/index';
-//# sourceMappingURL=Display.js.map

package/lib/Display.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../src/Display.ts"],"sourcesContent":["export * from './components/presets/Display/index';\n"],"mappings":"AAAA,cAAc"}

package/lib/LargeTitle.js

@@ -1,2 +0,0 @@
-export * from './components/presets/LargeTitle/index';
-//# sourceMappingURL=LargeTitle.js.map

package/lib/LargeTitle.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../src/LargeTitle.ts"],"sourcesContent":["export * from './components/presets/LargeTitle/index';\n"],"mappings":"AAAA,cAAc"}

package/lib/Subtitle1.js

@@ -1,2 +0,0 @@
-export * from './components/presets/Subtitle1/index';
-//# sourceMappingURL=Subtitle1.js.map

package/lib/Subtitle1.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../src/Subtitle1.ts"],"sourcesContent":["export * from './components/presets/Subtitle1/index';\n"],"mappings":"AAAA,cAAc"}

package/lib/Subtitle2.js

@@ -1,2 +0,0 @@
-export * from './components/presets/Subtitle2/index';
-//# sourceMappingURL=Subtitle2.js.map

package/lib/Subtitle2.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../src/Subtitle2.ts"],"sourcesContent":["export * from './components/presets/Subtitle2/index';\n"],"mappings":"AAAA,cAAc"}

package/lib/Subtitle2Stronger.js

@@ -1,2 +0,0 @@
-export * from './components/presets/Subtitle2Stronger/index';
-//# sourceMappingURL=Subtitle2Stronger.js.map

package/lib/Subtitle2Stronger.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../src/Subtitle2Stronger.ts"],"sourcesContent":["export * from './components/presets/Subtitle2Stronger/index';\n"],"mappings":"AAAA,cAAc"}

package/lib/Text.js

@@ -1,2 +0,0 @@
-export * from './components/Text/index';
-//# sourceMappingURL=Text.js.map

package/lib/Text.js.map

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

package/lib/Title1.js

@@ -1,2 +0,0 @@
-export * from './components/presets/Title1/index';
-//# sourceMappingURL=Title1.js.map

package/lib/Title1.js.map

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

package/lib/Title2.js

@@ -1,2 +0,0 @@
-export * from './components/presets/Title2/index';
-//# sourceMappingURL=Title2.js.map

package/lib/Title2.js.map

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

package/lib/Title3.js

@@ -1,2 +0,0 @@
-export * from './components/presets/Title3/index';
-//# sourceMappingURL=Title3.js.map

package/lib/Title3.js.map

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

package/lib/components/Text/Text.js

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { useText_unstable } from './useText';
-import { renderText_unstable } from './renderText';
-import { useTextStyles_unstable } from './useTextStyles';
-import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
-/**
- * Typography and styling abstraction component used to ensure consistency of text.
- */
-export const Text = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useText_unstable(props, ref);
-  useTextStyles_unstable(state);
-  useCustomStyleHook_unstable('useTextStyles_unstable')(state);
-  return renderText_unstable(state);
-  // Work around some small mismatches in inferred types which don't matter in practice
-});
-
-Text.displayName = 'Text';
-//# sourceMappingURL=Text.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useText_unstable","renderText_unstable","useTextStyles_unstable","useCustomStyleHook_unstable","Text","forwardRef","props","ref","state","displayName"],"sources":["../../../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 { useCustomStyleHook_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  useCustomStyleHook_unstable('useTextStyles_unstable')(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,YAAYA,KAAA,MAAW;AACvB,SAASC,gBAAgB,QAAQ;AACjC,SAASC,mBAAmB,QAAQ;AACpC,SAASC,sBAAsB,QAAQ;AAGvC,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,IAAA,gBAAuCL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACnF,MAAMC,KAAA,GAAQR,gBAAA,CAAiBM,KAAA,EAAOC,GAAA;EAEtCL,sBAAA,CAAuBM,KAAA;EAEvBL,2BAAA,CAA4B,0BAA0BK,KAAA;EAEtD,OAAOP,mBAAA,CAAoBO,KAAA;EAC3B;AACF;;AAEAJ,IAAA,CAAKK,WAAW,GAAG"}

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

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Text.types.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../../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":"AAAA"}

package/lib/components/Text/index.js

@@ -1,6 +0,0 @@
-export * from './Text';
-export * from './Text.types';
-export * from './renderText';
-export * from './useText';
-export * from './useTextStyles';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../../src/components/Text/index.ts"],"sourcesContent":["export * from './Text';\nexport * from './Text.types';\nexport * from './renderText';\nexport * from './useText';\nexport * from './useTextStyles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}

package/lib/components/Text/renderText.js

@@ -1,13 +0,0 @@
-/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
-import { getSlotsNext } from '@fluentui/react-utilities';
-/**
- * Render the final JSX of Text
- */
-export const renderText_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = getSlotsNext(state);
-  return /*#__PURE__*/createElement(slots.root, slotProps.root);
-};
-//# sourceMappingURL=renderText.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["createElement","getSlotsNext","renderText_unstable","state","slots","slotProps","root"],"sources":["../../../src/components/Text/renderText.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } 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 } = getSlotsNext<TextSlots>(state);\n\n  return <slots.root {...slotProps.root} />;\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAE9B,SAASC,YAAY,QAAQ;AAG7B;;;AAGA,OAAO,MAAMC,mBAAA,GAAuBC,KAAA,IAAqB;EACvD,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGJ,YAAA,CAAwBE,KAAA;EAErD,oBAAOH,aAbT,CAaUI,KAAA,CAAME,IAAI,EAAKD,SAAA,CAAUC,IAAI;AACvC"}

package/lib/components/Text/useText.js

@@ -1,49 +0,0 @@
-import * as React from 'react';
-import { getNativeElementProps } from '@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
- */
-export 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: getNativeElementProps(as, {
-      ref,
-      ...props,
-      as
-    })
-  };
-  return state;
-};
-//# sourceMappingURL=useText.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","getNativeElementProps","useText_unstable","props","ref","wrap","truncate","block","italic","underline","strikethrough","size","font","weight","align","_props_as","as","state","components","root"],"sources":["../../../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":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,QAAQ;AAGtC;;;;;;;;;AASA,OAAO,MAAMC,gBAAA,GAAmBA,CAACC,KAAA,EAAkBC,GAAA,KAA2C;EAC5F,MAAM;IAAEC,IAAA;IAAMC,QAAA;IAAUC,KAAA;IAAOC,MAAA;IAAQC,SAAA;IAAWC,aAAA;IAAeC,IAAA;IAAMC,IAAA;IAAMC,MAAA;IAAQC;EAAK,CAAE,GAAGX,KAAA;MACpFY,SAAA;EAAX,MAAMC,EAAA,GAAK,CAAAD,SAAA,GAAAZ,KAAA,CAAMa,EAAE,cAARD,SAAA,cAAAA,SAAA,GAAY,MAAM;EAE7B,MAAME,KAAA,GAAmB;IACvBH,KAAA,EAAOA,KAAA,aAAAA,KAAA,cAAAA,KAAA,GAAS,OAAO;IACvBP,KAAA,EAAOA,KAAA,aAAAA,KAAA,cAAAA,KAAA,GAAS,KAAK;IACrBK,IAAA,EAAMA,IAAA,aAAAA,IAAA,cAAAA,IAAA,GAAQ,MAAM;IACpBJ,MAAA,EAAQA,MAAA,aAAAA,MAAA,cAAAA,MAAA,GAAU,KAAK;IACvBG,IAAA,EAAMA,IAAA,aAAAA,IAAA,cAAAA,IAAA,GAAQ,GAAG;IACjBD,aAAA,EAAeA,aAAA,aAAAA,aAAA,cAAAA,aAAA,GAAiB,KAAK;IACrCJ,QAAA,EAAUA,QAAA,aAAAA,QAAA,cAAAA,QAAA,GAAY,KAAK;IAC3BG,SAAA,EAAWA,SAAA,aAAAA,SAAA,cAAAA,SAAA,GAAa,KAAK;IAC7BI,MAAA,EAAQA,MAAA,aAAAA,MAAA,cAAAA,MAAA,GAAU,SAAS;IAC3BR,IAAA,EAAMA,IAAA,aAAAA,IAAA,cAAAA,IAAA,GAAQ,IAAI;IAElBa,UAAA,EAAY;MAAEC,IAAA,EAAM;IAAO;IAE3BA,IAAA,EAAMlB,qBAAA,CAAsBe,EAAA,EAAI;MAC9BZ,GAAA;MACA,GAAGD,KAAK;MACRa;IACF;EACF;EAEA,OAAOC,KAAA;AACT"}

package/lib/components/Text/useTextStyles.js

@@ -1,116 +0,0 @@
-import { __styles, mergeClasses, shorthands } from '@griffel/react';
-import { tokens } from '@fluentui/react-theme';
-export const textClassNames = {
-  root: 'fui-Text'
-};
-/**
- * Styles for the root slot
- */
-const useStyles = /*#__PURE__*/__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;}"]
-});
-/**
- * Apply styling to the Text slots based on the state
- */
-export const useTextStyles_unstable = state => {
-  const styles = useStyles();
-  state.root.className = 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