@fluentui/react-text 0.0.0-nightly-20230317-0436.1 → 0.0.0-nightly-20230317-1454.1

package/.swcrc

@@ -0,0 +1,39 @@
+{
+  "$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",
+    "/**/*.cy.tsx",
+    "/**/*.spec.ts",
+    "/**/*.spec.tsx",
+    "/**/*.test.ts",
+    "/**/*.test.tsx"
+  ],
+  "jsc": {
+    "parser": {
+      "syntax": "typescript",
+      "tsx": true,
+      "decorators": false,
+      "dynamicImport": false
+    },
+    "externalHelpers": true,
+    "transform": {
+      "react": {
+        "runtime": "classic",
+        "useSpread": true
+      }
+    }
+  },
+  "minify": false,
+  "sourceMaps": true
+}

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui/react-text",
   "entries": [
     {
-      "date": "Fri, 17 Mar 2023 04:44:20 GMT",
-      "tag": "@fluentui/react-text_v0.0.0-nightly-20230317-0436.1",
-      "version": "0.0.0-nightly-20230317-0436.1",
+      "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",
       "comments": {
         "prerelease": [
           {
@@ -16,26 +16,26 @@
           {
             "author": "beachball",
             "package": "@fluentui/react-text",
-            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230317-0436.1",
-            "commit": "83781b613de20e14968f5f85d52f6836ee4c899f"
+            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230317-1454.1",
+            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-text",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230317-0436.1",
-            "commit": "83781b613de20e14968f5f85d52f6836ee4c899f"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230317-1454.1",
+            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-text",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230317-0436.1",
-            "commit": "83781b613de20e14968f5f85d52f6836ee4c899f"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230317-1454.1",
+            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-text",
-            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230317-0436.1",
-            "commit": "83781b613de20e14968f5f85d52f6836ee4c899f"
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230317-1454.1",
+            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,21 +1,21 @@
 # Change Log - @fluentui/react-text
 
-This log was last generated on Fri, 17 Mar 2023 04:44:20 GMT and should not be manually modified.
+This log was last generated on Fri, 17 Mar 2023 15:00:06 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20230317-0436.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v0.0.0-nightly-20230317-0436.1)
+## [0.0.0-nightly-20230317-1454.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v0.0.0-nightly-20230317-1454.1)
 
-Fri, 17 Mar 2023 04:44:20 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.3.1..@fluentui/react-text_v0.0.0-nightly-20230317-0436.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)
 
 ### 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-0436.1 ([commit](https://github.com/microsoft/fluentui/commit/83781b613de20e14968f5f85d52f6836ee4c899f) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20230317-0436.1 ([commit](https://github.com/microsoft/fluentui/commit/83781b613de20e14968f5f85d52f6836ee4c899f) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20230317-0436.1 ([commit](https://github.com/microsoft/fluentui/commit/83781b613de20e14968f5f85d52f6836ee4c899f) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230317-0436.1 ([commit](https://github.com/microsoft/fluentui/commit/83781b613de20e14968f5f85d52f6836ee4c899f) by beachball)
+- 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)
 
 ## [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/Body1.js.map

@@ -1 +1 @@
-{"version":3,"file":"Body1.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Body1.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC","sourcesContent":["export * from './components/presets/Body1/index';\n"]}
+{"version":3,"names":[],"sources":["../src/Body1.ts"],"sourcesContent":["export * from './components/presets/Body1/index';\n"],"mappings":"AAAA,cAAc"}

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/Body1Strong.js.map

@@ -1 +1 @@
-{"version":3,"file":"Body1Strong.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Body1Strong.ts"],"names":[],"mappings":"AAAA,cAAc,wCAAwC,CAAC","sourcesContent":["export * from './components/presets/Body1Strong/index';\n"]}
+{"version":3,"names":[],"sources":["../src/Body1Strong.ts"],"sourcesContent":["export * from './components/presets/Body1Strong/index';\n"],"mappings":"AAAA,cAAc"}

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/Body1Stronger.js.map

@@ -1 +1 @@
-{"version":3,"file":"Body1Stronger.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Body1Stronger.ts"],"names":[],"mappings":"AAAA,cAAc,0CAA0C,CAAC","sourcesContent":["export * from './components/presets/Body1Stronger/index';\n"]}
+{"version":3,"names":[],"sources":["../src/Body1Stronger.ts"],"sourcesContent":["export * from './components/presets/Body1Stronger/index';\n"],"mappings":"AAAA,cAAc"}

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/Body2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Body2.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Body2.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC","sourcesContent":["export * from './components/presets/Body2/index';\n"]}
+{"version":3,"names":[],"sources":["../src/Body2.ts"],"sourcesContent":["export * from './components/presets/Body2/index';\n"],"mappings":"AAAA,cAAc"}

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/Caption1.js.map

@@ -1 +1 @@
-{"version":3,"file":"Caption1.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Caption1.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC","sourcesContent":["export * from './components/presets/Caption1/index';\n"]}
+{"version":3,"names":[],"sources":["../src/Caption1.ts"],"sourcesContent":["export * from './components/presets/Caption1/index';\n"],"mappings":"AAAA,cAAc"}

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/Caption1Strong.js.map

@@ -1 +1 @@
-{"version":3,"file":"Caption1Strong.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Caption1Strong.ts"],"names":[],"mappings":"AAAA,cAAc,2CAA2C,CAAC","sourcesContent":["export * from './components/presets/Caption1Strong/index';\n"]}
+{"version":3,"names":[],"sources":["../src/Caption1Strong.ts"],"sourcesContent":["export * from './components/presets/Caption1Strong/index';\n"],"mappings":"AAAA,cAAc"}

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/Caption1Stronger.js.map

