@fluentui/react-text 0.0.0-nightly050f89bf0020211102.1

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Caption/Caption.tsx"],"names":[],"mappings":"AACA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,IAAM,OAAO,gBAAwC,aAAa,CAAC;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAD,CAAlE","sourceRoot":""}

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

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

package/lib/components/Caption/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Caption/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

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

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

package/lib/components/Display/Display.js

@@ -0,0 +1,27 @@
+import { __styles } from '@fluentui/react-make-styles';
+import { typographyStyles } from '../../typographyStyles/index';
+import { createWrapper } from '../wrapper';
+/**
+ * Styles for the root slot
+ */
+
+var useStyles = /*#__PURE__*/__styles({
+  "root": {
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "fpyltcb",
+    "Bg96gwp": "f1ivgwrt",
+    "Bhrd7zp": "fl43uef"
+  }
+}, {
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fpyltcb{font-size:var(--fontSizeHero1000);}", ".f1ivgwrt{line-height:var(--lineHeightHero1000);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"]
+});
+/**
+ * Text wrapper component for the Display typography variant
+ */
+
+
+export var Display = /*#__PURE__*/createWrapper({
+  useStyles: useStyles,
+  displayName: 'Display'
+});
+//# sourceMappingURL=Display.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Display/Display.tsx"],"names":[],"mappings":"AACA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,IAAM,OAAO,gBAAwC,aAAa,CAAC;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAD,CAAlE","sourceRoot":""}

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

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

package/lib/components/Display/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Display/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

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

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

package/lib/components/Headline/Headline.js

@@ -0,0 +1,27 @@
+import { __styles } from '@fluentui/react-make-styles';
+import { typographyStyles } from '../../typographyStyles/index';
+import { createWrapper } from '../wrapper';
+/**
+ * Styles for the root slot
+ */
+
+var useStyles = /*#__PURE__*/__styles({
+  "root": {
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "f1pp30po",
+    "Bg96gwp": "f106mvju",
+    "Bhrd7zp": "fl43uef"
+  }
+}, {
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".f106mvju{line-height:var(--lineHeightBase500);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"]
+});
+/**
+ * Text wrapper component for the Headline typography variant
+ */
+
+
+export var Headline = /*#__PURE__*/createWrapper({
+  useStyles: useStyles,
+  displayName: 'Headline'
+});
+//# sourceMappingURL=Headline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":"AACA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,IAAM,QAAQ,gBAAwC,aAAa,CAAC;AACzE,EAAA,SAAS,EAAA,SADgE;AAEzE,EAAA,WAAW,EAAE;AAF4D,CAAD,CAAnE","sourceRoot":""}

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

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

package/lib/components/Headline/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Headline/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

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

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

package/lib/components/LargeTitle/LargeTitle.js

