@fluentui/react-text 0.0.0-nightly-20220302-0405.1

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Caption = exports.captionClassName = void 0;
+
+const react_1 = /*#__PURE__*/require("@griffel/react");
+
+const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
+
+const wrapper_1 = /*#__PURE__*/require("../wrapper");
+
+exports.captionClassName = 'fui-Caption';
+/**
+ * Styles for the root slot
+ */
+
+const useStyles = /*#__PURE__*/react_1.__styles({}, {});
+/**
+ * Text wrapper component for the Caption typography variant
+ */
+
+
+exports.Caption = /*#__PURE__*/wrapper_1.createWrapper({
+  useStyles,
+  className: exports.captionClassName,
+  displayName: 'Caption'
+});
+//# sourceMappingURL=Caption.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Caption/Caption.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,gBAAA,GAAmB,aAAnB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA,QAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,OAAA,gBAA+C,SAAA,CAAA,aAAA,CAAc;AACxE,EAAA,SADwE;AAExE,EAAA,SAAS,EAAE,OAAA,CAAA,gBAF6D;AAGxE,EAAA,WAAW,EAAE;AAH2D,CAAd,CAA/C","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\n\nexport const captionClassName = 'fui-Caption';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.caption,\n});\n\n/**\n * Text wrapper component for the Caption typography variant\n */\nexport const Caption: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: captionClassName,\n  displayName: 'Caption',\n});\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/Caption/index.d.ts

@@ -0,0 +1 @@
+export * from './Caption';

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./Caption"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,7 @@
+import type { FunctionComponent } from 'react';
+import { TextWrapperProps } from '../wrapper';
+export declare const displayClassName = "fui-Display";
+/**
+ * Text wrapper component for the Display typography variant
+ */
+export declare const Display: FunctionComponent<TextWrapperProps>;

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Display = exports.displayClassName = void 0;
+
+const react_1 = /*#__PURE__*/require("@griffel/react");
+
+const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
+
+const wrapper_1 = /*#__PURE__*/require("../wrapper");
+
+exports.displayClassName = 'fui-Display';
+/**
+ * Styles for the root slot
+ */
+
+const useStyles = /*#__PURE__*/react_1.__styles({}, {});
+/**
+ * Text wrapper component for the Display typography variant
+ */
+
+
+exports.Display = /*#__PURE__*/wrapper_1.createWrapper({
+  useStyles,
+  className: exports.displayClassName,
+  displayName: 'Display'
+});
+//# sourceMappingURL=Display.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Display/Display.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,gBAAA,GAAmB,aAAnB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA,QAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,OAAA,gBAA+C,SAAA,CAAA,aAAA,CAAc;AACxE,EAAA,SADwE;AAExE,EAAA,SAAS,EAAE,OAAA,CAAA,gBAF6D;AAGxE,EAAA,WAAW,EAAE;AAH2D,CAAd,CAA/C","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\n\nexport const displayClassName = 'fui-Display';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.display,\n});\n\n/**\n * Text wrapper component for the Display typography variant\n */\nexport const Display: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: displayClassName,\n  displayName: 'Display',\n});\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/Display/index.d.ts

@@ -0,0 +1 @@
+export * from './Display';

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./Display"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,7 @@
+import type { FunctionComponent } from 'react';
+import { TextWrapperProps } from '../wrapper';
+export declare const headlineClassName = "fui-Headline";
+/**
+ * Text wrapper component for the Headline typography variant
+ */
+export declare const Headline: FunctionComponent<TextWrapperProps>;

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Headline = exports.headlineClassName = void 0;
+
+const react_1 = /*#__PURE__*/require("@griffel/react");
+
+const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
+
+const wrapper_1 = /*#__PURE__*/require("../wrapper");
+
+exports.headlineClassName = 'fui-Headline';
+/**
+ * Styles for the root slot
+ */
+
+const useStyles = /*#__PURE__*/react_1.__styles({}, {});
+/**
+ * Text wrapper component for the Headline typography variant
+ */
+
+
+exports.Headline = /*#__PURE__*/wrapper_1.createWrapper({
+  useStyles,
+  className: exports.headlineClassName,
+  displayName: 'Headline'
+});
+//# sourceMappingURL=Headline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Headline/Headline.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,iBAAA,GAAoB,cAApB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA,QAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,QAAA,gBAAgD,SAAA,CAAA,aAAA,CAAc;AACzE,EAAA,SADyE;AAEzE,EAAA,SAAS,EAAE,OAAA,CAAA,iBAF8D;AAGzE,EAAA,WAAW,EAAE;AAH4D,CAAd,CAAhD","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\n\nexport const headlineClassName = 'fui-Headline';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.headline,\n});\n\n/**\n * Text wrapper component for the Headline typography variant\n */\nexport const Headline: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: headlineClassName,\n  displayName: 'Headline',\n});\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/Headline/index.d.ts

