@fluentui/react-text 9.0.0-rc.6 → 9.0.0-rc.9

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

@@ -1 +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;AAIA;;AAEG;;;AACU,OAAA,CAAA,gBAAA,GAAmB,aAAnB;AACA,OAAA,CAAA,iBAAA,GAA+C;AAC1D,EAAA,IAAI,EAAE;AADoD,CAA/C;AAIb;;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,iBAAA,CAAkB,IAF2C;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';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\n\n/**\n * @deprecated Use `displayClassNames.root` instead.\n */\nexport const displayClassName = 'fui-Display';\nexport const displayClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Display',\n};\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: displayClassNames.root,\n  displayName: 'Display',\n});\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["components/Display/Display.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,gBAAA,GAAmB,aAAnB;AACA,OAAA,CAAA,iBAAA,GAA+C;AAC1D,EAAA,IAAI,EAAE;AADoD,CAA/C;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,OAAA,gBAA+C,SAAA,CAAA,aAAA,CAAc;AACxE,EAAA,SADwE;AAExE,EAAA,SAAS,EAAE,OAAA,CAAA,iBAAA,CAAkB,IAF2C;AAGxE,EAAA,WAAW,EAAE;AAH2D,CAAd,CAA/C","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\n/**\n * @deprecated Use `displayClassNames.root` instead.\n */\nexport const displayClassName = 'fui-Display';\nexport const displayClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Display',\n};\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: displayClassNames.root,\n  displayName: 'Display',\n});\n"],"sourceRoot":"../src/"}

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

@@ -7,9 +7,9 @@ exports.Headline = exports.headlineClassNames = exports.headlineClassName = void
 
 const react_1 = /*#__PURE__*/require("@griffel/react");
 
-const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
-
 const wrapper_1 = /*#__PURE__*/require("../wrapper");
+
+const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
 /**
  * @deprecated Use `headlineClassNames.root` instead.
  */
@@ -23,7 +23,16 @@ exports.headlineClassNames = {
  * Styles for the root slot
  */
 
-const useStyles = /*#__PURE__*/react_1.__styles({}, {});
+const useStyles = /*#__PURE__*/react_1.__styles({
+  "root": {
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "f1pp30po",
+    "Bhrd7zp": "fl43uef",
+    "Bg96gwp": "f106mvju"
+  }
+}, {
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f106mvju{line-height:var(--lineHeightBase500);}"]
+});
 /**
  * Text wrapper component for the Headline typography variant
  */

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

@@ -1 +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;AAIA;;AAEG;;;AACU,OAAA,CAAA,iBAAA,GAAoB,cAApB;AACA,OAAA,CAAA,kBAAA,GAAgD;AAC3D,EAAA,IAAI,EAAE;AADqD,CAAhD;AAIb;;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,kBAAA,CAAmB,IAF2C;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';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\n\n/**\n * @deprecated Use `headlineClassNames.root` instead.\n */\nexport const headlineClassName = 'fui-Headline';\nexport const headlineClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Headline',\n};\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: headlineClassNames.root,\n  displayName: 'Headline',\n});\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["components/Headline/Headline.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,iBAAA,GAAoB,cAApB;AACA,OAAA,CAAA,kBAAA,GAAgD;AAC3D,EAAA,IAAI,EAAE;AADqD,CAAhD;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,QAAA,gBAAgD,SAAA,CAAA,aAAA,CAAc;AACzE,EAAA,SADyE;AAEzE,EAAA,SAAS,EAAE,OAAA,CAAA,kBAAA,CAAmB,IAF2C;AAGzE,EAAA,WAAW,EAAE;AAH4D,CAAd,CAAhD","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\n/**\n * @deprecated Use `headlineClassNames.root` instead.\n */\nexport const headlineClassName = 'fui-Headline';\nexport const headlineClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Headline',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.subtitle1,\n});\n\n/**\n * Text wrapper component for the Headline typography variant\n */\nexport const Headline: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: headlineClassNames.root,\n  displayName: 'Headline',\n});\n"],"sourceRoot":"../src/"}

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