@@ -0,0 +1,27 @@
+import { __styles } from '@fluentui/react-make-styles';
+import { typographyStyles } from '../../typographyStyles/index';
+import { createWrapper } from '../wrapper';
+/**
+ * Styles for the root slot
+ */
+
+var useStyles = /*#__PURE__*/__styles({
+  "root": {
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "f15afnhw",
+    "Bg96gwp": "fr3w3wp",
+    "Bhrd7zp": "fl43uef"
+  }
+}, {
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f15afnhw{font-size:var(--fontSizeHero900);}", ".fr3w3wp{line-height:var(--lineHeightHero900);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"]
+});
+/**
+ * Text wrapper component for the Large Title typography variant
+ */
+
+
+export var LargeTitle = /*#__PURE__*/createWrapper({
+  useStyles: useStyles,
+  displayName: 'LargeTitle'
+});
+//# sourceMappingURL=LargeTitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/LargeTitle/LargeTitle.tsx"],"names":[],"mappings":"AACA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,IAAM,UAAU,gBAAwC,aAAa,CAAC;AAC3E,EAAA,SAAS,EAAA,SADkE;AAE3E,EAAA,WAAW,EAAE;AAF8D,CAAD,CAArE","sourceRoot":""}

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

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

package/lib/components/LargeTitle/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LargeTitle/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

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

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

package/lib/components/Subheadline/Subheadline.js

@@ -0,0 +1,27 @@
+import { __styles } from '@fluentui/react-make-styles';
+import { typographyStyles } from '../../typographyStyles/index';
+import { createWrapper } from '../wrapper';
+/**
+ * Styles for the root slot
+ */
+
+var useStyles = /*#__PURE__*/__styles({
+  "root": {
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "fod5ikn",
+    "Bg96gwp": "faaz57k",
+    "Bhrd7zp": "fl43uef"
+  }
+}, {
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"]
+});
+/**
+ * Text wrapper component for the Subheadline typography variant
+ */
+
+
+export var Subheadline = /*#__PURE__*/createWrapper({
+  useStyles: useStyles,
+  displayName: 'Subheadline'
+});
+//# sourceMappingURL=Subheadline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Subheadline/Subheadline.tsx"],"names":[],"mappings":"AACA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,IAAM,WAAW,gBAAwC,aAAa,CAAC;AAC5E,EAAA,SAAS,EAAA,SADmE;AAE5E,EAAA,WAAW,EAAE;AAF+D,CAAD,CAAtE","sourceRoot":""}

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

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

package/lib/components/Subheadline/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Subheadline/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/lib/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/components/Text/Text.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { useText } from './useText';
+import { renderText } from './renderText';
+import { useTextStyles } from './useTextStyles';
+/**
+ * Typography and styling abstraction component used to ensure consistency of text.
+ */
+
+export var Text = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var state = useText(props, ref);
+  useTextStyles(state);
+  return renderText(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,"sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,OAAT,QAAwB,WAAxB;AACA,SAAS,UAAT,QAA2B,cAA3B;AACA,SAAS,aAAT,QAA8B,iBAA9B;AAIA;;AAEG;;AACH,OAAO,IAAM,IAAI,gBAAmC,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC9E,MAAM,KAAK,GAAG,OAAO,CAAC,KAAD,EAAQ,GAAR,CAArB;AAEA,EAAA,aAAa,CAAC,KAAD,CAAb;AAEA,SAAO,UAAU,CAAC,KAAD,CAAjB,CAL8E,CAM9E;AACD,CAPmD,CAA7C;AASP,IAAI,CAAC,WAAL,GAAmB,MAAnB","sourceRoot":""}

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

@@ -0,0 +1,77 @@
+import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
+/**
+ * Text slots
+ */
+export declare type TextSlots = {
+    root: IntrinsicShorthandProps<'span', 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'pre'>;
+};
+export 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;

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,"file":"Text.types.js","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":""}

package/lib/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/components/Text/index.js

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC"}

package/lib/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: (state: TextState) => JSX.Element;

package/lib/components/Text/renderText.js

@@ -0,0 +1,15 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { getSlots } from '@fluentui/react-utilities';
+/**
+ * Render the final JSX of Text
+ */
+
+export var renderText = function (state) {
+  var _a = getSlots(state),
+      slots = _a.slots,
+      slotProps = _a.slotProps;
+
+  return /*#__PURE__*/React.createElement(slots.root, __assign({}, slotProps.root));
+};
+//# sourceMappingURL=renderText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Text/renderText.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,IAAM,UAAU,GAAG,UAAC,KAAD,EAAiB;AACnC,MAAA,EAAA,GAAuB,QAAQ,CAAY,KAAZ,CAA/B;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,sBAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAAP;AACD,CAJM","sourceRoot":""}

package/lib/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,
+ * before being passed to renderText.
+ *
+ * @param props - props from this instance of Text
+ * @param ref - reference to root HTMLElement of Text
+ */
+export declare const useText: (props: TextProps, ref: React.Ref<HTMLElement>) => TextState;

package/lib/components/Text/useText.js