@@ -0,0 +1 @@
+export * from './Headline';

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./Headline"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,7 @@
+import type { FunctionComponent } from 'react';
+import { TextWrapperProps } from '../wrapper';
+export declare const largeTitleClassName = "fui-LargeTitle";
+/**
+ * Text wrapper component for the Large Title typography variant
+ */
+export declare const LargeTitle: FunctionComponent<TextWrapperProps>;

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LargeTitle = exports.largeTitleClassName = void 0;
+
+const react_1 = /*#__PURE__*/require("@griffel/react");
+
+const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
+
+const wrapper_1 = /*#__PURE__*/require("../wrapper");
+
+exports.largeTitleClassName = 'fui-LargeTitle';
+/**
+ * Styles for the root slot
+ */
+
+const useStyles = /*#__PURE__*/react_1.__styles({}, {});
+/**
+ * Text wrapper component for the Large Title typography variant
+ */
+
+
+exports.LargeTitle = /*#__PURE__*/wrapper_1.createWrapper({
+  useStyles,
+  className: exports.largeTitleClassName,
+  displayName: 'LargeTitle'
+});
+//# sourceMappingURL=LargeTitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/LargeTitle/LargeTitle.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,mBAAA,GAAsB,gBAAtB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA,QAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,UAAA,gBAAkD,SAAA,CAAA,aAAA,CAAc;AAC3E,EAAA,SAD2E;AAE3E,EAAA,SAAS,EAAE,OAAA,CAAA,mBAFgE;AAG3E,EAAA,WAAW,EAAE;AAH8D,CAAd,CAAlD","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\n\nexport const largeTitleClassName = 'fui-LargeTitle';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.largeTitle,\n});\n\n/**\n * Text wrapper component for the Large Title typography variant\n */\nexport const LargeTitle: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: largeTitleClassName,\n  displayName: 'LargeTitle',\n});\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/LargeTitle/index.d.ts

@@ -0,0 +1 @@
+export * from './LargeTitle';

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./LargeTitle"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,7 @@
+import type { FunctionComponent } from 'react';
+import { TextWrapperProps } from '../wrapper';
+export declare const subheadlineClassName = "fui-Subheadline";
+/**
+ * Text wrapper component for the Subheadline typography variant
+ */
+export declare const Subheadline: FunctionComponent<TextWrapperProps>;

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Subheadline = exports.subheadlineClassName = void 0;
+
+const react_1 = /*#__PURE__*/require("@griffel/react");
+
+const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
+
+const wrapper_1 = /*#__PURE__*/require("../wrapper");
+
+exports.subheadlineClassName = 'fui-Subheadline';
+/**
+ * Styles for the root slot
+ */
+
+const useStyles = /*#__PURE__*/react_1.__styles({}, {});
+/**
+ * Text wrapper component for the Subheadline typography variant
+ */
+
+
+exports.Subheadline = /*#__PURE__*/wrapper_1.createWrapper({
+  useStyles,
+  className: exports.subheadlineClassName,
+  displayName: 'Subheadline'
+});
+//# sourceMappingURL=Subheadline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Subheadline/Subheadline.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,oBAAA,GAAuB,iBAAvB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA,QAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,WAAA,gBAAmD,SAAA,CAAA,aAAA,CAAc;AAC5E,EAAA,SAD4E;AAE5E,EAAA,SAAS,EAAE,OAAA,CAAA,oBAFiE;AAG5E,EAAA,WAAW,EAAE;AAH+D,CAAd,CAAnD","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\n\nexport const subheadlineClassName = 'fui-Subheadline';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.subheadline,\n});\n\n/**\n * Text wrapper component for the Subheadline typography variant\n */\nexport const Subheadline: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: subheadlineClassName,\n  displayName: 'Subheadline',\n});\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/Subheadline/index.d.ts

