@fluentui/react-text 0.0.0-nightly-20220502-0420.1 → 0.0.0-nightly-20220503-0421.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui/react-text",
   "entries": [
     {
-      "date": "Mon, 02 May 2022 04:31:15 GMT",
-      "tag": "@fluentui/react-text_v0.0.0-nightly-20220502-0420.1",
-      "version": "0.0.0-nightly-20220502-0420.1",
+      "date": "Tue, 03 May 2022 04:34:47 GMT",
+      "tag": "@fluentui/react-text_v0.0.0-nightly-20220503-0421.1",
+      "version": "0.0.0-nightly-20220503-0421.1",
       "comments": {
         "prerelease": [
           {
@@ -13,23 +13,29 @@
             "commit": "not available",
             "comment": "Release nightly v9"
           },
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-text",
+            "commit": "7ad290b51135cb84c84e7dd8771bd712892c7484",
+            "comment": "Updated react-text to use typography constants"
+          },
           {
             "author": "beachball",
             "package": "@fluentui/react-text",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20220502-0420.1",
-            "commit": "07bac225f1b18ce4fad5464b46f9cb4f09fcd702"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20220503-0421.1",
+            "commit": "0a280b0835179cafee6022280911ba42ab7baeac"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-text",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20220502-0420.1",
-            "commit": "07bac225f1b18ce4fad5464b46f9cb4f09fcd702"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20220503-0421.1",
+            "commit": "0a280b0835179cafee6022280911ba42ab7baeac"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-text",
-            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220502-0420.1",
-            "commit": "07bac225f1b18ce4fad5464b46f9cb4f09fcd702"
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220503-0421.1",
+            "commit": "0a280b0835179cafee6022280911ba42ab7baeac"
           }
         ],
         "none": [

package/CHANGELOG.md

@@ -1,20 +1,21 @@
 # Change Log - @fluentui/react-text
 
-This log was last generated on Mon, 02 May 2022 04:31:15 GMT and should not be manually modified.
+This log was last generated on Tue, 03 May 2022 04:34:47 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20220502-0420.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v0.0.0-nightly-20220502-0420.1)
+## [0.0.0-nightly-20220503-0421.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v0.0.0-nightly-20220503-0421.1)
 
-Mon, 02 May 2022 04:31:15 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.0.0-rc.6..@fluentui/react-text_v0.0.0-nightly-20220502-0420.1)
+Tue, 03 May 2022 04:34:47 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.0.0-rc.6..@fluentui/react-text_v0.0.0-nightly-20220503-0421.1)
 
 ### Changes
 
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by email not defined)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20220502-0420.1 ([commit](https://github.com/microsoft/fluentui/commit/07bac225f1b18ce4fad5464b46f9cb4f09fcd702) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20220502-0420.1 ([commit](https://github.com/microsoft/fluentui/commit/07bac225f1b18ce4fad5464b46f9cb4f09fcd702) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220502-0420.1 ([commit](https://github.com/microsoft/fluentui/commit/07bac225f1b18ce4fad5464b46f9cb4f09fcd702) by beachball)
+- Updated react-text to use typography constants ([PR #22716](https://github.com/microsoft/fluentui/pull/22716) by gcox@microsoft.com)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20220503-0421.1 ([commit](https://github.com/microsoft/fluentui/commit/0a280b0835179cafee6022280911ba42ab7baeac) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20220503-0421.1 ([commit](https://github.com/microsoft/fluentui/commit/0a280b0835179cafee6022280911ba42ab7baeac) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220503-0421.1 ([commit](https://github.com/microsoft/fluentui/commit/0a280b0835179cafee6022280911ba42ab7baeac) by beachball)
 
 ## [9.0.0-rc.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.0.0-rc.6)
 

package/lib/components/Body/Body.js

@@ -1,6 +1,6 @@
 import { __styles } from '@griffel/react';
-import { typographyStyles } from '../../typographyStyles/index';
 import { createWrapper } from '../wrapper';
+import { typographyStyles } from '@fluentui/react-theme';
 /**
  * @deprecated Use `bodyClassNames.root` instead.
  */
@@ -17,11 +17,11 @@ const useStyles = /*#__PURE__*/__styles({
   "root": {
     "Bahqtrf": "fk6fouc",
     "Be2twd7": "fkhj508",
-    "Bg96gwp": "f1i3iumi",
-    "Bhrd7zp": "figsok6"
+    "Bhrd7zp": "figsok6",
+    "Bg96gwp": "f1i3iumi"
   }
 }, {
-  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}"]
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}"]
 });
 /**
  * Text wrapper component for the Body typography variant

package/lib/components/Body/Body.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Body/Body.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAIA;;AAEG;;AACH,OAAO,MAAM,aAAa,GAAG,UAAtB;AACP,OAAO,MAAM,cAAc,GAA8B;AACvD,EAAA,IAAI,EAAE;AADiD,CAAlD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,IAAI,gBAAwC,aAAa,CAAC;AACrE,EAAA,SADqE;AAErE,EAAA,SAAS,EAAE,cAAc,CAAC,IAF2C;AAGrE,EAAA,WAAW,EAAE;AAHwD,CAAD,CAA/D","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 `bodyClassNames.root` instead.\n */\nexport const bodyClassName = 'fui-Body';\nexport const bodyClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Body',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.body,\n});\n\n/**\n * Text wrapper component for the Body typography variant\n */\nexport const Body: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: bodyClassNames.root,\n  displayName: 'Body',\n});\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["components/Body/Body.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA;;AAEG;;AACH,OAAO,MAAM,aAAa,GAAG,UAAtB;AACP,OAAO,MAAM,cAAc,GAA8B;AACvD,EAAA,IAAI,EAAE;AADiD,CAAlD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,IAAI,gBAAwC,aAAa,CAAC;AACrE,EAAA,SADqE;AAErE,EAAA,SAAS,EAAE,cAAc,CAAC,IAF2C;AAGrE,EAAA,WAAW,EAAE;AAHwD,CAAD,CAA/D","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 `bodyClassNames.root` instead.\n */\nexport const bodyClassName = 'fui-Body';\nexport const bodyClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Body',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.body1,\n});\n\n/**\n * Text wrapper component for the Body typography variant\n */\nexport const Body: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: bodyClassNames.root,\n  displayName: 'Body',\n});\n"],"sourceRoot":"../src/"}