@@ -7,9 +7,9 @@ exports.LargeTitle = exports.largeTitleClassNames = exports.largeTitleClassName
 
 const react_1 = /*#__PURE__*/require("@griffel/react");
 
-const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
-
 const wrapper_1 = /*#__PURE__*/require("../wrapper");
+
+const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
 /**
  * @deprecated Use `largeTitleClassNames.root` instead.
  */
@@ -23,7 +23,16 @@ exports.largeTitleClassNames = {
  * Styles for the root slot
  */
 
-const useStyles = /*#__PURE__*/react_1.__styles({}, {});
+const useStyles = /*#__PURE__*/react_1.__styles({
+  "root": {
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "f15afnhw",
+    "Bhrd7zp": "fl43uef",
+    "Bg96gwp": "fr3w3wp"
+  }
+}, {
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f15afnhw{font-size:var(--fontSizeHero900);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fr3w3wp{line-height:var(--lineHeightHero900);}"]
+});
 /**
  * Text wrapper component for the Large Title typography variant
  */

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

@@ -1 +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;AAIA;;AAEG;;;AACU,OAAA,CAAA,mBAAA,GAAsB,gBAAtB;AACA,OAAA,CAAA,oBAAA,GAAkD;AAC7D,EAAA,IAAI,EAAE;AADuD,CAAlD;AAIb;;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,oBAAA,CAAqB,IAF2C;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';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\n\n/**\n * @deprecated Use `largeTitleClassNames.root` instead.\n */\nexport const largeTitleClassName = 'fui-LargeTitle';\nexport const largeTitleClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-LargeTitle',\n};\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: largeTitleClassNames.root,\n  displayName: 'LargeTitle',\n});\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["components/LargeTitle/LargeTitle.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,mBAAA,GAAsB,gBAAtB;AACA,OAAA,CAAA,oBAAA,GAAkD;AAC7D,EAAA,IAAI,EAAE;AADuD,CAAlD;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,UAAA,gBAAkD,SAAA,CAAA,aAAA,CAAc;AAC3E,EAAA,SAD2E;AAE3E,EAAA,SAAS,EAAE,OAAA,CAAA,oBAAA,CAAqB,IAF2C;AAG3E,EAAA,WAAW,EAAE;AAH8D,CAAd,CAAlD","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\n/**\n * @deprecated Use `largeTitleClassNames.root` instead.\n */\nexport const largeTitleClassName = 'fui-LargeTitle';\nexport const largeTitleClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-LargeTitle',\n};\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: largeTitleClassNames.root,\n  displayName: 'LargeTitle',\n});\n"],"sourceRoot":"../src/"}

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

@@ -7,9 +7,9 @@ exports.Subheadline = exports.subheadlineClassNames = exports.subheadlineClassNa
 
 const react_1 = /*#__PURE__*/require("@griffel/react");
 
-const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
-
 const wrapper_1 = /*#__PURE__*/require("../wrapper");
+
+const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
 /**
  * @deprecated Use `subheadlineClassNames.root` instead.
  */
@@ -23,7 +23,16 @@ exports.subheadlineClassNames = {
  * Styles for the root slot
  */
 
-const useStyles = /*#__PURE__*/react_1.__styles({}, {});
+const useStyles = /*#__PURE__*/react_1.__styles({
+  "root": {
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "fod5ikn",
+    "Bhrd7zp": "fl43uef",
+    "Bg96gwp": "faaz57k"
+  }
+}, {
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".faaz57k{line-height:var(--lineHeightBase400);}"]
+});
 /**
  * Text wrapper component for the Subheadline typography variant
  */

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