@@ -0,0 +1 @@
+export * from './Subheadline';

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./Subheadline"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,6 @@
+import type { TextProps } from './Text.types';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+/**
+ * Typography and styling abstraction component used to ensure consistency of text.
+ */
+export declare const Text: ForwardRefComponent<TextProps>;

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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");
+/**
+ * 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);
+  return renderText_1.renderText_unstable(state); // Work around some small mismatches in inferred types which don't matter in practice
+});
+exports.Text.displayName = 'Text';
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,IAAA,gBAAuC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAClF,QAAM,KAAK,GAAG,SAAA,CAAA,gBAAA,CAAiB,KAAjB,EAAwB,GAAxB,CAAd;AAEA,EAAA,eAAA,CAAA,sBAAA,CAAuB,KAAvB;AAEA,SAAO,YAAA,CAAA,mBAAA,CAAoB,KAApB,CAAP,CALkF,CAMlF;AACD,CAPmD,CAAvC;AASb,OAAA,CAAA,IAAA,CAAK,WAAL,GAAmB,MAAnB","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';\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  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"],"sourceRoot":"../src/"}

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

@@ -0,0 +1,78 @@
+import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
+/**
+ * Text slots
+ */
+export declare type TextSlots = {
+    root: Slot<'span', 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'pre'>;
+};
+declare type TextCommons = {
+    /**
+     * Wraps the text content on white spaces.
+     *
+     * @defaultValue true
+     */
+    wrap: boolean;
+    /**
+     * Truncate overflowing text for block displays.
+     *
+     * @defaultValue false
+     */
+    truncate: boolean;
+    /**
+     * Applies a block display for the content.
+     *
+     * @defaultValue false
+     */
+    block: boolean;
+    /**
+     * Applies the italic font style to the content.
+     *
+     * @defaultValue false
+     */
+    italic: boolean;
+    /**
+     * Applies the underline text decoration to the content.
+     *
+     * @defaultValue false
+     */
+    underline: boolean;
+    /**
+     * Applies the strikethrough text decoration to the content.
+     *
+     * @defaultValue false
+     */
+    strikethrough: boolean;
+    /**
+     * Applies font size and line height based on the theme tokens.
+     *
+     * @defaultValue 300
+     */
+    size: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
+    /**
+     * Applies the font family to the content.
+     *
+     * @defaultValue base
+     */
+    font: 'base' | 'monospace' | 'numeric';
+    /**
+     * Applies font weight to the content.
+     *
+     * @defaultValue regular
+     */
+    weight: 'regular' | 'medium' | 'semibold';
+    /**
+     * Aligns text based on the parent container.
+     *
+     * @defaultValue start
+     */
+    align: 'start' | 'center' | 'end' | 'justify';
+};
+/**
+ * Text Props
+ */
+export declare type TextProps = ComponentProps<TextSlots> & Partial<TextCommons>;
+/**
+ * State used in rendering Text
+ */
+export declare type TextState = ComponentState<TextSlots> & TextCommons;
+export {};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":"../src/"}

package/lib-commonjs/components/Text/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Text';
+export * from './Text.types';
+export * from './renderText';
+export * from './useText';
+export * from './useTextStyles';

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  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);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Text/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,WAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Text';\nexport * from './Text.types';\nexport * from './renderText';\nexport * from './useText';\nexport * from './useTextStyles';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/Text/renderText.d.ts

