@fluentui/react-text 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230322-0439.1

package/.swcrc

@@ -1,15 +1,5 @@
 {
   "$schema": "https://json.schemastore.org/swcrc",
-  "env": {
-    "targets": {
-      "chrome": "84",
-      "edge": "84",
-      "firefox": "75",
-      "opera": "73",
-      "safari": "14.1"
-    },
-    "bugfixes": true
-  },
   "exclude": [
     "/testing",
     "/**/*.cy.ts",
@@ -32,7 +22,8 @@
         "runtime": "classic",
         "useSpread": true
       }
-    }
+    },
+    "target": "es2019"
   },
   "minify": false,
   "sourceMaps": true

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui/react-text",
   "entries": [
     {
-      "date": "Fri, 17 Mar 2023 15:00:06 GMT",
-      "tag": "@fluentui/react-text_v0.0.0-nightly-20230317-1454.1",
-      "version": "0.0.0-nightly-20230317-1454.1",
+      "date": "Wed, 22 Mar 2023 04:46:53 GMT",
+      "tag": "@fluentui/react-text_v0.0.0-nightly-20230322-0439.1",
+      "version": "0.0.0-nightly-20230322-0439.1",
       "comments": {
         "prerelease": [
           {
@@ -16,26 +16,71 @@
           {
             "author": "beachball",
             "package": "@fluentui/react-text",
-            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-text",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-text",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-text",
-            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 21 Mar 2023 21:23:09 GMT",
+      "tag": "@fluentui/react-text_v9.3.2",
+      "version": "9.3.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui/react-text",
+            "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+            "comment": "chore: migrate to swc transpilation approach."
+          },
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui/react-text",
+            "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+            "comment": "fix: add node field to package.json exports map."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-theme to v9.1.7",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-utilities to v9.7.2",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,21 +1,35 @@
 # Change Log - @fluentui/react-text
 
-This log was last generated on Fri, 17 Mar 2023 15:00:06 GMT and should not be manually modified.
+This log was last generated on Wed, 22 Mar 2023 04:46:53 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20230317-1454.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v0.0.0-nightly-20230317-1454.1)
+## [0.0.0-nightly-20230322-0439.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v0.0.0-nightly-20230322-0439.1)
 
-Fri, 17 Mar 2023 15:00:06 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.3.1..@fluentui/react-text_v0.0.0-nightly-20230317-1454.1)
+Wed, 22 Mar 2023 04:46:53 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.3.2..@fluentui/react-text_v0.0.0-nightly-20230322-0439.1)
 
 ### Changes
 
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+
+## [9.3.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.3.2)
+
+Tue, 21 Mar 2023 21:23:09 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.3.1..@fluentui/react-text_v9.3.2)
+
+### Patches
+
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
 
 ## [9.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.3.1)
 

package/lib/Body1.js

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

package/lib/Body1Strong.js

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

package/lib/Body1Stronger.js

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

package/lib/Body2.js

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

package/lib/Caption1.js

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

package/lib/Caption1Strong.js

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

package/lib/Caption1Stronger.js

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

package/lib/Caption2.js

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

package/lib/Caption2Strong.js

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

package/lib/Display.js

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

package/lib/LargeTitle.js

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

package/lib/Subtitle1.js

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

package/lib/Subtitle2.js

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

package/lib/Subtitle2Stronger.js

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

package/lib/Text.js

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

package/lib/Title1.js

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

package/lib/Title2.js

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

package/lib/Title3.js

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

package/lib/components/Text/Text.js

@@ -1,8 +1,8 @@
-import * as React from "react";
-import { useText_unstable } from "./useText";
-import { renderText_unstable } from "./renderText";
-import { useTextStyles_unstable } from "./useTextStyles";
-import { useCustomStyleHooks_unstable } from "@fluentui/react-shared-contexts";
+import * as React from 'react';
+import { useText_unstable } from './useText';
+import { renderText_unstable } from './renderText';
+import { useTextStyles_unstable } from './useTextStyles';
+import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
 /**
  * Typography and styling abstraction component used to ensure consistency of text.
  */
@@ -17,5 +17,5 @@ export const Text = /*#__PURE__*/React.forwardRef((props, ref) => {
   // Work around some small mismatches in inferred types which don't matter in practice
 });
 
-Text.displayName = "Text";
+Text.displayName = 'Text';
 //# sourceMappingURL=Text.js.map

package/lib/components/Text/index.js

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

package/lib/components/Text/renderText.js

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { getSlots } from "@fluentui/react-utilities";
+import * as React from 'react';
+import { getSlots } from '@fluentui/react-utilities';
 /**
  * Render the final JSX of Text
  */

package/lib/components/Text/useText.js

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { getNativeElementProps } from "@fluentui/react-utilities";
+import * as React from 'react';
+import { getNativeElementProps } from '@fluentui/react-utilities';
 /**
  * Create the state required to render Text.
  *
@@ -22,20 +22,21 @@ export const useText_unstable = (props, ref) => {
     weight,
     align
   } = props;
-  const as = props.as ?? "span";
+  var _props_as;
+  const as = (_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : 'span';
   const state = {
-    align: align ?? "start",
-    block: block ?? false,
-    font: font ?? "base",
-    italic: italic ?? false,
-    size: size ?? 300,
-    strikethrough: strikethrough ?? false,
-    truncate: truncate ?? false,
-    underline: underline ?? false,
-    weight: weight ?? "regular",
-    wrap: wrap ?? true,
+    align: align !== null && align !== void 0 ? align : 'start',
+    block: block !== null && block !== void 0 ? block : false,
+    font: font !== null && font !== void 0 ? font : 'base',
+    italic: italic !== null && italic !== void 0 ? italic : false,
+    size: size !== null && size !== void 0 ? size : 300,
+    strikethrough: strikethrough !== null && strikethrough !== void 0 ? strikethrough : false,
+    truncate: truncate !== null && truncate !== void 0 ? truncate : false,
+    underline: underline !== null && underline !== void 0 ? underline : false,
+    weight: weight !== null && weight !== void 0 ? weight : 'regular',
+    wrap: wrap !== null && wrap !== void 0 ? wrap : true,
     components: {
-      root: "span"
+      root: 'span'
     },
     root: getNativeElementProps(as, {
       ref,

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

@@ -1 +1 @@
-{"version":3,"names":["React","getNativeElementProps","useText_unstable","props","ref","wrap","truncate","block","italic","underline","strikethrough","size","font","weight","align","as","state","components","root"],"sources":["../../../src/components/Text/useText.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { TextProps, TextState } from './Text.types';\n\n/**\n * Create the state required to render Text.\n *\n * The returned state can be modified with hooks such as useTextStyles_unstable,\n * before being passed to renderText_unstable.\n *\n * @param props - props from this instance of Text\n * @param ref - reference to root HTMLElement of Text\n */\nexport const useText_unstable = (props: TextProps, ref: React.Ref<HTMLElement>): TextState => {\n  const { wrap, truncate, block, italic, underline, strikethrough, size, font, weight, align } = props;\n  const as = props.as ?? 'span';\n\n  const state: TextState = {\n    align: align ?? 'start',\n    block: block ?? false,\n    font: font ?? 'base',\n    italic: italic ?? false,\n    size: size ?? 300,\n    strikethrough: strikethrough ?? false,\n    truncate: truncate ?? false,\n    underline: underline ?? false,\n    weight: weight ?? 'regular',\n    wrap: wrap ?? true,\n\n    components: { root: 'span' },\n\n    root: getNativeElementProps(as, {\n      ref,\n      ...props,\n      as,\n    }),\n  };\n\n  return state;\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,QAAQ;AAGtC;;;;;;;;;AASA,OAAO,MAAMC,gBAAA,GAAmBA,CAACC,KAAA,EAAkBC,GAAA,KAA2C;EAC5F,MAAM;IAAEC,IAAA;IAAMC,QAAA;IAAUC,KAAA;IAAOC,MAAA;IAAQC,SAAA;IAAWC,aAAA;IAAeC,IAAA;IAAMC,IAAA;IAAMC,MAAA;IAAQC;EAAK,CAAE,GAAGX,KAAA;EAC/F,MAAMY,EAAA,GAAKZ,KAAA,CAAMY,EAAE,IAAI;EAEvB,MAAMC,KAAA,GAAmB;IACvBF,KAAA,EAAOA,KAAA,IAAS;IAChBP,KAAA,EAAOA,KAAA,IAAS,KAAK;IACrBK,IAAA,EAAMA,IAAA,IAAQ;IACdJ,MAAA,EAAQA,MAAA,IAAU,KAAK;IACvBG,IAAA,EAAMA,IAAA,IAAQ;IACdD,aAAA,EAAeA,aAAA,IAAiB,KAAK;IACrCJ,QAAA,EAAUA,QAAA,IAAY,KAAK;IAC3BG,SAAA,EAAWA,SAAA,IAAa,KAAK;IAC7BI,MAAA,EAAQA,MAAA,IAAU;IAClBR,IAAA,EAAMA,IAAA,IAAQ,IAAI;IAElBY,UAAA,EAAY;MAAEC,IAAA,EAAM;IAAO;IAE3BA,IAAA,EAAMjB,qBAAA,CAAsBc,EAAA,EAAI;MAC9BX,GAAA;MACA,GAAGD,KAAK;MACRY;IACF;EACF;EAEA,OAAOC,KAAA;AACT"}
+{"version":3,"names":["React","getNativeElementProps","useText_unstable","props","ref","wrap","truncate","block","italic","underline","strikethrough","size","font","weight","align","_props_as","as","state","components","root"],"sources":["../../../src/components/Text/useText.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { TextProps, TextState } from './Text.types';\n\n/**\n * Create the state required to render Text.\n *\n * The returned state can be modified with hooks such as useTextStyles_unstable,\n * before being passed to renderText_unstable.\n *\n * @param props - props from this instance of Text\n * @param ref - reference to root HTMLElement of Text\n */\nexport const useText_unstable = (props: TextProps, ref: React.Ref<HTMLElement>): TextState => {\n  const { wrap, truncate, block, italic, underline, strikethrough, size, font, weight, align } = props;\n  const as = props.as ?? 'span';\n\n  const state: TextState = {\n    align: align ?? 'start',\n    block: block ?? false,\n    font: font ?? 'base',\n    italic: italic ?? false,\n    size: size ?? 300,\n    strikethrough: strikethrough ?? false,\n    truncate: truncate ?? false,\n    underline: underline ?? false,\n    weight: weight ?? 'regular',\n    wrap: wrap ?? true,\n\n    components: { root: 'span' },\n\n    root: getNativeElementProps(as, {\n      ref,\n      ...props,\n      as,\n    }),\n  };\n\n  return state;\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,QAAQ;AAGtC;;;;;;;;;AASA,OAAO,MAAMC,gBAAA,GAAmBA,CAACC,KAAA,EAAkBC,GAAA,KAA2C;EAC5F,MAAM;IAAEC,IAAA;IAAMC,QAAA;IAAUC,KAAA;IAAOC,MAAA;IAAQC,SAAA;IAAWC,aAAA;IAAeC,IAAA;IAAMC,IAAA;IAAMC,MAAA;IAAQC;EAAK,CAAE,GAAGX,KAAA;MACpFY,SAAA;EAAX,MAAMC,EAAA,GAAK,CAAAD,SAAA,GAAAZ,KAAA,CAAMa,EAAE,cAARD,SAAA,cAAAA,SAAA,GAAY,MAAM;EAE7B,MAAME,KAAA,GAAmB;IACvBH,KAAA,EAAOA,KAAA,aAAAA,KAAA,cAAAA,KAAA,GAAS,OAAO;IACvBP,KAAA,EAAOA,KAAA,aAAAA,KAAA,cAAAA,KAAA,GAAS,KAAK;IACrBK,IAAA,EAAMA,IAAA,aAAAA,IAAA,cAAAA,IAAA,GAAQ,MAAM;IACpBJ,MAAA,EAAQA,MAAA,aAAAA,MAAA,cAAAA,MAAA,GAAU,KAAK;IACvBG,IAAA,EAAMA,IAAA,aAAAA,IAAA,cAAAA,IAAA,GAAQ,GAAG;IACjBD,aAAA,EAAeA,aAAA,aAAAA,aAAA,cAAAA,aAAA,GAAiB,KAAK;IACrCJ,QAAA,EAAUA,QAAA,aAAAA,QAAA,cAAAA,QAAA,GAAY,KAAK;IAC3BG,SAAA,EAAWA,SAAA,aAAAA,SAAA,cAAAA,SAAA,GAAa,KAAK;IAC7BI,MAAA,EAAQA,MAAA,aAAAA,MAAA,cAAAA,MAAA,GAAU,SAAS;IAC3BR,IAAA,EAAMA,IAAA,aAAAA,IAAA,cAAAA,IAAA,GAAQ,IAAI;IAElBa,UAAA,EAAY;MAAEC,IAAA,EAAM;IAAO;IAE3BA,IAAA,EAAMlB,qBAAA,CAAsBe,EAAA,EAAI;MAC9BZ,GAAA;MACA,GAAGD,KAAK;MACRa;IACF;EACF;EAEA,OAAOC,KAAA;AACT"}

package/lib/components/Text/useTextStyles.js

@@ -1,7 +1,7 @@
-import { __styles, mergeClasses, shorthands } from "@griffel/react";
-import { tokens } from "@fluentui/react-theme";
+import { __styles, mergeClasses, shorthands } from '@griffel/react';
+import { tokens } from '@fluentui/react-theme';
 export const textClassNames = {
-  root: "fui-Text"
+  root: 'fui-Text'
 };
 /**
  * Styles for the root slot
@@ -110,7 +110,7 @@ const useStyles = /*#__PURE__*/__styles({
  */
 export const useTextStyles_unstable = state => {
   const styles = useStyles();
-  state.root.className = mergeClasses(textClassNames.root, styles.root, state.wrap === false && styles.nowrap, state.truncate && styles.truncate, state.block && styles.block, state.italic && styles.italic, state.underline && styles.underline, state.strikethrough && styles.strikethrough, state.underline && state.strikethrough && styles.strikethroughUnderline, state.size === 100 && styles.base100, state.size === 200 && styles.base200, state.size === 400 && styles.base400, state.size === 500 && styles.base500, state.size === 600 && styles.base600, state.size === 700 && styles.hero700, state.size === 800 && styles.hero800, state.size === 900 && styles.hero900, state.size === 1000 && styles.hero1000, state.font === "monospace" && styles.monospace, state.font === "numeric" && styles.numeric, state.weight === "medium" && styles.weightMedium, state.weight === "semibold" && styles.weightSemibold, state.weight === "bold" && styles.weightBold, state.align === "center" && styles.alignCenter, state.align === "end" && styles.alignEnd, state.align === "justify" && styles.alignJustify, state.root.className);
+  state.root.className = mergeClasses(textClassNames.root, styles.root, state.wrap === false && styles.nowrap, state.truncate && styles.truncate, state.block && styles.block, state.italic && styles.italic, state.underline && styles.underline, state.strikethrough && styles.strikethrough, state.underline && state.strikethrough && styles.strikethroughUnderline, state.size === 100 && styles.base100, state.size === 200 && styles.base200, state.size === 400 && styles.base400, state.size === 500 && styles.base500, state.size === 600 && styles.base600, state.size === 700 && styles.hero700, state.size === 800 && styles.hero800, state.size === 900 && styles.hero900, state.size === 1000 && styles.hero1000, state.font === 'monospace' && styles.monospace, state.font === 'numeric' && styles.numeric, state.weight === 'medium' && styles.weightMedium, state.weight === 'semibold' && styles.weightSemibold, state.weight === 'bold' && styles.weightBold, state.align === 'center' && styles.alignCenter, state.align === 'end' && styles.alignEnd, state.align === 'justify' && styles.alignJustify, state.root.className);
   return state;
 };
 //# sourceMappingURL=useTextStyles.js.map

package/lib/components/presets/Body1/Body1.js

@@ -1,8 +1,8 @@
-import { __styles } from "@griffel/react";
-import { createPreset } from "../createPreset";
-import { typographyStyles } from "@fluentui/react-theme";
+import { __styles } from '@griffel/react';
+import { createPreset } from '../createPreset';
+import { typographyStyles } from '@fluentui/react-theme';
 export const body1ClassNames = {
-  root: "fui-Body1"
+  root: 'fui-Body1'
 };
 /**
  * Styles for the root slot
@@ -23,6 +23,6 @@ const useStyles = /*#__PURE__*/__styles({
 export const Body1 = /*#__PURE__*/createPreset({
   useStyles,
   className: body1ClassNames.root,
-  displayName: "Body1"
+  displayName: 'Body1'
 });
 //# sourceMappingURL=Body1.js.map

package/lib/components/presets/Body1/index.js

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

package/lib/components/presets/Body1Strong/Body1Strong.js

@@ -1,8 +1,8 @@
-import { __styles } from "@griffel/react";
-import { createPreset } from "../createPreset";
-import { typographyStyles } from "@fluentui/react-theme";
+import { __styles } from '@griffel/react';
+import { createPreset } from '../createPreset';
+import { typographyStyles } from '@fluentui/react-theme';
 export const body1StrongClassNames = {
-  root: "fui-Body1Strong"
+  root: 'fui-Body1Strong'
 };
 /**
  * Styles for the root slot
@@ -23,6 +23,6 @@ const useStyles = /*#__PURE__*/__styles({
 export const Body1Strong = /*#__PURE__*/createPreset({
   useStyles,
   className: body1StrongClassNames.root,
-  displayName: "Body1Strong"
+  displayName: 'Body1Strong'
 });
 //# sourceMappingURL=Body1Strong.js.map

package/lib/components/presets/Body1Strong/index.js

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

package/lib/components/presets/Body1Stronger/Body1Stronger.js

@@ -1,8 +1,8 @@
-import { __styles } from "@griffel/react";
-import { createPreset } from "../createPreset";
-import { typographyStyles } from "@fluentui/react-theme";
+import { __styles } from '@griffel/react';
+import { createPreset } from '../createPreset';
+import { typographyStyles } from '@fluentui/react-theme';
 export const body1StrongerClassNames = {
-  root: "fui-Body1Stronger"
+  root: 'fui-Body1Stronger'
 };
 /**
  * Styles for the root slot
@@ -23,6 +23,6 @@ const useStyles = /*#__PURE__*/__styles({
 export const Body1Stronger = /*#__PURE__*/createPreset({
   useStyles,
   className: body1StrongerClassNames.root,
-  displayName: "Body1Stronger"
+  displayName: 'Body1Stronger'
 });
 //# sourceMappingURL=Body1Stronger.js.map

package/lib/components/presets/Body1Stronger/index.js

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

package/lib/components/presets/Body2/Body2.js

@@ -1,8 +1,8 @@
-import { __styles } from "@griffel/react";
-import { createPreset } from "../createPreset";
-import { typographyStyles } from "@fluentui/react-theme";
+import { __styles } from '@griffel/react';
+import { createPreset } from '../createPreset';
+import { typographyStyles } from '@fluentui/react-theme';
 export const body2ClassNames = {
-  root: "fui-Body2"
+  root: 'fui-Body2'
 };
 /**
  * Styles for the root slot
@@ -23,6 +23,6 @@ const useStyles = /*#__PURE__*/__styles({
 export const Body2 = /*#__PURE__*/createPreset({
   useStyles,
   className: body2ClassNames.root,
-  displayName: "Body2"
+  displayName: 'Body2'
 });
 //# sourceMappingURL=Body2.js.map

package/lib/components/presets/Body2/index.js

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

package/lib/components/presets/Caption1/Caption1.js

@@ -1,8 +1,8 @@
-import { __styles } from "@griffel/react";
-import { createPreset } from "../createPreset";
-import { typographyStyles } from "@fluentui/react-theme";
+import { __styles } from '@griffel/react';
+import { createPreset } from '../createPreset';
+import { typographyStyles } from '@fluentui/react-theme';
 export const caption1ClassNames = {
-  root: "fui-Caption1"
+  root: 'fui-Caption1'
 };
 /**
  * Styles for the root slot
@@ -23,6 +23,6 @@ const useStyles = /*#__PURE__*/__styles({
 export const Caption1 = /*#__PURE__*/createPreset({
   useStyles,
   className: caption1ClassNames.root,
-  displayName: "Caption1"
+  displayName: 'Caption1'
 });
 //# sourceMappingURL=Caption1.js.map

package/lib/components/presets/Caption1/index.js

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

package/lib/components/presets/Caption1Strong/Caption1Strong.js

@@ -1,8 +1,8 @@
-import { __styles } from "@griffel/react";
-import { createPreset } from "../createPreset";
-import { typographyStyles } from "@fluentui/react-theme";
+import { __styles } from '@griffel/react';
+import { createPreset } from '../createPreset';
+import { typographyStyles } from '@fluentui/react-theme';
 export const caption1StrongClassNames = {
-  root: "fui-Caption1Strong"
+  root: 'fui-Caption1Strong'
 };
 /**
  * Styles for the root slot
@@ -23,6 +23,6 @@ const useStyles = /*#__PURE__*/__styles({
 export const Caption1Strong = /*#__PURE__*/createPreset({
   useStyles,
   className: caption1StrongClassNames.root,
-  displayName: "Caption1Strong"
+  displayName: 'Caption1Strong'
 });
 //# sourceMappingURL=Caption1Strong.js.map

package/lib/components/presets/Caption1Strong/index.js

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

package/lib/components/presets/Caption1Stronger/Caption1Stronger.js

@@ -1,8 +1,8 @@
-import { __styles } from "@griffel/react";
-import { createPreset } from "../createPreset";
-import { typographyStyles } from "@fluentui/react-theme";
+import { __styles } from '@griffel/react';
+import { createPreset } from '../createPreset';
+import { typographyStyles } from '@fluentui/react-theme';
 export const caption1StrongerClassNames = {
-  root: "fui-Caption1Stronger"
+  root: 'fui-Caption1Stronger'
 };
 /**
  * Styles for the root slot
@@ -23,6 +23,6 @@ const useStyles = /*#__PURE__*/__styles({
 export const Caption1Stronger = /*#__PURE__*/createPreset({
   useStyles,
   className: caption1StrongerClassNames.root,
-  displayName: "Caption1Stronger"
+  displayName: 'Caption1Stronger'
 });
 //# sourceMappingURL=Caption1Stronger.js.map

package/lib/components/presets/Caption1Stronger/index.js

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

package/lib/components/presets/Caption2/Caption2.js

@@ -1,8 +1,8 @@
-import { __styles } from "@griffel/react";
-import { createPreset } from "../createPreset";
-import { typographyStyles } from "@fluentui/react-theme";
+import { __styles } from '@griffel/react';
+import { createPreset } from '../createPreset';
+import { typographyStyles } from '@fluentui/react-theme';
 export const caption2ClassNames = {
-  root: "fui-Caption2"
+  root: 'fui-Caption2'
 };
 /**
  * Styles for the root slot
@@ -23,6 +23,6 @@ const useStyles = /*#__PURE__*/__styles({
 export const Caption2 = /*#__PURE__*/createPreset({
   useStyles,
   className: caption2ClassNames.root,
-  displayName: "Caption2"
+  displayName: 'Caption2'
 });
 //# sourceMappingURL=Caption2.js.map

package/lib/components/presets/Caption2/index.js

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