@@ -1 +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;AAIA;;AAEG;;;AACU,OAAA,CAAA,oBAAA,GAAuB,iBAAvB;AACA,OAAA,CAAA,qBAAA,GAAmD;AAC9D,EAAA,IAAI,EAAE;AADwD,CAAnD;AAIb;;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,qBAAA,CAAsB,IAF2C;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';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\n\n/**\n * @deprecated Use `subheadlineClassNames.root` instead.\n */\nexport const subheadlineClassName = 'fui-Subheadline';\nexport const subheadlineClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Subheadline',\n};\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: subheadlineClassNames.root,\n  displayName: 'Subheadline',\n});\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["components/Subheadline/Subheadline.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,oBAAA,GAAuB,iBAAvB;AACA,OAAA,CAAA,qBAAA,GAAmD;AAC9D,EAAA,IAAI,EAAE;AADwD,CAAnD;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,WAAA,gBAAmD,SAAA,CAAA,aAAA,CAAc;AAC5E,EAAA,SAD4E;AAE5E,EAAA,SAAS,EAAE,OAAA,CAAA,qBAAA,CAAsB,IAF2C;AAG5E,EAAA,WAAW,EAAE;AAH+D,CAAd,CAAnD","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\n/**\n * @deprecated Use `subheadlineClassNames.root` instead.\n */\nexport const subheadlineClassName = 'fui-Subheadline';\nexport const subheadlineClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Subheadline',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.subtitle2,\n});\n\n/**\n * Text wrapper component for the Subheadline typography variant\n */\nexport const Subheadline: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: subheadlineClassNames.root,\n  displayName: 'Subheadline',\n});\n"],"sourceRoot":"../src/"}

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

@@ -34,16 +34,16 @@ const useText_unstable = (props, ref) => {
   } = 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,
+    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,
-    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',
+    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',
-    align: align !== null && align !== void 0 ? align : 'start',
+    wrap: wrap !== null && wrap !== void 0 ? wrap : true,
     components: {
       root: 'span'
     },

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

@@ -1 +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/"}
+{"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,KAAK,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAA,KAAA,GAAS,OADO;AAEvB,IAAA,KAAK,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAA,KAAA,GAAS,KAFO;AAGvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,MAHS;AAIvB,IAAA,MAAM,EAAE,MAAM,KAAA,IAAN,IAAA,MAAM,KAAA,KAAA,CAAN,GAAA,MAAA,GAAU,KAJK;AAKvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,GALS;AAMvB,IAAA,aAAa,EAAE,aAAa,KAAA,IAAb,IAAA,aAAa,KAAA,KAAA,CAAb,GAAA,aAAA,GAAiB,KANT;AAOvB,IAAA,QAAQ,EAAE,QAAQ,KAAA,IAAR,IAAA,QAAQ,KAAA,KAAA,CAAR,GAAA,QAAA,GAAY,KAPC;AAQvB,IAAA,SAAS,EAAE,SAAS,KAAA,IAAT,IAAA,SAAS,KAAA,KAAA,CAAT,GAAA,SAAA,GAAa,KARD;AASvB,IAAA,MAAM,EAAE,MAAM,KAAA,IAAN,IAAA,MAAM,KAAA,KAAA,CAAN,GAAA,MAAA,GAAU,SATK;AAUvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,IAVS;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    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"],"sourceRoot":"../src/"}

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

@@ -7,9 +7,9 @@ exports.Title1 = exports.title1ClassNames = exports.title1ClassName = void 0;
 
 const react_1 = /*#__PURE__*/require("@griffel/react");
 
-const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
-
 const wrapper_1 = /*#__PURE__*/require("../wrapper");
+
+const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
 /**
  * @deprecated Use `title1ClassNames.root` instead.
  */
@@ -23,7 +23,16 @@ exports.title1ClassNames = {
  * Styles for the root slot
  */
 
-const useStyles = /*#__PURE__*/react_1.__styles({}, {});
+const useStyles = /*#__PURE__*/react_1.__styles({
+  "root": {
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "fccw675",
+    "Bhrd7zp": "fl43uef",
+    "Bg96gwp": "f1ebx5kk"
+  }
+}, {
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fccw675{font-size:var(--fontSizeHero800);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1ebx5kk{line-height:var(--lineHeightHero800);}"]
+});
 /**
  * Text wrapper component for the Title 1 typography variant
  */

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Title1/Title1.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;AAIA;;AAEG;;;AACU,OAAA,CAAA,eAAA,GAAkB,YAAlB;AACA,OAAA,CAAA,gBAAA,GAA8C;AACzD,EAAA,IAAI,EAAE;AADmD,CAA9C;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA,QAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,OAAA,CAAA,gBAAA,CAAiB,IAF2C;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAd,CAA9C","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\n\n/**\n * @deprecated Use `title1ClassNames.root` instead.\n */\nexport const title1ClassName = 'fui-Title1';\nexport const title1ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Title1',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.title1,\n});\n\n/**\n * Text wrapper component for the Title 1 typography variant\n */\nexport const Title1: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: title1ClassNames.root,\n  displayName: 'Title1',\n});\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["components/Title1/Title1.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,eAAA,GAAkB,YAAlB;AACA,OAAA,CAAA,gBAAA,GAA8C;AACzD,EAAA,IAAI,EAAE;AADmD,CAA9C;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,OAAA,CAAA,gBAAA,CAAiB,IAF2C;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAd,CAA9C","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\n/**\n * @deprecated Use `title1ClassNames.root` instead.\n */\nexport const title1ClassName = 'fui-Title1';\nexport const title1ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Title1',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.title1,\n});\n\n/**\n * Text wrapper component for the Title 1 typography variant\n */\nexport const Title1: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: title1ClassNames.root,\n  displayName: 'Title1',\n});\n"],"sourceRoot":"../src/"}

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