package/lib/components/Caption/Caption.js

@@ -1,6 +1,6 @@
 import { __styles } from '@griffel/react';
-import { typographyStyles } from '../../typographyStyles/index';
 import { createWrapper } from '../wrapper';
+import { typographyStyles } from '@fluentui/react-theme';
 /**
  * @deprecated Use `captionClassNames.root` instead.
  */
@@ -17,11 +17,11 @@ const useStyles = /*#__PURE__*/__styles({
   "root": {
     "Bahqtrf": "fk6fouc",
     "Be2twd7": "fy9rknc",
-    "Bg96gwp": "fwrc4pm",
-    "Bhrd7zp": "figsok6"
+    "Bhrd7zp": "figsok6",
+    "Bg96gwp": "fwrc4pm"
   }
 }, {
-  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}"]
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}"]
 });
 /**
  * Text wrapper component for the Caption typography variant

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Caption/Caption.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAIA;;AAEG;;AACH,OAAO,MAAM,gBAAgB,GAAG,aAAzB;AACP,OAAO,MAAM,iBAAiB,GAA8B;AAC1D,EAAA,IAAI,EAAE;AADoD,CAArD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,OAAO,gBAAwC,aAAa,CAAC;AACxE,EAAA,SADwE;AAExE,EAAA,SAAS,EAAE,iBAAiB,CAAC,IAF2C;AAGxE,EAAA,WAAW,EAAE;AAH2D,CAAD,CAAlE","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 `captionClassNames.root` instead.\n */\nexport const captionClassName = 'fui-Caption';\nexport const captionClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Caption',\n};\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: captionClassNames.root,\n  displayName: 'Caption',\n});\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["components/Caption/Caption.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA;;AAEG;;AACH,OAAO,MAAM,gBAAgB,GAAG,aAAzB;AACP,OAAO,MAAM,iBAAiB,GAA8B;AAC1D,EAAA,IAAI,EAAE;AADoD,CAArD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,OAAO,gBAAwC,aAAa,CAAC;AACxE,EAAA,SADwE;AAExE,EAAA,SAAS,EAAE,iBAAiB,CAAC,IAF2C;AAGxE,EAAA,WAAW,EAAE;AAH2D,CAAD,CAAlE","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 `captionClassNames.root` instead.\n */\nexport const captionClassName = 'fui-Caption';\nexport const captionClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Caption',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.caption1,\n});\n\n/**\n * Text wrapper component for the Caption typography variant\n */\nexport const Caption: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: captionClassNames.root,\n  displayName: 'Caption',\n});\n"],"sourceRoot":"../src/"}

package/lib/components/Display/Display.js

@@ -1,6 +1,6 @@
 import { __styles } from '@griffel/react';
-import { typographyStyles } from '../../typographyStyles/index';
 import { createWrapper } from '../wrapper';
+import { typographyStyles } from '@fluentui/react-theme';
 /**
  * @deprecated Use `displayClassNames.root` instead.
  */
