@fluentui/react-text 0.0.0-nightly-20230501-0418.1 → 0.0.0-nightly-20230503-0419.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui/react-text",
   "entries": [
     {
-      "date": "Mon, 01 May 2023 04:24:07 GMT",
-      "tag": "@fluentui/react-text_v0.0.0-nightly-20230501-0418.1",
-      "version": "0.0.0-nightly-20230501-0418.1",
+      "date": "Wed, 03 May 2023 04:25:46 GMT",
+      "tag": "@fluentui/react-text_v0.0.0-nightly-20230503-0419.1",
+      "version": "0.0.0-nightly-20230503-0419.1",
       "comments": {
         "prerelease": [
           {
@@ -16,32 +16,32 @@
           {
             "author": "beachball",
             "package": "@fluentui/react-text",
-            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230501-0418.1",
-            "commit": "ec7f7770aa9dd65ad47721639ad0c5d238d9e037"
+            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230503-0419.1",
+            "commit": "a9a6cef152f4c3885a3697ddf9ded12bfce5a2be"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-text",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230501-0418.1",
-            "commit": "ec7f7770aa9dd65ad47721639ad0c5d238d9e037"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230503-0419.1",
+            "commit": "a9a6cef152f4c3885a3697ddf9ded12bfce5a2be"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-text",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230501-0418.1",
-            "commit": "ec7f7770aa9dd65ad47721639ad0c5d238d9e037"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230503-0419.1",
+            "commit": "a9a6cef152f4c3885a3697ddf9ded12bfce5a2be"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-text",
-            "comment": "Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230501-0418.1",
-            "commit": "ec7f7770aa9dd65ad47721639ad0c5d238d9e037"
+            "comment": "Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230503-0419.1",
+            "commit": "a9a6cef152f4c3885a3697ddf9ded12bfce5a2be"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-text",
-            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230501-0418.1",
-            "commit": "ec7f7770aa9dd65ad47721639ad0c5d238d9e037"
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230503-0419.1",
+            "commit": "a9a6cef152f4c3885a3697ddf9ded12bfce5a2be"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,22 +1,22 @@
 # Change Log - @fluentui/react-text
 
-This log was last generated on Mon, 01 May 2023 04:24:07 GMT and should not be manually modified.
+This log was last generated on Wed, 03 May 2023 04:25:46 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20230501-0418.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v0.0.0-nightly-20230501-0418.1)
+## [0.0.0-nightly-20230503-0419.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v0.0.0-nightly-20230503-0419.1)
 
-Mon, 01 May 2023 04:24:07 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.3.7..@fluentui/react-text_v0.0.0-nightly-20230501-0418.1)
+Wed, 03 May 2023 04:25:46 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.3.7..@fluentui/react-text_v0.0.0-nightly-20230503-0419.1)
 
 ### Changes
 
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230501-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/ec7f7770aa9dd65ad47721639ad0c5d238d9e037) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20230501-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/ec7f7770aa9dd65ad47721639ad0c5d238d9e037) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20230501-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/ec7f7770aa9dd65ad47721639ad0c5d238d9e037) by beachball)
-- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230501-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/ec7f7770aa9dd65ad47721639ad0c5d238d9e037) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230501-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/ec7f7770aa9dd65ad47721639ad0c5d238d9e037) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230503-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/a9a6cef152f4c3885a3697ddf9ded12bfce5a2be) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20230503-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/a9a6cef152f4c3885a3697ddf9ded12bfce5a2be) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20230503-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/a9a6cef152f4c3885a3697ddf9ded12bfce5a2be) by beachball)
+- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230503-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/a9a6cef152f4c3885a3697ddf9ded12bfce5a2be) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230503-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/a9a6cef152f4c3885a3697ddf9ded12bfce5a2be) by beachball)
 
 ## [9.3.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.3.7)
 

package/dist/index.d.ts

@@ -0,0 +1,240 @@
+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

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

package/lib/Body1.js.map

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

package/lib/Body1Strong.js

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

package/lib/Body1Strong.js.map

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

package/lib/Body1Stronger.js

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

package/lib/Body1Stronger.js.map

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

package/lib/Body2.js

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

package/lib/Body2.js.map

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

package/lib/Caption1.js

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

package/lib/Caption1.js.map

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

package/lib/Caption1Strong.js

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

package/lib/Caption1Strong.js.map

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

package/lib/Caption1Stronger.js

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

package/lib/Caption1Stronger.js.map

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

package/lib/Caption2.js

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

package/lib/Caption2.js.map

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

package/lib/Caption2Strong.js

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

package/lib/Caption2Strong.js.map

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

package/lib/Display.js

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

package/lib/Display.js.map

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

package/lib/LargeTitle.js

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

package/lib/LargeTitle.js.map

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

package/lib/Subtitle1.js

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

package/lib/Subtitle1.js.map

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

package/lib/Subtitle2.js

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

package/lib/Subtitle2.js.map

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

package/lib/Subtitle2Stronger.js

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

package/lib/Subtitle2Stronger.js.map

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

package/lib/Text.js

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

package/lib/Text.js.map

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

package/lib/Title1.js

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

package/lib/Title1.js.map

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

package/lib/Title2.js

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

package/lib/Title2.js.map

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

package/lib/Title3.js

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

package/lib/Title3.js.map

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

package/lib/components/Text/Text.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { useText_unstable } from './useText';
+import { renderText_unstable } from './renderText';
+import { useTextStyles_unstable } from './useTextStyles.styles';
+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

@@ -0,0 +1 @@
+{"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.styles';\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

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

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}

package/lib/components/Text/renderText.js

@@ -0,0 +1,13 @@
+/** @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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,49 @@
+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

@@ -0,0 +1 @@
+{"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"}