@@ -7,9 +7,9 @@ exports.Title2 = exports.title2ClassNames = exports.title2ClassName = void 0;
 
 const react_1 = /*#__PURE__*/require("@griffel/react");
 
-const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
-
 const wrapper_1 = /*#__PURE__*/require("../wrapper");
+
+const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
 /**
  * @deprecated Use `title2ClassNames.root` instead.
  */
@@ -23,7 +23,16 @@ exports.title2ClassNames = {
  * Styles for the root slot
  */
 
-const useStyles = /*#__PURE__*/react_1.__styles({}, {});
+const useStyles = /*#__PURE__*/react_1.__styles({
+  "root": {
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "fojgt09",
+    "Bhrd7zp": "fl43uef",
+    "Bg96gwp": "fcen8rp"
+  }
+}, {
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fojgt09{font-size:var(--fontSizeHero700);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fcen8rp{line-height:var(--lineHeightHero700);}"]
+});
 /**
  * Text wrapper component for the Title 2 typography variant
  */

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Title2/Title2.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;AAIA;;AAEG;;;AACU,OAAA,CAAA,eAAA,GAAkB,YAAlB;AACA,OAAA,CAAA,gBAAA,GAA8C;AACzD,EAAA,IAAI,EAAE;AADmD,CAA9C;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA,QAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,OAAA,CAAA,gBAAA,CAAiB,IAF2C;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAd,CAA9C","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\n\n/**\n * @deprecated Use `title2ClassNames.root` instead.\n */\nexport const title2ClassName = 'fui-Title2';\nexport const title2ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Title2',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.title2,\n});\n\n/**\n * Text wrapper component for the Title 2 typography variant\n */\nexport const Title2: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: title2ClassNames.root,\n  displayName: 'Title2',\n});\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["components/Title2/Title2.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,eAAA,GAAkB,YAAlB;AACA,OAAA,CAAA,gBAAA,GAA8C;AACzD,EAAA,IAAI,EAAE;AADmD,CAA9C;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,OAAA,CAAA,gBAAA,CAAiB,IAF2C;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAd,CAA9C","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\n/**\n * @deprecated Use `title2ClassNames.root` instead.\n */\nexport const title2ClassName = 'fui-Title2';\nexport const title2ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Title2',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.title2,\n});\n\n/**\n * Text wrapper component for the Title 2 typography variant\n */\nexport const Title2: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: title2ClassNames.root,\n  displayName: 'Title2',\n});\n"],"sourceRoot":"../src/"}

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

@@ -7,9 +7,9 @@ exports.Title3 = exports.title3ClassNames = exports.title3ClassName = void 0;
 
 const react_1 = /*#__PURE__*/require("@griffel/react");
 
-const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
-
 const wrapper_1 = /*#__PURE__*/require("../wrapper");
+
+const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
 /**
  * @deprecated Use `title3ClassNames.root` instead.
  */