@@ -17,11 +17,11 @@ const useStyles = /*#__PURE__*/__styles({
   "root": {
     "Bahqtrf": "fk6fouc",
     "Be2twd7": "fpyltcb",
-    "Bg96gwp": "f1ivgwrt",
-    "Bhrd7zp": "fl43uef"
+    "Bhrd7zp": "fl43uef",
+    "Bg96gwp": "f1ivgwrt"
   }
 }, {
-  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fpyltcb{font-size:var(--fontSizeHero1000);}", ".f1ivgwrt{line-height:var(--lineHeightHero1000);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"]
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fpyltcb{font-size:var(--fontSizeHero1000);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1ivgwrt{line-height:var(--lineHeightHero1000);}"]
 });
 /**
  * Text wrapper component for the Display typography variant

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Display/Display.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAIA;;AAEG;;AACH,OAAO,MAAM,gBAAgB,GAAG,aAAzB;AACP,OAAO,MAAM,iBAAiB,GAA8B;AAC1D,EAAA,IAAI,EAAE;AADoD,CAArD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,OAAO,gBAAwC,aAAa,CAAC;AACxE,EAAA,SADwE;AAExE,EAAA,SAAS,EAAE,iBAAiB,CAAC,IAF2C;AAGxE,EAAA,WAAW,EAAE;AAH2D,CAAD,CAAlE","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,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA;;AAEG;;AACH,OAAO,MAAM,gBAAgB,GAAG,aAAzB;AACP,OAAO,MAAM,iBAAiB,GAA8B;AAC1D,EAAA,IAAI,EAAE;AADoD,CAArD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,OAAO,gBAAwC,aAAa,CAAC;AACxE,EAAA,SADwE;AAExE,EAAA,SAAS,EAAE,iBAAiB,CAAC,IAF2C;AAGxE,EAAA,WAAW,EAAE;AAH2D,CAAD,CAAlE","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/components/Headline/Headline.js

@@ -1,6 +1,6 @@
 import { __styles } from '@griffel/react';
-import { typographyStyles } from '../../typographyStyles/index';
 import { createWrapper } from '../wrapper';
+import { typographyStyles } from '@fluentui/react-theme';
 /**
  * @deprecated Use `headlineClassNames.root` instead.
  */
@@ -17,11 +17,11 @@ const useStyles = /*#__PURE__*/__styles({
   "root": {
     "Bahqtrf": "fk6fouc",
     "Be2twd7": "f1pp30po",
-    "Bg96gwp": "f106mvju",
-    "Bhrd7zp": "fl43uef"
+    "Bhrd7zp": "fl43uef",
+    "Bg96gwp": "f106mvju"
   }
 }, {
-  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".f106mvju{line-height:var(--lineHeightBase500);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"]
+  "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/components/Headline/Headline.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Headline/Headline.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAIA;;AAEG;;AACH,OAAO,MAAM,iBAAiB,GAAG,cAA1B;AACP,OAAO,MAAM,kBAAkB,GAA8B;AAC3D,EAAA,IAAI,EAAE;AADqD,CAAtD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,QAAQ,gBAAwC,aAAa,CAAC;AACzE,EAAA,SADyE;AAEzE,EAAA,SAAS,EAAE,kBAAkB,CAAC,IAF2C;AAGzE,EAAA,WAAW,EAAE;AAH4D,CAAD,CAAnE","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,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA;;AAEG;;AACH,OAAO,MAAM,iBAAiB,GAAG,cAA1B;AACP,OAAO,MAAM,kBAAkB,GAA8B;AAC3D,EAAA,IAAI,EAAE;AADqD,CAAtD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,QAAQ,gBAAwC,aAAa,CAAC;AACzE,EAAA,SADyE;AAEzE,EAAA,SAAS,EAAE,kBAAkB,CAAC,IAF2C;AAGzE,EAAA,WAAW,EAAE;AAH4D,CAAD,CAAnE","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/components/LargeTitle/LargeTitle.js

@@ -1,6 +1,6 @@
 import { __styles } from '@griffel/react';
-import { typographyStyles } from '../../typographyStyles/index';
 import { createWrapper } from '../wrapper';
+import { typographyStyles } from '@fluentui/react-theme';
 /**
  * @deprecated Use `largeTitleClassNames.root` instead.
  */
@@ -17,11 +17,11 @@ const useStyles = /*#__PURE__*/__styles({
   "root": {
     "Bahqtrf": "fk6fouc",
     "Be2twd7": "f15afnhw",
-    "Bg96gwp": "fr3w3wp",
-    "Bhrd7zp": "fl43uef"
+    "Bhrd7zp": "fl43uef",
+    "Bg96gwp": "fr3w3wp"
   }
 }, {
-  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f15afnhw{font-size:var(--fontSizeHero900);}", ".fr3w3wp{line-height:var(--lineHeightHero900);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"]
+  "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/components/LargeTitle/LargeTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/LargeTitle/LargeTitle.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAIA;;AAEG;;AACH,OAAO,MAAM,mBAAmB,GAAG,gBAA5B;AACP,OAAO,MAAM,oBAAoB,GAA8B;AAC7D,EAAA,IAAI,EAAE;AADuD,CAAxD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,UAAU,gBAAwC,aAAa,CAAC;AAC3E,EAAA,SAD2E;AAE3E,EAAA,SAAS,EAAE,oBAAoB,CAAC,IAF2C;AAG3E,EAAA,WAAW,EAAE;AAH8D,CAAD,CAArE","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,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA;;AAEG;;AACH,OAAO,MAAM,mBAAmB,GAAG,gBAA5B;AACP,OAAO,MAAM,oBAAoB,GAA8B;AAC7D,EAAA,IAAI,EAAE;AADuD,CAAxD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,UAAU,gBAAwC,aAAa,CAAC;AAC3E,EAAA,SAD2E;AAE3E,EAAA,SAAS,EAAE,oBAAoB,CAAC,IAF2C;AAG3E,EAAA,WAAW,EAAE;AAH8D,CAAD,CAArE","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/components/Subheadline/Subheadline.js

@@ -1,6 +1,6 @@
 import { __styles } from '@griffel/react';
-import { typographyStyles } from '../../typographyStyles/index';
 import { createWrapper } from '../wrapper';
+import { typographyStyles } from '@fluentui/react-theme';
 /**
  * @deprecated Use `subheadlineClassNames.root` instead.
  */
@@ -17,11 +17,11 @@ const useStyles = /*#__PURE__*/__styles({
   "root": {
     "Bahqtrf": "fk6fouc",
     "Be2twd7": "fod5ikn",
-    "Bg96gwp": "faaz57k",
-    "Bhrd7zp": "fl43uef"
+    "Bhrd7zp": "fl43uef",
+    "Bg96gwp": "faaz57k"
   }
 }, {
-  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"]
+  "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/components/Subheadline/Subheadline.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Subheadline/Subheadline.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAIA;;AAEG;;AACH,OAAO,MAAM,oBAAoB,GAAG,iBAA7B;AACP,OAAO,MAAM,qBAAqB,GAA8B;AAC9D,EAAA,IAAI,EAAE;AADwD,CAAzD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,WAAW,gBAAwC,aAAa,CAAC;AAC5E,EAAA,SAD4E;AAE5E,EAAA,SAAS,EAAE,qBAAqB,CAAC,IAF2C;AAG5E,EAAA,WAAW,EAAE;AAH+D,CAAD,CAAtE","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,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA;;AAEG;;AACH,OAAO,MAAM,oBAAoB,GAAG,iBAA7B;AACP,OAAO,MAAM,qBAAqB,GAA8B;AAC9D,EAAA,IAAI,EAAE;AADwD,CAAzD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,WAAW,gBAAwC,aAAa,CAAC;AAC5E,EAAA,SAD4E;AAE5E,EAAA,SAAS,EAAE,qBAAqB,CAAC,IAF2C;AAG5E,EAAA,WAAW,EAAE;AAH+D,CAAD,CAAtE","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/components/Title1/Title1.js

@@ -1,6 +1,6 @@
 import { __styles } from '@griffel/react';
-import { typographyStyles } from '../../typographyStyles/index';
 import { createWrapper } from '../wrapper';
+import { typographyStyles } from '@fluentui/react-theme';
 /**
  * @deprecated Use `title1ClassNames.root` instead.
  */
@@ -17,11 +17,11 @@ const useStyles = /*#__PURE__*/__styles({
   "root": {
     "Bahqtrf": "fk6fouc",
     "Be2twd7": "fccw675",
-    "Bg96gwp": "f1ebx5kk",
-    "Bhrd7zp": "fl43uef"
+    "Bhrd7zp": "fl43uef",
+    "Bg96gwp": "f1ebx5kk"
   }
 }, {
-  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fccw675{font-size:var(--fontSizeHero800);}", ".f1ebx5kk{line-height:var(--lineHeightHero800);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"]
+  "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/components/Title1/Title1.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Title1/Title1.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAIA;;AAEG;;AACH,OAAO,MAAM,eAAe,GAAG,YAAxB;AACP,OAAO,MAAM,gBAAgB,GAA8B;AACzD,EAAA,IAAI,EAAE;AADmD,CAApD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,MAAM,gBAAwC,aAAa,CAAC;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,gBAAgB,CAAC,IAF2C;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAD,CAAjE","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,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA;;AAEG;;AACH,OAAO,MAAM,eAAe,GAAG,YAAxB;AACP,OAAO,MAAM,gBAAgB,GAA8B;AACzD,EAAA,IAAI,EAAE;AADmD,CAApD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,MAAM,gBAAwC,aAAa,CAAC;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,gBAAgB,CAAC,IAF2C;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAD,CAAjE","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/components/Title2/Title2.js

@@ -1,6 +1,6 @@
 import { __styles } from '@griffel/react';
-import { typographyStyles } from '../../typographyStyles/index';
 import { createWrapper } from '../wrapper';
+import { typographyStyles } from '@fluentui/react-theme';
 /**
  * @deprecated Use `title2ClassNames.root` instead.
  */
@@ -17,11 +17,11 @@ const useStyles = /*#__PURE__*/__styles({
   "root": {
     "Bahqtrf": "fk6fouc",
     "Be2twd7": "fojgt09",
-    "Bg96gwp": "fcen8rp",
-    "Bhrd7zp": "fl43uef"
+    "Bhrd7zp": "fl43uef",
+    "Bg96gwp": "fcen8rp"
   }
 }, {
-  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fojgt09{font-size:var(--fontSizeHero700);}", ".fcen8rp{line-height:var(--lineHeightHero700);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"]
+  "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/components/Title2/Title2.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Title2/Title2.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAIA;;AAEG;;AACH,OAAO,MAAM,eAAe,GAAG,YAAxB;AACP,OAAO,MAAM,gBAAgB,GAA8B;AACzD,EAAA,IAAI,EAAE;AADmD,CAApD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,MAAM,gBAAwC,aAAa,CAAC;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,gBAAgB,CAAC,IAF2C;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAD,CAAjE","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,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA;;AAEG;;AACH,OAAO,MAAM,eAAe,GAAG,YAAxB;AACP,OAAO,MAAM,gBAAgB,GAA8B;AACzD,EAAA,IAAI,EAAE;AADmD,CAApD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,MAAM,gBAAwC,aAAa,CAAC;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,gBAAgB,CAAC,IAF2C;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAD,CAAjE","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/components/Title3/Title3.js

@@ -1,6 +1,6 @@
 import { __styles } from '@griffel/react';
-import { typographyStyles } from '../../typographyStyles/index';
 import { createWrapper } from '../wrapper';
+import { typographyStyles } from '@fluentui/react-theme';
 /**
  * @deprecated Use `title3ClassNames.root` instead.
  */
@@ -17,11 +17,11 @@ const useStyles = /*#__PURE__*/__styles({
   "root": {
     "Bahqtrf": "fk6fouc",
     "Be2twd7": "f1x0m3f5",
-    "Bg96gwp": "fb86gi6",
-    "Bhrd7zp": "fl43uef"
+    "Bhrd7zp": "fl43uef",
+    "Bg96gwp": "fb86gi6"
   }
 }, {
-  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1x0m3f5{font-size:var(--fontSizeBase600);}", ".fb86gi6{line-height:var(--lineHeightBase600);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"]
+  "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/components/Title3/Title3.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Title3/Title3.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAIA;;AAEG;;AACH,OAAO,MAAM,eAAe,GAAG,YAAxB;AACP,OAAO,MAAM,gBAAgB,GAA8B;AACzD,EAAA,IAAI,EAAE;AADmD,CAApD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,MAAM,gBAAwC,aAAa,CAAC;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,gBAAgB,CAAC,IAF2C;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAD,CAAjE","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,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA;;AAEG;;AACH,OAAO,MAAM,eAAe,GAAG,YAAxB;AACP,OAAO,MAAM,gBAAgB,GAA8B;AACzD,EAAA,IAAI,EAAE;AADmD,CAApD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,MAAM,gBAAwC,aAAa,CAAC;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,gBAAgB,CAAC,IAF2C;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAD,CAAjE","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/lib-commonjs/components/Body/Body.js

@@ -7,9 +7,9 @@ exports.Body = exports.bodyClassNames = exports.bodyClassName = 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 `bodyClassNames.root` instead.
  */
@@ -23,7 +23,16 @@ exports.bodyClassNames = {
  * Styles for the root slot
  */
 
-const useStyles = /*#__PURE__*/react_1.__styles({}, {});
+const useStyles = /*#__PURE__*/react_1.__styles({
+  "root": {
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "fkhj508",
+    "Bhrd7zp": "figsok6",
+    "Bg96gwp": "f1i3iumi"
+  }
+}, {
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}"]
+});
 /**
  * Text wrapper component for the Body typography variant
  */

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Body/Body.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,aAAA,GAAgB,UAAhB;AACA,OAAA,CAAA,cAAA,GAA4C;AACvD,EAAA,IAAI,EAAE;AADiD,CAA5C;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA,QAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,IAAA,gBAA4C,SAAA,CAAA,aAAA,CAAc;AACrE,EAAA,SADqE;AAErE,EAAA,SAAS,EAAE,OAAA,CAAA,cAAA,CAAe,IAF2C;AAGrE,EAAA,WAAW,EAAE;AAHwD,CAAd,CAA5C","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 `bodyClassNames.root` instead.\n */\nexport const bodyClassName = 'fui-Body';\nexport const bodyClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Body',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.body,\n});\n\n/**\n * Text wrapper component for the Body typography variant\n */\nexport const Body: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: bodyClassNames.root,\n  displayName: 'Body',\n});\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["components/Body/Body.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,aAAA,GAAgB,UAAhB;AACA,OAAA,CAAA,cAAA,GAA4C;AACvD,EAAA,IAAI,EAAE;AADiD,CAA5C;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,IAAA,gBAA4C,SAAA,CAAA,aAAA,CAAc;AACrE,EAAA,SADqE;AAErE,EAAA,SAAS,EAAE,OAAA,CAAA,cAAA,CAAe,IAF2C;AAGrE,EAAA,WAAW,EAAE;AAHwD,CAAd,CAA5C","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 `bodyClassNames.root` instead.\n */\nexport const bodyClassName = 'fui-Body';\nexport const bodyClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Body',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.body1,\n});\n\n/**\n * Text wrapper component for the Body typography variant\n */\nexport const Body: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: bodyClassNames.root,\n  displayName: 'Body',\n});\n"],"sourceRoot":"../src/"}

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

@@ -7,9 +7,9 @@ exports.Caption = exports.captionClassNames = exports.captionClassName = 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 `captionClassNames.root` instead.
  */
@@ -23,7 +23,16 @@ exports.captionClassNames = {
  * Styles for the root slot
  */
 
-const useStyles = /*#__PURE__*/react_1.__styles({}, {});
+const useStyles = /*#__PURE__*/react_1.__styles({
+  "root": {
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "fy9rknc",
+    "Bhrd7zp": "figsok6",
+    "Bg96gwp": "fwrc4pm"
+  }
+}, {
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}"]
+});
 /**
  * Text wrapper component for the Caption typography variant
  */

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

@@ -1 +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;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 `captionClassNames.root` instead.\n */\nexport const captionClassName = 'fui-Caption';\nexport const captionClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Caption',\n};\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: captionClassNames.root,\n  displayName: 'Caption',\n});\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["components/Caption/Caption.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 `captionClassNames.root` instead.\n */\nexport const captionClassName = 'fui-Caption';\nexport const captionClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Caption',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.caption1,\n});\n\n/**\n * Text wrapper component for the Caption typography variant\n */\nexport const Caption: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: captionClassNames.root,\n  displayName: 'Caption',\n});\n"],"sourceRoot":"../src/"}

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

@@ -7,9 +7,9 @@ exports.Display = exports.displayClassNames = exports.displayClassName = 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 `displayClassNames.root` instead.
  */
@@ -23,7 +23,16 @@ exports.displayClassNames = {
  * Styles for the root slot
  */
 
-const useStyles = /*#__PURE__*/react_1.__styles({}, {});
+const useStyles = /*#__PURE__*/react_1.__styles({
+  "root": {
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "fpyltcb",
+    "Bhrd7zp": "fl43uef",
+    "Bg96gwp": "f1ivgwrt"
+  }
+}, {
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fpyltcb{font-size:var(--fontSizeHero1000);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1ivgwrt{line-height:var(--lineHeightHero1000);}"]
+});
 /**
  * Text wrapper component for the Display typography variant
  */

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/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,6 +1,6 @@
 {
   "name": "@fluentui/react-text",
-  "version": "0.0.0-nightly-20220502-0420.1",
+  "version": "0.0.0-nightly-20220503-0421.1",
   "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",
@@ -28,13 +28,13 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20220502-0420.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20220503-0421.1",
     "@fluentui/scripts": "^1.0.0"
   },
   "dependencies": {
     "@griffel/react": "1.0.3",
-    "@fluentui/react-theme": "0.0.0-nightly-20220502-0420.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20220502-0420.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20220503-0421.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20220503-0421.1",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {

package/lib/typographyStyles/index.d.ts

@@ -1,2 +0,0 @@
-import * as typographyStyles from './typographyStyles';
-export { typographyStyles };

package/lib/typographyStyles/index.js

@@ -1,3 +0,0 @@
-import * as typographyStyles from './typographyStyles';
-export { typographyStyles };
-//# sourceMappingURL=index.js.map

package/lib/typographyStyles/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["typographyStyles/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,CAAC","sourcesContent":["import * as typographyStyles from './typographyStyles';\nexport { typographyStyles };\n"]}

package/lib/typographyStyles/typographyStyles.d.ts

@@ -1,13 +0,0 @@
-import type { GriffelStyle } from '@griffel/react';
-/**
- * Make-styles rules for the typography variants
- */
-export declare const caption: GriffelStyle;
-export declare const body: GriffelStyle;
-export declare const subheadline: GriffelStyle;
-export declare const headline: GriffelStyle;
-export declare const title3: GriffelStyle;
-export declare const title2: GriffelStyle;
-export declare const title1: GriffelStyle;
-export declare const largeTitle: GriffelStyle;
-export declare const display: GriffelStyle;

package/lib/typographyStyles/typographyStyles.js

@@ -1,60 +0,0 @@
-import { tokens } from '@fluentui/react-theme';
-/**
- * Make-styles rules for the typography variants
- */
-
-export const caption = {
-  fontFamily: tokens.fontFamilyBase,
-  fontSize: tokens.fontSizeBase200,
-  lineHeight: tokens.lineHeightBase200,
-  fontWeight: tokens.fontWeightRegular
-};
-export const body = {
-  fontFamily: tokens.fontFamilyBase,
-  fontSize: tokens.fontSizeBase300,
-  lineHeight: tokens.lineHeightBase300,
-  fontWeight: tokens.fontWeightRegular
-};
-export const subheadline = {
-  fontFamily: tokens.fontFamilyBase,
-  fontSize: tokens.fontSizeBase400,
-  lineHeight: tokens.lineHeightBase400,
-  fontWeight: tokens.fontWeightSemibold
-};
-export const headline = {
-  fontFamily: tokens.fontFamilyBase,
-  fontSize: tokens.fontSizeBase500,
-  lineHeight: tokens.lineHeightBase500,
-  fontWeight: tokens.fontWeightSemibold
-};
-export const title3 = {
-  fontFamily: tokens.fontFamilyBase,
-  fontSize: tokens.fontSizeBase600,
-  lineHeight: tokens.lineHeightBase600,
-  fontWeight: tokens.fontWeightSemibold
-};
-export const title2 = {
-  fontFamily: tokens.fontFamilyBase,
-  fontSize: tokens.fontSizeHero700,
-  lineHeight: tokens.lineHeightHero700,
-  fontWeight: tokens.fontWeightSemibold
-};
-export const title1 = {
-  fontFamily: tokens.fontFamilyBase,
-  fontSize: tokens.fontSizeHero800,
-  lineHeight: tokens.lineHeightHero800,
-  fontWeight: tokens.fontWeightSemibold
-};
-export const largeTitle = {
-  fontFamily: tokens.fontFamilyBase,
-  fontSize: tokens.fontSizeHero900,
-  lineHeight: tokens.lineHeightHero900,
-  fontWeight: tokens.fontWeightSemibold
-};
-export const display = {
-  fontFamily: tokens.fontFamilyBase,
-  fontSize: tokens.fontSizeHero1000,
-  lineHeight: tokens.lineHeightHero1000,
-  fontWeight: tokens.fontWeightSemibold
-};
-//# sourceMappingURL=typographyStyles.js.map

package/lib/typographyStyles/typographyStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["typographyStyles/typographyStyles.ts"],"names":[],"mappings":"AAAA,SAAS,MAAT,QAAuB,uBAAvB;AAGA;;AAEG;;AACH,OAAO,MAAM,OAAO,GAAiB;AACnC,EAAA,UAAU,EAAE,MAAM,CAAC,cADgB;AAEnC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFkB;AAGnC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHgB;AAInC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJgB,CAA9B;AAMP,OAAO,MAAM,IAAI,GAAiB;AAChC,EAAA,UAAU,EAAE,MAAM,CAAC,cADa;AAEhC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFe;AAGhC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHa;AAIhC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJa,CAA3B;AAMP,OAAO,MAAM,WAAW,GAAiB;AACvC,EAAA,UAAU,EAAE,MAAM,CAAC,cADoB;AAEvC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFsB;AAGvC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHoB;AAIvC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJoB,CAAlC;AAMP,OAAO,MAAM,QAAQ,GAAiB;AACpC,EAAA,UAAU,EAAE,MAAM,CAAC,cADiB;AAEpC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFmB;AAGpC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHiB;AAIpC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJiB,CAA/B;AAMP,OAAO,MAAM,MAAM,GAAiB;AAClC,EAAA,UAAU,EAAE,MAAM,CAAC,cADe;AAElC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFiB;AAGlC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHe;AAIlC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJe,CAA7B;AAMP,OAAO,MAAM,MAAM,GAAiB;AAClC,EAAA,UAAU,EAAE,MAAM,CAAC,cADe;AAElC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFiB;AAGlC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHe;AAIlC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJe,CAA7B;AAMP,OAAO,MAAM,MAAM,GAAiB;AAClC,EAAA,UAAU,EAAE,MAAM,CAAC,cADe;AAElC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFiB;AAGlC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHe;AAIlC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJe,CAA7B;AAMP,OAAO,MAAM,UAAU,GAAiB;AACtC,EAAA,UAAU,EAAE,MAAM,CAAC,cADmB;AAEtC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFqB;AAGtC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHmB;AAItC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJmB,CAAjC;AAMP,OAAO,MAAM,OAAO,GAAiB;AACnC,EAAA,UAAU,EAAE,MAAM,CAAC,cADgB;AAEnC,EAAA,QAAQ,EAAE,MAAM,CAAC,gBAFkB;AAGnC,EAAA,UAAU,EAAE,MAAM,CAAC,kBAHgB;AAInC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJgB,CAA9B","sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport type { GriffelStyle } from '@griffel/react';\n\n/**\n * Make-styles rules for the typography variants\n */\nexport const caption: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeBase200,\n  lineHeight: tokens.lineHeightBase200,\n  fontWeight: tokens.fontWeightRegular,\n};\nexport const body: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeBase300,\n  lineHeight: tokens.lineHeightBase300,\n  fontWeight: tokens.fontWeightRegular,\n};\nexport const subheadline: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeBase400,\n  lineHeight: tokens.lineHeightBase400,\n  fontWeight: tokens.fontWeightSemibold,\n};\nexport const headline: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeBase500,\n  lineHeight: tokens.lineHeightBase500,\n  fontWeight: tokens.fontWeightSemibold,\n};\nexport const title3: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeBase600,\n  lineHeight: tokens.lineHeightBase600,\n  fontWeight: tokens.fontWeightSemibold,\n};\nexport const title2: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeHero700,\n  lineHeight: tokens.lineHeightHero700,\n  fontWeight: tokens.fontWeightSemibold,\n};\nexport const title1: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeHero800,\n  lineHeight: tokens.lineHeightHero800,\n  fontWeight: tokens.fontWeightSemibold,\n};\nexport const largeTitle: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeHero900,\n  lineHeight: tokens.lineHeightHero900,\n  fontWeight: tokens.fontWeightSemibold,\n};\nexport const display: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeHero1000,\n  lineHeight: tokens.lineHeightHero1000,\n  fontWeight: tokens.fontWeightSemibold,\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/typographyStyles/index.d.ts

@@ -1,2 +0,0 @@
-import * as typographyStyles from './typographyStyles';
-export { typographyStyles };

package/lib-commonjs/typographyStyles/index.js

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

package/lib-commonjs/typographyStyles/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["typographyStyles/index.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,gBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACS,OAAA,CAAA,gBAAA,GAAA,gBAAA","sourcesContent":["import * as typographyStyles from './typographyStyles';\nexport { typographyStyles };\n"],"sourceRoot":"../src/"}

package/lib-commonjs/typographyStyles/typographyStyles.d.ts

@@ -1,13 +0,0 @@
-import type { GriffelStyle } from '@griffel/react';
-/**
- * Make-styles rules for the typography variants
- */
-export declare const caption: GriffelStyle;
-export declare const body: GriffelStyle;
-export declare const subheadline: GriffelStyle;
-export declare const headline: GriffelStyle;
-export declare const title3: GriffelStyle;
-export declare const title2: GriffelStyle;
-export declare const title1: GriffelStyle;
-export declare const largeTitle: GriffelStyle;
-export declare const display: GriffelStyle;

package/lib-commonjs/typographyStyles/typographyStyles.js

@@ -1,68 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.display = exports.largeTitle = exports.title1 = exports.title2 = exports.title3 = exports.headline = exports.subheadline = exports.body = exports.caption = void 0;
-
-const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
-/**
- * Make-styles rules for the typography variants
- */
-
-
-exports.caption = {
-  fontFamily: react_theme_1.tokens.fontFamilyBase,
-  fontSize: react_theme_1.tokens.fontSizeBase200,
-  lineHeight: react_theme_1.tokens.lineHeightBase200,
-  fontWeight: react_theme_1.tokens.fontWeightRegular
-};
-exports.body = {
-  fontFamily: react_theme_1.tokens.fontFamilyBase,
-  fontSize: react_theme_1.tokens.fontSizeBase300,
-  lineHeight: react_theme_1.tokens.lineHeightBase300,
-  fontWeight: react_theme_1.tokens.fontWeightRegular
-};
-exports.subheadline = {
-  fontFamily: react_theme_1.tokens.fontFamilyBase,
-  fontSize: react_theme_1.tokens.fontSizeBase400,
-  lineHeight: react_theme_1.tokens.lineHeightBase400,
-  fontWeight: react_theme_1.tokens.fontWeightSemibold
-};
-exports.headline = {
-  fontFamily: react_theme_1.tokens.fontFamilyBase,
-  fontSize: react_theme_1.tokens.fontSizeBase500,
-  lineHeight: react_theme_1.tokens.lineHeightBase500,
-  fontWeight: react_theme_1.tokens.fontWeightSemibold
-};
-exports.title3 = {
-  fontFamily: react_theme_1.tokens.fontFamilyBase,
-  fontSize: react_theme_1.tokens.fontSizeBase600,
-  lineHeight: react_theme_1.tokens.lineHeightBase600,
-  fontWeight: react_theme_1.tokens.fontWeightSemibold
-};
-exports.title2 = {
-  fontFamily: react_theme_1.tokens.fontFamilyBase,
-  fontSize: react_theme_1.tokens.fontSizeHero700,
-  lineHeight: react_theme_1.tokens.lineHeightHero700,
-  fontWeight: react_theme_1.tokens.fontWeightSemibold
-};
-exports.title1 = {
-  fontFamily: react_theme_1.tokens.fontFamilyBase,
-  fontSize: react_theme_1.tokens.fontSizeHero800,
-  lineHeight: react_theme_1.tokens.lineHeightHero800,
-  fontWeight: react_theme_1.tokens.fontWeightSemibold
-};
-exports.largeTitle = {
-  fontFamily: react_theme_1.tokens.fontFamilyBase,
-  fontSize: react_theme_1.tokens.fontSizeHero900,
-  lineHeight: react_theme_1.tokens.lineHeightHero900,
-  fontWeight: react_theme_1.tokens.fontWeightSemibold
-};
-exports.display = {
-  fontFamily: react_theme_1.tokens.fontFamilyBase,
-  fontSize: react_theme_1.tokens.fontSizeHero1000,
-  lineHeight: react_theme_1.tokens.lineHeightHero1000,
-  fontWeight: react_theme_1.tokens.fontWeightSemibold
-};
-//# sourceMappingURL=typographyStyles.js.map

package/lib-commonjs/typographyStyles/typographyStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["typographyStyles/typographyStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,OAAA,GAAwB;AACnC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO,cADgB;AAEnC,EAAA,QAAQ,EAAE,aAAA,CAAA,MAAA,CAAO,eAFkB;AAGnC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO,iBAHgB;AAInC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO;AAJgB,CAAxB;AAMA,OAAA,CAAA,IAAA,GAAqB;AAChC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO,cADa;AAEhC,EAAA,QAAQ,EAAE,aAAA,CAAA,MAAA,CAAO,eAFe;AAGhC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO,iBAHa;AAIhC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO;AAJa,CAArB;AAMA,OAAA,CAAA,WAAA,GAA4B;AACvC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO,cADoB;AAEvC,EAAA,QAAQ,EAAE,aAAA,CAAA,MAAA,CAAO,eAFsB;AAGvC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO,iBAHoB;AAIvC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO;AAJoB,CAA5B;AAMA,OAAA,CAAA,QAAA,GAAyB;AACpC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO,cADiB;AAEpC,EAAA,QAAQ,EAAE,aAAA,CAAA,MAAA,CAAO,eAFmB;AAGpC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO,iBAHiB;AAIpC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO;AAJiB,CAAzB;AAMA,OAAA,CAAA,MAAA,GAAuB;AAClC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO,cADe;AAElC,EAAA,QAAQ,EAAE,aAAA,CAAA,MAAA,CAAO,eAFiB;AAGlC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO,iBAHe;AAIlC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO;AAJe,CAAvB;AAMA,OAAA,CAAA,MAAA,GAAuB;AAClC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO,cADe;AAElC,EAAA,QAAQ,EAAE,aAAA,CAAA,MAAA,CAAO,eAFiB;AAGlC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO,iBAHe;AAIlC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO;AAJe,CAAvB;AAMA,OAAA,CAAA,MAAA,GAAuB;AAClC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO,cADe;AAElC,EAAA,QAAQ,EAAE,aAAA,CAAA,MAAA,CAAO,eAFiB;AAGlC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO,iBAHe;AAIlC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO;AAJe,CAAvB;AAMA,OAAA,CAAA,UAAA,GAA2B;AACtC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO,cADmB;AAEtC,EAAA,QAAQ,EAAE,aAAA,CAAA,MAAA,CAAO,eAFqB;AAGtC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO,iBAHmB;AAItC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO;AAJmB,CAA3B;AAMA,OAAA,CAAA,OAAA,GAAwB;AACnC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO,cADgB;AAEnC,EAAA,QAAQ,EAAE,aAAA,CAAA,MAAA,CAAO,gBAFkB;AAGnC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO,kBAHgB;AAInC,EAAA,UAAU,EAAE,aAAA,CAAA,MAAA,CAAO;AAJgB,CAAxB","sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport type { GriffelStyle } from '@griffel/react';\n\n/**\n * Make-styles rules for the typography variants\n */\nexport const caption: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeBase200,\n  lineHeight: tokens.lineHeightBase200,\n  fontWeight: tokens.fontWeightRegular,\n};\nexport const body: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeBase300,\n  lineHeight: tokens.lineHeightBase300,\n  fontWeight: tokens.fontWeightRegular,\n};\nexport const subheadline: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeBase400,\n  lineHeight: tokens.lineHeightBase400,\n  fontWeight: tokens.fontWeightSemibold,\n};\nexport const headline: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeBase500,\n  lineHeight: tokens.lineHeightBase500,\n  fontWeight: tokens.fontWeightSemibold,\n};\nexport const title3: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeBase600,\n  lineHeight: tokens.lineHeightBase600,\n  fontWeight: tokens.fontWeightSemibold,\n};\nexport const title2: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeHero700,\n  lineHeight: tokens.lineHeightHero700,\n  fontWeight: tokens.fontWeightSemibold,\n};\nexport const title1: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeHero800,\n  lineHeight: tokens.lineHeightHero800,\n  fontWeight: tokens.fontWeightSemibold,\n};\nexport const largeTitle: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeHero900,\n  lineHeight: tokens.lineHeightHero900,\n  fontWeight: tokens.fontWeightSemibold,\n};\nexport const display: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeHero1000,\n  lineHeight: tokens.lineHeightHero1000,\n  fontWeight: tokens.fontWeightSemibold,\n};\n"],"sourceRoot":"../src/"}