@@ -1 +1 @@
-{"version":3,"file":"Caption1Stronger.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Caption1Stronger.ts"],"names":[],"mappings":"AAAA,cAAc,6CAA6C,CAAC","sourcesContent":["export * from './components/presets/Caption1Stronger/index';\n"]}
+{"version":3,"names":[],"sources":["../src/Caption1Stronger.ts"],"sourcesContent":["export * from './components/presets/Caption1Stronger/index';\n"],"mappings":"AAAA,cAAc"}

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/Caption2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Caption2.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Caption2.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC","sourcesContent":["export * from './components/presets/Caption2/index';\n"]}
+{"version":3,"names":[],"sources":["../src/Caption2.ts"],"sourcesContent":["export * from './components/presets/Caption2/index';\n"],"mappings":"AAAA,cAAc"}

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/Caption2Strong.js.map

@@ -1 +1 @@
-{"version":3,"file":"Caption2Strong.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Caption2Strong.ts"],"names":[],"mappings":"AAAA,cAAc,2CAA2C,CAAC","sourcesContent":["export * from './components/presets/Caption2Strong/index';\n"]}
+{"version":3,"names":[],"sources":["../src/Caption2Strong.ts"],"sourcesContent":["export * from './components/presets/Caption2Strong/index';\n"],"mappings":"AAAA,cAAc"}

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/Display.js.map

@@ -1 +1 @@
-{"version":3,"file":"Display.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Display.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC","sourcesContent":["export * from './components/presets/Display/index';\n"]}
+{"version":3,"names":[],"sources":["../src/Display.ts"],"sourcesContent":["export * from './components/presets/Display/index';\n"],"mappings":"AAAA,cAAc"}

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/LargeTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"LargeTitle.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/LargeTitle.ts"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAC","sourcesContent":["export * from './components/presets/LargeTitle/index';\n"]}
+{"version":3,"names":[],"sources":["../src/LargeTitle.ts"],"sourcesContent":["export * from './components/presets/LargeTitle/index';\n"],"mappings":"AAAA,cAAc"}

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/Subtitle1.js.map

@@ -1 +1 @@
-{"version":3,"file":"Subtitle1.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Subtitle1.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC","sourcesContent":["export * from './components/presets/Subtitle1/index';\n"]}
+{"version":3,"names":[],"sources":["../src/Subtitle1.ts"],"sourcesContent":["export * from './components/presets/Subtitle1/index';\n"],"mappings":"AAAA,cAAc"}

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/Subtitle2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Subtitle2.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Subtitle2.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC","sourcesContent":["export * from './components/presets/Subtitle2/index';\n"]}
+{"version":3,"names":[],"sources":["../src/Subtitle2.ts"],"sourcesContent":["export * from './components/presets/Subtitle2/index';\n"],"mappings":"AAAA,cAAc"}

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/Subtitle2Stronger.js.map