@@ -23,7 +23,16 @@ exports.title3ClassNames = {
  * Styles for the root slot
  */
 
-const useStyles = /*#__PURE__*/react_1.__styles({}, {});
+const useStyles = /*#__PURE__*/react_1.__styles({
+  "root": {
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "f1x0m3f5",
+    "Bhrd7zp": "fl43uef",
+    "Bg96gwp": "fb86gi6"
+  }
+}, {
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1x0m3f5{font-size:var(--fontSizeBase600);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fb86gi6{line-height:var(--lineHeightBase600);}"]
+});
 /**
  * Text wrapper component for the Title 3 typography variant
  */

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Title3/Title3.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;AAIA;;AAEG;;;AACU,OAAA,CAAA,eAAA,GAAkB,YAAlB;AACA,OAAA,CAAA,gBAAA,GAA8C;AACzD,EAAA,IAAI,EAAE;AADmD,CAA9C;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA,QAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,OAAA,CAAA,gBAAA,CAAiB,IAF2C;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAd,CAA9C","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\n\n/**\n * @deprecated Use `title3ClassNames.root` instead.\n */\nexport const title3ClassName = 'fui-Title3';\nexport const title3ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Title3',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.title3,\n});\n\n/**\n * Text wrapper component for the Title 3 typography variant\n */\nexport const Title3: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: title3ClassNames.root,\n  displayName: 'Title3',\n});\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["components/Title3/Title3.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,eAAA,GAAkB,YAAlB;AACA,OAAA,CAAA,gBAAA,GAA8C;AACzD,EAAA,IAAI,EAAE;AADmD,CAA9C;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,OAAA,CAAA,gBAAA,CAAiB,IAF2C;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAd,CAA9C","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\n/**\n * @deprecated Use `title3ClassNames.root` instead.\n */\nexport const title3ClassName = 'fui-Title3';\nexport const title3ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Title3',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.title3,\n});\n\n/**\n * Text wrapper component for the Title 3 typography variant\n */\nexport const Title3: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: title3ClassNames.root,\n  displayName: 'Title3',\n});\n"],"sourceRoot":"../src/"}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@fluentui/react-text",
-  "version": "9.0.0-rc.6",
+  "version": "9.0.0-rc.9",
   "description": "Text is a typography and styling abstraction component that can be used to ensure the consistency of all text across your application.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