@@ -0,0 +1,49 @@
+import { __assign } from "tslib";
+import { getNativeElementProps } from '@fluentui/react-utilities';
+/**
+ * Create the state required to render Text.
+ *
+ * The returned state can be modified with hooks such as useTextStyles,
+ * before being passed to renderText.
+ *
+ * @param props - props from this instance of Text
+ * @param ref - reference to root HTMLElement of Text
+ */
+
+export var useText = function (props, ref) {
+  var _a;
+
+  var wrap = props.wrap,
+      truncate = props.truncate,
+      block = props.block,
+      italic = props.italic,
+      underline = props.underline,
+      strikethrough = props.strikethrough,
+      size = props.size,
+      font = props.font,
+      weight = props.weight,
+      align = props.align;
+  var as = (_a = props.as) !== null && _a !== void 0 ? _a : 'span';
+  var 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: getNativeElementProps(as, __assign(__assign({
+      ref: ref
+    }, props), {
+      as: as
+    }))
+  };
+  return state;
+};
+//# sourceMappingURL=useText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Text/useText.ts"],"names":[],"mappings":";AACA,SAAS,qBAAT,QAAsC,2BAAtC;AAGA;;;;;;;;AAQG;;AACH,OAAO,IAAM,OAAO,GAAG,UAAC,KAAD,EAAmB,GAAnB,EAA8C;;;AAC3D,MAAA,IAAI,GAAmF,KAAK,CAAxF,IAAJ;AAAA,MAAM,QAAQ,GAAyE,KAAK,CAA9E,QAAd;AAAA,MAAgB,KAAK,GAAkE,KAAK,CAAvE,KAArB;AAAA,MAAuB,MAAM,GAA0D,KAAK,CAA/D,MAA7B;AAAA,MAA+B,SAAS,GAA+C,KAAK,CAApD,SAAxC;AAAA,MAA0C,aAAa,GAAgC,KAAK,CAArC,aAAvD;AAAA,MAAyD,IAAI,GAA0B,KAAK,CAA/B,IAA7D;AAAA,MAA+D,IAAI,GAAoB,KAAK,CAAzB,IAAnE;AAAA,MAAqE,MAAM,GAAY,KAAK,CAAjB,MAA3E;AAAA,MAA6E,KAAK,GAAK,KAAK,CAAV,KAAlF;AACR,MAAM,EAAE,GAAA,CAAA,EAAA,GAAG,KAAK,CAAC,EAAT,MAAW,IAAX,IAAW,EAAA,KAAA,KAAA,CAAX,GAAW,EAAX,GAAe,MAAvB;AAEA,MAAM,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,qBAAqB,CAAC,EAAD,EAAG,QAAA,CAAA,QAAA,CAAA;AAC5B,MAAA,GAAG,EAAA;AADyB,KAAA,EAEzB,KAFyB,CAAA,EAEpB;AACR,MAAA,EAAE,EAAA;AADM,KAFoB,CAAH;AAdJ,GAAzB;AAqBA,SAAO,KAAP;AACD,CA1BM","sourceRoot":""}

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

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

package/lib/components/Text/useTextStyles.js