@@ -0,0 +1,5 @@
+import type { TextState } from './Text.types';
+/**
+ * Render the final JSX of Text
+ */
+export declare const renderText_unstable: (state: TextState) => JSX.Element;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Text/renderText.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,mBAAmB,GAAI,KAAD,IAAqB;AACtD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAoB,KAApB,CAA7B;AAEA,SAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","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"],"sourceRoot":"../src/"}

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { TextProps, TextState } from './Text.types';
+/**
+ * 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.Ref<HTMLElement>) => TextState;

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

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 = {
+    wrap: wrap !== null && wrap !== void 0 ? wrap : true,
+    truncate: truncate !== null && truncate !== void 0 ? truncate : false,
+    block: block !== null && block !== void 0 ? block : false,
+    italic: italic !== null && italic !== void 0 ? italic : false,
+    underline: underline !== null && underline !== void 0 ? underline : false,
+    strikethrough: strikethrough !== null && strikethrough !== void 0 ? strikethrough : false,
+    size: size !== null && size !== void 0 ? size : 300,
+    font: font !== null && font !== void 0 ? font : 'base',
+    weight: weight !== null && weight !== void 0 ? weight : 'regular',
+    align: align !== null && align !== void 0 ? align : 'start',
+    components: {
+      root: 'span'
+    },
+    root: react_utilities_1.getNativeElementProps(as, {
+      ref,
+      ...props,
+      as
+    })
+  };
+  return state;
+};
+
+exports.useText_unstable = useText_unstable;
+//# sourceMappingURL=useText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Text/useText.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;;;;;;AAQG;;;AACI,MAAM,gBAAgB,GAAG,CAAC,KAAD,EAAmB,GAAnB,KAA6D;;;AAC3F,QAAM;AAAE,IAAA,IAAF;AAAQ,IAAA,QAAR;AAAkB,IAAA,KAAlB;AAAyB,IAAA,MAAzB;AAAiC,IAAA,SAAjC;AAA4C,IAAA,aAA5C;AAA2D,IAAA,IAA3D;AAAiE,IAAA,IAAjE;AAAuE,IAAA,MAAvE;AAA+E,IAAA;AAA/E,MAAyF,KAA/F;AACA,QAAM,EAAE,GAAG,CAAA,EAAA,GAAA,KAAK,CAAC,EAAN,MAAQ,IAAR,IAAQ,EAAA,KAAA,KAAA,CAAR,GAAQ,EAAR,GAAY,MAAvB;AAEA,QAAM,KAAK,GAAc;AACvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,IADS;AAEvB,IAAA,QAAQ,EAAE,QAAQ,KAAA,IAAR,IAAA,QAAQ,KAAA,KAAA,CAAR,GAAA,QAAA,GAAY,KAFC;AAGvB,IAAA,KAAK,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAA,KAAA,GAAS,KAHO;AAIvB,IAAA,MAAM,EAAE,MAAM,KAAA,IAAN,IAAA,MAAM,KAAA,KAAA,CAAN,GAAA,MAAA,GAAU,KAJK;AAKvB,IAAA,SAAS,EAAE,SAAS,KAAA,IAAT,IAAA,SAAS,KAAA,KAAA,CAAT,GAAA,SAAA,GAAa,KALD;AAMvB,IAAA,aAAa,EAAE,aAAa,KAAA,IAAb,IAAA,aAAa,KAAA,KAAA,CAAb,GAAA,aAAA,GAAiB,KANT;AAOvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,GAPS;AAQvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,MARS;AASvB,IAAA,MAAM,EAAE,MAAM,KAAA,IAAN,IAAA,MAAM,KAAA,KAAA,CAAN,GAAA,MAAA,GAAU,SATK;AAUvB,IAAA,KAAK,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAA,KAAA,GAAS,OAVO;AAYvB,IAAA,UAAU,EAAE;AAAE,MAAA,IAAI,EAAE;AAAR,KAZW;AAcvB,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,EAAtB,EAA0B;AAC9B,MAAA,GAD8B;AAE9B,SAAG,KAF2B;AAG9B,MAAA;AAH8B,KAA1B;AAdiB,GAAzB;AAqBA,SAAO,KAAP;AACD,CA1BM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","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    wrap: wrap ?? true,\n    truncate: truncate ?? false,\n    block: block ?? false,\n    italic: italic ?? false,\n    underline: underline ?? false,\n    strikethrough: strikethrough ?? false,\n    size: size ?? 300,\n    font: font ?? 'base',\n    weight: weight ?? 'regular',\n    align: align ?? 'start',\n\n    components: { root: 'span' },\n\n    root: getNativeElementProps(as, {\n      ref,\n      ...props,\n      as,\n    }),\n  };\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/Text/useTextStyles.d.ts

@@ -0,0 +1,6 @@
+import type { TextState } from './Text.types';
+export declare const textClassName = "fui-Text";
+/**
+ * Apply styling to the Text slots based on the state
+ */
+export declare const useTextStyles_unstable: (state: TextState) => TextState;