-  "typings": "lib/index.d.ts",
+  "typings": "dist/index.d.ts",
   "sideEffects": false,
   "repository": {
     "type": "git",
@@ -21,20 +21,20 @@
     "start": "yarn storybook",
     "test": "jest --passWithNoTests",
     "docs": "api-extractor run --config=config/api-extractor.local.json --local",
-    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-text/src && yarn docs",
-    "storybook": "node ../../scripts/storybook/runner",
+    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-text/src && yarn docs",
+    "storybook": "node ../../../scripts/storybook/runner",
     "type-check": "tsc -b tsconfig.json"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.4",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.6",
     "@fluentui/scripts": "^1.0.0"
   },
   "dependencies": {
-    "@griffel/react": "1.0.3",
-    "@fluentui/react-theme": "9.0.0-rc.5",
-    "@fluentui/react-utilities": "9.0.0-rc.6",
+    "@griffel/react": "1.0.5",
+    "@fluentui/react-theme": "9.0.0-rc.8",
+    "@fluentui/react-utilities": "9.0.0-rc.9",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {

package/lib/Body.d.ts

@@ -1 +0,0 @@
-export * from './components/Body/index';

package/lib/Caption.d.ts

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

package/lib/Display.d.ts

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

package/lib/Headline.d.ts

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

package/lib/LargeTitle.d.ts

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

package/lib/Subheadline.d.ts

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

package/lib/Text.d.ts

@@ -1 +0,0 @@
-export * from './components/Text/index';

package/lib/Title1.d.ts

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

package/lib/Title2.d.ts

@@ -1 +0,0 @@
-export * from './components/Title2/index';

package/lib/Title3.d.ts

@@ -1 +0,0 @@
-export * from './components/Title3/index';

package/lib/components/Body/Body.d.ts

@@ -1,13 +0,0 @@
-import type { FunctionComponent } from 'react';
-import { TextWrapperProps } from '../wrapper';
-import { SlotClassNames } from '@fluentui/react-utilities';
-import { TextSlots } from '../Text/Text.types';
-/**
- * @deprecated Use `bodyClassNames.root` instead.
- */
-export declare const bodyClassName = "fui-Body";
-export declare const bodyClassNames: SlotClassNames<TextSlots>;
-/**
- * Text wrapper component for the Body typography variant
- */
-export declare const Body: FunctionComponent<TextWrapperProps>;

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

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

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

@@ -1,13 +0,0 @@
-import type { FunctionComponent } from 'react';
-import { TextWrapperProps } from '../wrapper';
-import { SlotClassNames } from '@fluentui/react-utilities';
-import { TextSlots } from '../Text/Text.types';
-/**
- * @deprecated Use `captionClassNames.root` instead.
- */
-export declare const captionClassName = "fui-Caption";
-export declare const captionClassNames: SlotClassNames<TextSlots>;
-/**
- * Text wrapper component for the Caption typography variant
- */
-export declare const Caption: FunctionComponent<TextWrapperProps>;

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

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

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

@@ -1,13 +0,0 @@
-import type { FunctionComponent } from 'react';
-import { TextWrapperProps } from '../wrapper';
-import { SlotClassNames } from '@fluentui/react-utilities';
-import { TextSlots } from '../Text/Text.types';
-/**
- * @deprecated Use `displayClassNames.root` instead.
- */
-export declare const displayClassName = "fui-Display";
-export declare const displayClassNames: SlotClassNames<TextSlots>;
-/**
- * Text wrapper component for the Display typography variant
- */
-export declare const Display: FunctionComponent<TextWrapperProps>;

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

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

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

@@ -1,13 +0,0 @@
-import type { FunctionComponent } from 'react';
-import { TextWrapperProps } from '../wrapper';
-import { SlotClassNames } from '@fluentui/react-utilities';
-import { TextSlots } from '../Text/Text.types';
-/**
- * @deprecated Use `headlineClassNames.root` instead.
- */
-export declare const headlineClassName = "fui-Headline";
-export declare const headlineClassNames: SlotClassNames<TextSlots>;
-/**
- * Text wrapper component for the Headline typography variant
- */
-export declare const Headline: FunctionComponent<TextWrapperProps>;

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

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

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

@@ -1,13 +0,0 @@
-import type { FunctionComponent } from 'react';
-import { TextWrapperProps } from '../wrapper';
-import { SlotClassNames } from '@fluentui/react-utilities';
-import { TextSlots } from '../Text/Text.types';
-/**
- * @deprecated Use `largeTitleClassNames.root` instead.
- */
-export declare const largeTitleClassName = "fui-LargeTitle";
-export declare const largeTitleClassNames: SlotClassNames<TextSlots>;
-/**
- * Text wrapper component for the Large Title typography variant
- */
-export declare const LargeTitle: FunctionComponent<TextWrapperProps>;

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

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

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

@@ -1,13 +0,0 @@
-import type { FunctionComponent } from 'react';
-import { TextWrapperProps } from '../wrapper';
-import { SlotClassNames } from '@fluentui/react-utilities';
-import { TextSlots } from '../Text/Text.types';
-/**
- * @deprecated Use `subheadlineClassNames.root` instead.
- */
-export declare const subheadlineClassName = "fui-Subheadline";
-export declare const subheadlineClassNames: SlotClassNames<TextSlots>;
-/**
- * Text wrapper component for the Subheadline typography variant
- */
-export declare const Subheadline: FunctionComponent<TextWrapperProps>;

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

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

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

@@ -1,6 +0,0 @@
-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.types.d.ts

@@ -1,78 +0,0 @@
-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/components/Text/index.d.ts

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

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

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

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

@@ -1,12 +0,0 @@
-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/components/Text/useTextStyles.d.ts

@@ -1,11 +0,0 @@
-import type { TextSlots, TextState } from './Text.types';
-import { SlotClassNames } from '@fluentui/react-utilities';
-/**
- * @deprecated Use `textClassNames.root` instead.
- */
-export declare const textClassName = "fui-Text";
-export declare const textClassNames: SlotClassNames<TextSlots>;
-/**
- * Apply styling to the Text slots based on the state
- */
-export declare const useTextStyles_unstable: (state: TextState) => TextState;