@@ -1 +1 @@
-{"version":3,"file":"Subtitle2Stronger.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Subtitle2Stronger.ts"],"names":[],"mappings":"AAAA,cAAc,8CAA8C,CAAC","sourcesContent":["export * from './components/presets/Subtitle2Stronger/index';\n"]}
+{"version":3,"names":[],"sources":["../src/Subtitle2Stronger.ts"],"sourcesContent":["export * from './components/presets/Subtitle2Stronger/index';\n"],"mappings":"AAAA,cAAc"}

package/lib/Text.js

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

package/lib/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Text.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC","sourcesContent":["export * from './components/Text/index';\n"]}
+{"version":3,"names":[],"sources":["../src/Text.ts"],"sourcesContent":["export * from './components/Text/index';\n"],"mappings":"AAAA,cAAc"}

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/Title1.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title1.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Title1.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC","sourcesContent":["export * from './components/presets/Title1/index';\n"]}
+{"version":3,"names":[],"sources":["../src/Title1.ts"],"sourcesContent":["export * from './components/presets/Title1/index';\n"],"mappings":"AAAA,cAAc"}

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/Title2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title2.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Title2.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC","sourcesContent":["export * from './components/presets/Title2/index';\n"]}
+{"version":3,"names":[],"sources":["../src/Title2.ts"],"sourcesContent":["export * from './components/presets/Title2/index';\n"],"mappings":"AAAA,cAAc"}

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/Title3.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title3.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-text/src/Title3.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC","sourcesContent":["export * from './components/presets/Title3/index';\n"]}
+{"version":3,"names":[],"sources":["../src/Title3.ts"],"sourcesContent":["export * from './components/presets/Title3/index';\n"],"mappings":"AAAA,cAAc"}

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/Text.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useText_unstable","renderText_unstable","useTextStyles_unstable","useCustomStyleHooks_unstable","Text","forwardRef","props","ref","state","useCustomStyles","displayName"],"sources":["../../../../../../../../../packages/react-components/react-text/src/components/Text/Text.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useText_unstable } from './useText';\nimport { renderText_unstable } from './renderText';\nimport { useTextStyles_unstable } from './useTextStyles';\nimport type { TextProps } from './Text.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Typography and styling abstraction component used to ensure consistency of text.\n */\nexport const Text: ForwardRefComponent<TextProps> = React.forwardRef((props, ref) => {\n  const state = useText_unstable(props, ref);\n\n  useTextStyles_unstable(state);\n\n  const { useTextStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderText_unstable(state);\n  // Work around some small mismatches in inferred types which don't matter in practice\n}) as ForwardRefComponent<TextProps>;\n\nText.displayName = 'Text';\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,gBAAgB,QAAQ,WAAW;AAC5C,SAASC,mBAAmB,QAAQ,cAAc;AAClD,SAASC,sBAAsB,QAAQ,iBAAiB;AAGxD,SAASC,4BAA4B,QAAQ,iCAAiC;AAE9E;;;AAGA,OAAO,MAAMC,IAAI,gBAAmCL,KAAK,CAACM,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAClF,MAAMC,KAAK,GAAGR,gBAAgB,CAACM,KAAK,EAAEC,GAAG,CAAC;EAE1CL,sBAAsB,CAACM,KAAK,CAAC;EAE7B,MAAM;IAAEN,sBAAsB,EAAEO;EAAe,CAAE,GAAGN,4BAA4B,EAAE;EAClFM,eAAe,CAACD,KAAK,CAAC;EAEtB,OAAOP,mBAAmB,CAACO,KAAK,CAAC;EACjC;AACF,CAAC,CAAmC;;AAEpCJ,IAAI,CAACM,WAAW,GAAG,MAAM"}
+{"version":3,"names":["React","useText_unstable","renderText_unstable","useTextStyles_unstable","useCustomStyleHooks_unstable","Text","forwardRef","props","ref","state","useCustomStyles","displayName"],"sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useText_unstable } from './useText';\nimport { renderText_unstable } from './renderText';\nimport { useTextStyles_unstable } from './useTextStyles';\nimport type { TextProps } from './Text.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Typography and styling abstraction component used to ensure consistency of text.\n */\nexport const Text: ForwardRefComponent<TextProps> = React.forwardRef((props, ref) => {\n  const state = useText_unstable(props, ref);\n\n  useTextStyles_unstable(state);\n\n  const { useTextStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderText_unstable(state);\n  // Work around some small mismatches in inferred types which don't matter in practice\n}) as ForwardRefComponent<TextProps>;\n\nText.displayName = 'Text';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,gBAAgB,QAAQ;AACjC,SAASC,mBAAmB,QAAQ;AACpC,SAASC,sBAAsB,QAAQ;AAGvC,SAASC,4BAA4B,QAAQ;AAE7C;;;AAGA,OAAO,MAAMC,IAAA,gBAAuCL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACnF,MAAMC,KAAA,GAAQR,gBAAA,CAAiBM,KAAA,EAAOC,GAAA;EAEtCL,sBAAA,CAAuBM,KAAA;EAEvB,MAAM;IAAEN,sBAAA,EAAwBO;EAAe,CAAE,GAAGN,4BAAA;EACpDM,eAAA,CAAgBD,KAAA;EAEhB,OAAOP,mBAAA,CAAoBO,KAAA;EAC3B;AACF;;AAEAJ,IAAA,CAAKM,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"file":"Text.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Text slots\n */\nexport type TextSlots = {\n  root: Slot<'span', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'pre'>;\n};\n\n/**\n * Text Props\n */\nexport type TextProps = ComponentProps<TextSlots> & {\n  /**\n   * Aligns text based on the parent container.\n   *\n   * @default start\n   */\n  align?: 'start' | 'center' | 'end' | 'justify';\n\n  /**\n   * Applies a block display for the content.\n   *\n   * @default false\n   */\n  block?: boolean;\n\n  /**\n   * Applies the font family to the content.\n   *\n   * @default base\n   */\n  font?: 'base' | 'monospace' | 'numeric';\n\n  /**\n   * Applies the italic font style to the content.\n   *\n   * @default false\n   */\n  italic?: boolean;\n\n  /**\n   * Applies font size and line height based on the theme typography tokens.\n   *\n   * @default 300\n   */\n  size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;\n\n  /**\n   * Applies the strikethrough text decoration to the content.\n   *\n   * @default false\n   */\n  strikethrough?: boolean;\n\n  /**\n   * Truncate overflowing text for block displays.\n   *\n   * @default false\n   */\n\n  truncate?: boolean;\n\n  /**\n   * Applies the underline text decoration to the content.\n   *\n   * @default false\n   */\n  underline?: boolean;\n\n  /**\n   * Applies font weight to the content.\n   *\n   * @default regular\n   */\n  weight?: 'regular' | 'medium' | 'semibold' | 'bold';\n\n  /**\n   * Wraps the text content on white spaces.\n   *\n   * @default true\n   */\n  wrap?: boolean;\n};\n\n/**\n * TextPreset Props\n */\nexport type TextPresetProps = Omit<TextProps, 'font' | 'size' | 'weight'>;\n\n/**\n * State used in rendering Text\n */\nexport type TextState = ComponentState<TextSlots> &\n  Required<\n    Pick<\n      TextProps,\n      'align' | 'block' | 'font' | 'italic' | 'size' | 'strikethrough' | 'truncate' | 'underline' | 'weight' | 'wrap'\n    >\n  >;\n"]}
+{"version":3,"names":[],"sources":["../../../src/components/Text/Text.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Text slots\n */\nexport type TextSlots = {\n  root: Slot<'span', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'pre'>;\n};\n\n/**\n * Text Props\n */\nexport type TextProps = ComponentProps<TextSlots> & {\n  /**\n   * Aligns text based on the parent container.\n   *\n   * @default start\n   */\n  align?: 'start' | 'center' | 'end' | 'justify';\n\n  /**\n   * Applies a block display for the content.\n   *\n   * @default false\n   */\n  block?: boolean;\n\n  /**\n   * Applies the font family to the content.\n   *\n   * @default base\n   */\n  font?: 'base' | 'monospace' | 'numeric';\n\n  /**\n   * Applies the italic font style to the content.\n   *\n   * @default false\n   */\n  italic?: boolean;\n\n  /**\n   * Applies font size and line height based on the theme typography tokens.\n   *\n   * @default 300\n   */\n  size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;\n\n  /**\n   * Applies the strikethrough text decoration to the content.\n   *\n   * @default false\n   */\n  strikethrough?: boolean;\n\n  /**\n   * Truncate overflowing text for block displays.\n   *\n   * @default false\n   */\n\n  truncate?: boolean;\n\n  /**\n   * Applies the underline text decoration to the content.\n   *\n   * @default false\n   */\n  underline?: boolean;\n\n  /**\n   * Applies font weight to the content.\n   *\n   * @default regular\n   */\n  weight?: 'regular' | 'medium' | 'semibold' | 'bold';\n\n  /**\n   * Wraps the text content on white spaces.\n   *\n   * @default true\n   */\n  wrap?: boolean;\n};\n\n/**\n * TextPreset Props\n */\nexport type TextPresetProps = Omit<TextProps, 'font' | 'size' | 'weight'>;\n\n/**\n * State used in rendering Text\n */\nexport type TextState = ComponentState<TextSlots> &\n  Required<\n    Pick<\n      TextProps,\n      'align' | 'block' | 'font' | 'italic' | 'size' | 'strikethrough' | 'truncate' | 'underline' | 'weight' | 'wrap'\n    >\n  >;\n"],"mappings":"AAAA"}

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/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-text/src/components/Text/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC","sourcesContent":["export * from './Text';\nexport * from './Text.types';\nexport * from './renderText';\nexport * from './useText';\nexport * from './useTextStyles';\n"]}
+{"version":3,"names":[],"sources":["../../../src/components/Text/index.ts"],"sourcesContent":["export * from './Text';\nexport * from './Text.types';\nexport * from './renderText';\nexport * from './useText';\nexport * from './useTextStyles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}

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
  */
@@ -8,8 +8,6 @@ export const renderText_unstable = state => {
     slots,
     slotProps
   } = getSlots(state);
-  return /*#__PURE__*/React.createElement(slots.root, {
-    ...slotProps.root
-  });
+  return /*#__PURE__*/React.createElement(slots.root, slotProps.root);
 };
 //# sourceMappingURL=renderText.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","getSlots","renderText_unstable","state","slots","slotProps","createElement","root"],"sources":["../../../../../../../../../packages/react-components/react-text/src/components/Text/renderText.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { TextSlots, TextState } from './Text.types';\n\n/**\n * Render the final JSX of Text\n */\nexport const renderText_unstable = (state: TextState) => {\n  const { slots, slotProps } = getSlots<TextSlots>(state);\n\n  return <slots.root {...slotProps.root} />;\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,2BAA2B;AAGpD;;;AAGA,OAAO,MAAMC,mBAAmB,GAAIC,KAAgB,IAAI;EACtD,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,QAAQ,CAAYE,KAAK,CAAC;EAEvD,oBAAOH,KAAA,CAAAM,aAAA,CAACF,KAAK,CAACG,IAAI;IAAA,GAAKF,SAAS,CAACE;EAAI,EAAI;AAC3C,CAAC"}
+{"version":3,"names":["React","getSlots","renderText_unstable","state","slots","slotProps","createElement","root"],"sources":["../../../src/components/Text/renderText.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { TextSlots, TextState } from './Text.types';\n\n/**\n * Render the final JSX of Text\n */\nexport const renderText_unstable = (state: TextState) => {\n  const { slots, slotProps } = getSlots<TextSlots>(state);\n\n  return <slots.root {...slotProps.root} />;\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,QAAQ,QAAQ;AAGzB;;;AAGA,OAAO,MAAMC,mBAAA,GAAuBC,KAAA,IAAqB;EACvD,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGJ,QAAA,CAAoBE,KAAA;EAEjD,oBAAOH,KAAA,CAAAM,aAAA,CAACF,KAAA,CAAMG,IAAI,EAAKF,SAAA,CAAUE,IAAI;AACvC"}

package/lib/components/Text/useText.js

@@ -1,4 +1,5 @@
-import { getNativeElementProps } from '@fluentui/react-utilities';
+import * as React from "react";
+import { getNativeElementProps } from "@fluentui/react-utilities";
 /**
  * Create the state required to render Text.
  *
@@ -9,7 +10,6 @@ import { getNativeElementProps } from '@fluentui/react-utilities';
  * @param ref - reference to root HTMLElement of Text
  */
 export const useText_unstable = (props, ref) => {
-  var _a;
   const {
     wrap,
     truncate,
@@ -22,20 +22,20 @@ export const useText_unstable = (props, ref) => {
     weight,
     align
   } = props;
-  const as = (_a = props.as) !== null && _a !== void 0 ? _a : 'span';
+  const as = props.as ?? "span";
   const state = {
-    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,
+    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,
     components: {
-      root: 'span'
+      root: "span"
     },
     root: getNativeElementProps(as, {
       ref,

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

@@ -1 +1 @@
-{"version":3,"names":["getNativeElementProps","useText_unstable","props","ref","wrap","truncate","block","italic","underline","strikethrough","size","font","weight","align","as","_a","state","components","root"],"sources":["../../../../../../../../../packages/react-components/react-text/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":"AACA,SAASA,qBAAqB,QAAQ,2BAA2B;AAGjE;;;;;;;;;AASA,OAAO,MAAMC,gBAAgB,GAAGA,CAACC,KAAgB,EAAEC,GAA2B,KAAe;;EAC3F,MAAM;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,MAAM;IAAEC,SAAS;IAAEC,aAAa;IAAEC,IAAI;IAAEC,IAAI;IAAEC,MAAM;IAAEC;EAAK,CAAE,GAAGX,KAAK;EACpG,MAAMY,EAAE,GAAG,CAAAC,EAAA,GAAAb,KAAK,CAACY,EAAE,cAAAC,EAAA,cAAAA,EAAA,GAAI,MAAM;EAE7B,MAAMC,KAAK,GAAc;IACvBH,KAAK,EAAEA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,OAAO;IACvBP,KAAK,EAAEA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,KAAK;IACrBK,IAAI,EAAEA,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,MAAM;IACpBJ,MAAM,EAAEA,MAAM,aAANA,MAAM,cAANA,MAAM,GAAI,KAAK;IACvBG,IAAI,EAAEA,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,GAAG;IACjBD,aAAa,EAAEA,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAI,KAAK;IACrCJ,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAI,KAAK;IAC3BG,SAAS,EAAEA,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,KAAK;IAC7BI,MAAM,EAAEA,MAAM,aAANA,MAAM,cAANA,MAAM,GAAI,SAAS;IAC3BR,IAAI,EAAEA,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,IAAI;IAElBa,UAAU,EAAE;MAAEC,IAAI,EAAE;IAAM,CAAE;IAE5BA,IAAI,EAAElB,qBAAqB,CAACc,EAAE,EAAE;MAC9BX,GAAG;MACH,GAAGD,KAAK;MACRY;KACD;GACF;EAED,OAAOE,KAAK;AACd,CAAC"}
+{"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"}

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/Text/useTextStyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","shorthands","tokens","textClassNames","root","useStyles","Bahqtrf","Be2twd7","Bg96gwp","Bhrd7zp","fsow6f","mc9l5x","Huce71","B68tc82","Bmxbyg5","ygn44y","nowrap","truncate","block","italic","B80ckks","underline","w71qe1","strikethrough","strikethroughUnderline","base100","base200","base400","base500","base600","hero700","hero800","hero900","hero1000","monospace","numeric","weightMedium","weightSemibold","weightBold","alignCenter","alignEnd","alignJustify","d","useTextStyles_unstable","state","styles","className","wrap","size","font","weight","align"],"sources":["../../../../../../../../../packages/react-components/react-text/src/components/Text/useTextStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { TextSlots, TextState } from './Text.types';\nimport { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const textClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Text',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    fontFamily: tokens.fontFamilyBase,\n    fontSize: tokens.fontSizeBase300,\n    lineHeight: tokens.lineHeightBase300,\n    fontWeight: tokens.fontWeightRegular,\n    textAlign: 'start',\n    display: 'inline',\n    whiteSpace: 'normal',\n    ...shorthands.overflow('visible'),\n    textOverflow: 'clip',\n  },\n  nowrap: {\n    whiteSpace: 'nowrap',\n    ...shorthands.overflow('hidden'),\n  },\n  truncate: {\n    textOverflow: 'ellipsis',\n  },\n  block: {\n    display: 'block',\n  },\n  italic: {\n    fontStyle: 'italic',\n  },\n  underline: {\n    textDecorationLine: 'underline',\n  },\n  strikethrough: {\n    textDecorationLine: 'line-through',\n  },\n  strikethroughUnderline: {\n    textDecorationLine: 'line-through underline',\n  },\n  base100: {\n    fontSize: tokens.fontSizeBase100,\n    lineHeight: tokens.lineHeightBase100,\n  },\n  base200: {\n    fontSize: tokens.fontSizeBase200,\n    lineHeight: tokens.lineHeightBase200,\n  },\n  base400: {\n    fontSize: tokens.fontSizeBase400,\n    lineHeight: tokens.lineHeightBase400,\n  },\n  base500: {\n    fontSize: tokens.fontSizeBase500,\n    lineHeight: tokens.lineHeightBase500,\n  },\n  base600: {\n    fontSize: tokens.fontSizeBase600,\n    lineHeight: tokens.lineHeightBase600,\n  },\n  hero700: {\n    fontSize: tokens.fontSizeHero700,\n    lineHeight: tokens.lineHeightHero700,\n  },\n  hero800: {\n    fontSize: tokens.fontSizeHero800,\n    lineHeight: tokens.lineHeightHero800,\n  },\n  hero900: {\n    fontSize: tokens.fontSizeHero900,\n    lineHeight: tokens.lineHeightHero900,\n  },\n  hero1000: {\n    fontSize: tokens.fontSizeHero1000,\n    lineHeight: tokens.lineHeightHero1000,\n  },\n  monospace: {\n    fontFamily: tokens.fontFamilyMonospace,\n  },\n  numeric: {\n    fontFamily: tokens.fontFamilyNumeric,\n  },\n  weightMedium: {\n    fontWeight: tokens.fontWeightMedium,\n  },\n  weightSemibold: {\n    fontWeight: tokens.fontWeightSemibold,\n  },\n  weightBold: {\n    fontWeight: tokens.fontWeightBold,\n  },\n  alignCenter: {\n    textAlign: 'center',\n  },\n  alignEnd: {\n    textAlign: 'end',\n  },\n  alignJustify: {\n    textAlign: 'justify',\n  },\n});\n\n/**\n * Apply styling to the Text slots based on the state\n */\nexport const useTextStyles_unstable = (state: TextState): TextState => {\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(\n    textClassNames.root,\n    styles.root,\n    state.wrap === false && styles.nowrap,\n    state.truncate && styles.truncate,\n    state.block && styles.block,\n    state.italic && styles.italic,\n    state.underline && styles.underline,\n    state.strikethrough && styles.strikethrough,\n    state.underline && state.strikethrough && styles.strikethroughUnderline,\n    state.size === 100 && styles.base100,\n    state.size === 200 && styles.base200,\n    state.size === 400 && styles.base400,\n    state.size === 500 && styles.base500,\n    state.size === 600 && styles.base600,\n    state.size === 700 && styles.hero700,\n    state.size === 800 && styles.hero800,\n    state.size === 900 && styles.hero900,\n    state.size === 1000 && styles.hero1000,\n    state.font === 'monospace' && styles.monospace,\n    state.font === 'numeric' && styles.numeric,\n    state.weight === 'medium' && styles.weightMedium,\n    state.weight === 'semibold' && styles.weightSemibold,\n    state.weight === 'bold' && styles.weightBold,\n    state.align === 'center' && styles.alignCenter,\n    state.align === 'end' && styles.alignEnd,\n    state.align === 'justify' && styles.alignJustify,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"mappings":"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"}
+{"version":3,"names":["__styles","mergeClasses","shorthands","tokens","textClassNames","root","useStyles","Bahqtrf","Be2twd7","Bg96gwp","Bhrd7zp","fsow6f","mc9l5x","Huce71","B68tc82","Bmxbyg5","ygn44y","nowrap","truncate","block","italic","B80ckks","underline","w71qe1","strikethrough","strikethroughUnderline","base100","base200","base400","base500","base600","hero700","hero800","hero900","hero1000","monospace","numeric","weightMedium","weightSemibold","weightBold","alignCenter","alignEnd","alignJustify","d","useTextStyles_unstable","state","styles","className","wrap","size","font","weight","align"],"sources":["../../../src/components/Text/useTextStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { TextSlots, TextState } from './Text.types';\nimport { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const textClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Text',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    fontFamily: tokens.fontFamilyBase,\n    fontSize: tokens.fontSizeBase300,\n    lineHeight: tokens.lineHeightBase300,\n    fontWeight: tokens.fontWeightRegular,\n    textAlign: 'start',\n    display: 'inline',\n    whiteSpace: 'normal',\n    ...shorthands.overflow('visible'),\n    textOverflow: 'clip',\n  },\n  nowrap: {\n    whiteSpace: 'nowrap',\n    ...shorthands.overflow('hidden'),\n  },\n  truncate: {\n    textOverflow: 'ellipsis',\n  },\n  block: {\n    display: 'block',\n  },\n  italic: {\n    fontStyle: 'italic',\n  },\n  underline: {\n    textDecorationLine: 'underline',\n  },\n  strikethrough: {\n    textDecorationLine: 'line-through',\n  },\n  strikethroughUnderline: {\n    textDecorationLine: 'line-through underline',\n  },\n  base100: {\n    fontSize: tokens.fontSizeBase100,\n    lineHeight: tokens.lineHeightBase100,\n  },\n  base200: {\n    fontSize: tokens.fontSizeBase200,\n    lineHeight: tokens.lineHeightBase200,\n  },\n  base400: {\n    fontSize: tokens.fontSizeBase400,\n    lineHeight: tokens.lineHeightBase400,\n  },\n  base500: {\n    fontSize: tokens.fontSizeBase500,\n    lineHeight: tokens.lineHeightBase500,\n  },\n  base600: {\n    fontSize: tokens.fontSizeBase600,\n    lineHeight: tokens.lineHeightBase600,\n  },\n  hero700: {\n    fontSize: tokens.fontSizeHero700,\n    lineHeight: tokens.lineHeightHero700,\n  },\n  hero800: {\n    fontSize: tokens.fontSizeHero800,\n    lineHeight: tokens.lineHeightHero800,\n  },\n  hero900: {\n    fontSize: tokens.fontSizeHero900,\n    lineHeight: tokens.lineHeightHero900,\n  },\n  hero1000: {\n    fontSize: tokens.fontSizeHero1000,\n    lineHeight: tokens.lineHeightHero1000,\n  },\n  monospace: {\n    fontFamily: tokens.fontFamilyMonospace,\n  },\n  numeric: {\n    fontFamily: tokens.fontFamilyNumeric,\n  },\n  weightMedium: {\n    fontWeight: tokens.fontWeightMedium,\n  },\n  weightSemibold: {\n    fontWeight: tokens.fontWeightSemibold,\n  },\n  weightBold: {\n    fontWeight: tokens.fontWeightBold,\n  },\n  alignCenter: {\n    textAlign: 'center',\n  },\n  alignEnd: {\n    textAlign: 'end',\n  },\n  alignJustify: {\n    textAlign: 'justify',\n  },\n});\n\n/**\n * Apply styling to the Text slots based on the state\n */\nexport const useTextStyles_unstable = (state: TextState): TextState => {\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(\n    textClassNames.root,\n    styles.root,\n    state.wrap === false && styles.nowrap,\n    state.truncate && styles.truncate,\n    state.block && styles.block,\n    state.italic && styles.italic,\n    state.underline && styles.underline,\n    state.strikethrough && styles.strikethrough,\n    state.underline && state.strikethrough && styles.strikethroughUnderline,\n    state.size === 100 && styles.base100,\n    state.size === 200 && styles.base200,\n    state.size === 400 && styles.base400,\n    state.size === 500 && styles.base500,\n    state.size === 600 && styles.base600,\n    state.size === 700 && styles.hero700,\n    state.size === 800 && styles.hero800,\n    state.size === 900 && styles.hero900,\n    state.size === 1000 && styles.hero1000,\n    state.font === 'monospace' && styles.monospace,\n    state.font === 'numeric' && styles.numeric,\n    state.weight === 'medium' && styles.weightMedium,\n    state.weight === 'semibold' && styles.weightSemibold,\n    state.weight === 'bold' && styles.weightBold,\n    state.align === 'center' && styles.alignCenter,\n    state.align === 'end' && styles.alignEnd,\n    state.align === 'justify' && styles.alignJustify,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"mappings":"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"}

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