@@ -0,0 +1,110 @@
+import { __styles, mergeClasses } from '@fluentui/react-make-styles';
+/**
+ * Styles for the root slot
+ */
+
+var useStyles = /*#__PURE__*/__styles({
+  "root": {
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "fkhj508",
+    "Bg96gwp": "f1i3iumi",
+    "Bhrd7zp": "figsok6",
+    "fsow6f": "fpgzoln",
+    "mc9l5x": "f1w7gpdv",
+    "Huce71": "f6juhto",
+    "Bpg54ce": "f1gl81tg",
+    "ygn44y": "f2jf649"
+  },
+  "nowrap": {
+    "Huce71": "fz5stix",
+    "Bpg54ce": "f1a3p1vp"
+  },
+  "truncate": {
+    "ygn44y": "f1cmbuwj"
+  },
+  "block": {
+    "mc9l5x": "ftgm304"
+  },
+  "italic": {
+    "B80ckks": "f1j4dglz"
+  },
+  "underline": {
+    "dwov6y": "fctto54"
+  },
+  "strikethrough": {
+    "dwov6y": "f1y2xhd0"
+  },
+  "strikethroughUnderline": {
+    "dwov6y": "f13legbo"
+  },
+  "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"
+  },
+  "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;}", ".f1gl81tg{overflow:visible;}", ".f2jf649{text-overflow:clip;}", ".fz5stix{white-space:nowrap;}", ".f1a3p1vp{overflow:hidden;}", ".f1cmbuwj{text-overflow:ellipsis;}", ".ftgm304{display:block;}", ".f1j4dglz{font-style:italic;}", ".fctto54{-webkit-text-decoration:underline;text-decoration:underline;}", ".f1y2xhd0{-webkit-text-decoration:line-through;text-decoration:line-through;}", ".f13legbo{-webkit-text-decoration:line-through underline;text-decoration: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);}", ".f17mccla{text-align:center;}", ".f12ymhq5{text-align:end;}", ".f1j59e10{text-align:justify;}"]
+});
+/**
+ * Apply styling to the Text slots based on the state
+ */
+
+
+export var useTextStyles = function (state) {
+  var styles = useStyles();
+  state.root.className = mergeClasses(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.align === 'center' && styles.alignCenter, state.align === 'end' && styles.alignEnd, state.align === 'justify' && styles.alignJustify, state.root.className);
+  return state;
+};
+//# sourceMappingURL=useTextStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Text/useTextStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AA6FA;;AAEG;;;AACH,OAAO,IAAM,aAAa,GAAG,UAAC,KAAD,EAAiB;AAC5C,MAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,MAAM,CAAC,IAD0B,EAEjC,KAAK,CAAC,IAAN,KAAe,KAAf,IAAwB,MAAM,CAAC,MAFE,EAGjC,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,QAHQ,EAIjC,KAAK,CAAC,KAAN,IAAe,MAAM,CAAC,KAJW,EAKjC,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,MALU,EAMjC,KAAK,CAAC,SAAN,IAAmB,MAAM,CAAC,SANO,EAOjC,KAAK,CAAC,aAAN,IAAuB,MAAM,CAAC,aAPG,EAQjC,KAAK,CAAC,SAAN,IAAmB,KAAK,CAAC,aAAzB,IAA0C,MAAM,CAAC,sBARhB,EASjC,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OATI,EAUjC,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAVI,EAWjC,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAXI,EAYjC,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAZI,EAajC,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAbI,EAcjC,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAdI,EAejC,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAfI,EAgBjC,KAAK,CAAC,IAAN,KAAe,GAAf,IAAsB,MAAM,CAAC,OAhBI,EAiBjC,KAAK,CAAC,IAAN,KAAe,IAAf,IAAuB,MAAM,CAAC,QAjBG,EAkBjC,KAAK,CAAC,IAAN,KAAe,WAAf,IAA8B,MAAM,CAAC,SAlBJ,EAmBjC,KAAK,CAAC,IAAN,KAAe,SAAf,IAA4B,MAAM,CAAC,OAnBF,EAoBjC,KAAK,CAAC,MAAN,KAAiB,QAAjB,IAA6B,MAAM,CAAC,YApBH,EAqBjC,KAAK,CAAC,MAAN,KAAiB,UAAjB,IAA+B,MAAM,CAAC,cArBL,EAsBjC,KAAK,CAAC,KAAN,KAAgB,QAAhB,IAA4B,MAAM,CAAC,WAtBF,EAuBjC,KAAK,CAAC,KAAN,KAAgB,KAAhB,IAAyB,MAAM,CAAC,QAvBC,EAwBjC,KAAK,CAAC,KAAN,KAAgB,SAAhB,IAA6B,MAAM,CAAC,YAxBH,EAyBjC,KAAK,CAAC,IAAN,CAAW,SAzBsB,CAAnC;AA4BA,SAAO,KAAP;AACD,CAhCM","sourceRoot":""}

package/lib/components/Title1/Title1.d.ts

@@ -0,0 +1,6 @@
+import type { FunctionComponent } from 'react';
+import { TextWrapperProps } from '../wrapper';
+/**
+ * Text wrapper component for the Title 1 typography variant
+ */
+export declare const Title1: FunctionComponent<TextWrapperProps>;

package/lib/components/Title1/Title1.js

@@ -0,0 +1,27 @@
+import { __styles } from '@fluentui/react-make-styles';
+import { typographyStyles } from '../../typographyStyles/index';
+import { createWrapper } from '../wrapper';
+/**
+ * Styles for the root slot
+ */
+
+var useStyles = /*#__PURE__*/__styles({
+  "root": {
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "fccw675",
+    "Bg96gwp": "f1ebx5kk",
+    "Bhrd7zp": "fl43uef"
+  }
+}, {
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fccw675{font-size:var(--fontSizeHero800);}", ".f1ebx5kk{line-height:var(--lineHeightHero800);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"]
+});
+/**
+ * Text wrapper component for the Title 1 typography variant
+ */
+
+
+export var Title1 = /*#__PURE__*/createWrapper({
+  useStyles: useStyles,
+  displayName: 'Title1'
+});
+//# sourceMappingURL=Title1.js.map

package/lib/components/Title1/Title1.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Title1/Title1.tsx"],"names":[],"mappings":"AACA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,IAAM,MAAM,gBAAwC,aAAa,CAAC;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAD,CAAjE","sourceRoot":""}

package/lib/components/Title1/index.d.ts

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

package/lib/components/Title1/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Title1/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/lib/components/Title2/Title2.d.ts

@@ -0,0 +1,6 @@
+import type { FunctionComponent } from 'react';
+import { TextWrapperProps } from '../wrapper';
+/**
+ * Text wrapper component for the Title 2 typography variant
+ */
+export declare const Title2: FunctionComponent<TextWrapperProps>;