@fluentui/react-text 9.3.7 → 9.3.9

package/CHANGELOG.json

@@ -2,7 +2,101 @@
   "name": "@fluentui/react-text",
   "entries": [
     {
-      "date": "Mon, 24 Apr 2023 08:09:18 GMT",
+      "date": "Thu, 18 May 2023 00:35:47 GMT",
+      "tag": "@fluentui/react-text_v9.3.9",
+      "version": "9.3.9",
+      "comments": {
+        "none": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-text",
+            "commit": "06cd515eda59a3078bfe32f9cc7c1f281cd20208",
+            "comment": "chore: add test-ssr script to v9 packages"
+          }
+        ],
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-utilities to v9.9.0",
+            "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.4",
+            "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 12 May 2023 20:27:54 GMT",
+      "tag": "@fluentui/react-text_v9.3.8",
+      "version": "9.3.8",
+      "comments": {
+        "patch": [
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-text",
+            "commit": "ee977e20d359922798949a4f18af7a036ca36ca3",
+            "comment": "Update to use single hook selector"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-text",
+            "commit": "5174214ff482520b8d9fcc6894ed768604112ad5",
+            "comment": "chore: move makeStyles() calls to .styles.ts files"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-text",
+            "commit": "c28decb23d191a0daaaf6d5d1832429715102129",
+            "comment": "chore: exclude .swcrc from being published"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.4.0",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-theme to v9.1.8",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-utilities to v9.8.1",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.3",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.21",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          }
+        ],
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-text",
+            "commit": "dbda7fa69e3000aaf8dd4a061e254ebd35198b8e",
+            "comment": "fix: update npmignore files to fix npm8/node16 regression how npm publish works"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 24 Apr 2023 08:12:43 GMT",
       "tag": "@fluentui/react-text_v9.3.7",
       "version": "9.3.7",
       "comments": {
@@ -17,7 +111,7 @@
             "author": "beachball",
             "package": "@fluentui/react-text",
             "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.2",
-            "commit": "948b5bf9871303d1742f1b9a17a3bd4006ce2fea"
+            "commit": "505433ac64f144c9cca456097413d6af4582e5ee"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,18 +1,44 @@
 # Change Log - @fluentui/react-text
 
-This log was last generated on Mon, 24 Apr 2023 08:09:18 GMT and should not be manually modified.
+This log was last generated on Thu, 18 May 2023 00:35:47 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.3.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.3.9)
+
+Thu, 18 May 2023 00:35:47 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.3.8..@fluentui/react-text_v9.3.9)
+
+### Patches
+
+- Bump @fluentui/react-utilities to v9.9.0 ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.4 ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by beachball)
+
+## [9.3.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.3.8)
+
+Fri, 12 May 2023 20:27:54 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.3.7..@fluentui/react-text_v9.3.8)
+
+### Patches
+
+- Update to use single hook selector ([PR #27491](https://github.com/microsoft/fluentui/pull/27491) by gcox@microsoft.com)
+- chore: move makeStyles() calls to .styles.ts files ([PR #27707](https://github.com/microsoft/fluentui/pull/27707) by olfedias@microsoft.com)
+- chore: exclude .swcrc from being published ([PR #27740](https://github.com/microsoft/fluentui/pull/27740) by olfedias@microsoft.com)
+- Bump @fluentui/react-shared-contexts to v9.4.0 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-theme to v9.1.8 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-utilities to v9.8.1 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.3 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.21 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+
 ## [9.3.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.3.7)
 
-Mon, 24 Apr 2023 08:09:18 GMT 
+Mon, 24 Apr 2023 08:12:43 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.3.6..@fluentui/react-text_v9.3.7)
 
 ### Patches
 
 - chore: adopt custom JSX pragma ([PR #27626](https://github.com/microsoft/fluentui/pull/27626) by bernardo.sunderhus@gmail.com)
-- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.2 ([PR #27632](https://github.com/microsoft/fluentui/pull/27632) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.2 ([commit](https://github.com/microsoft/fluentui/commit/505433ac64f144c9cca456097413d6af4582e5ee) by beachball)
 
 ## [9.3.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.3.6)
 

package/lib/components/Text/Text.js

@@ -1,18 +1,15 @@
 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 { useTextStyles_unstable } from './useTextStyles.styles';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 /**
  * Typography and styling abstraction component used to ensure consistency of text.
  */
 export const Text = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = useText_unstable(props, ref);
   useTextStyles_unstable(state);
-  const {
-    useTextStyles_unstable: useCustomStyles
-  } = useCustomStyleHooks_unstable();
-  useCustomStyles(state);
+  useCustomStyleHook_unstable('useTextStyles_unstable')(state);
   return renderText_unstable(state);
   // Work around some small mismatches in inferred types which don't matter in practice
 });

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":["../../../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"}
+{"version":3,"names":["React","useText_unstable","renderText_unstable","useTextStyles_unstable","useCustomStyleHook_unstable","Text","forwardRef","props","ref","state","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.styles';\nimport type { TextProps } from './Text.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_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  useCustomStyleHook_unstable('useTextStyles_unstable')(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,2BAA2B,QAAQ;AAE5C;;;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;EAEvBL,2BAAA,CAA4B,0BAA0BK,KAAA;EAEtD,OAAOP,mBAAA,CAAoBO,KAAA;EAC3B;AACF;;AAEAJ,IAAA,CAAKK,WAAW,GAAG"}

package/lib/components/Text/index.js

@@ -2,5 +2,5 @@ export * from './Text';
 export * from './Text.types';
 export * from './renderText';
 export * from './useText';
-export * from './useTextStyles';
+export * from './useTextStyles.styles';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}

package/lib/components/Text/{useTextStyles.js → useTextStyles.styles.js}

@@ -113,4 +113,4 @@ export const useTextStyles_unstable = state => {
   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
+//# sourceMappingURL=useTextStyles.styles.js.map

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

@@ -0,0 +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":["../../../src/components/Text/useTextStyles.styles.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,27 +1,10 @@
-import { __styles } from '@griffel/react';
 import { createPreset } from '../createPreset';
-import { typographyStyles } from '@fluentui/react-theme';
-export const body1ClassNames = {
-  root: 'fui-Body1'
-};
-/**
- * Styles for the root slot
- */
-const useStyles = /*#__PURE__*/__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);}"]
-});
+import { body1ClassNames, useBody1Styles } from './useBody1Styles.styles';
 /**
  * Text preset component for the Body1 typography variant
  */
 export const Body1 = /*#__PURE__*/createPreset({
-  useStyles,
+  useStyles: useBody1Styles,
   className: body1ClassNames.root,
   displayName: 'Body1'
 });

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","createPreset","typographyStyles","body1ClassNames","root","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","Body1","className","displayName"],"sources":["../../../../src/components/presets/Body1/Body1.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createPreset } from '../createPreset';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots, TextPresetProps } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const body1ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Body1',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.body1,\n});\n\n/**\n * Text preset component for the Body1 typography variant\n */\nexport const Body1: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles,\n  className: body1ClassNames.root,\n  displayName: 'Body1',\n});\n"],"mappings":"AACA,SAAAA,QAAA,QAA2B;AAC3B,SAASC,YAAY,QAAQ;AAG7B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,eAAA,GAA6C;EACxDC,IAAA,EAAM;AACR;AAEA;;;AAGA,MAAMC,SAAA,gBAAYL,QAAA;EAAAI,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAElB;AAEA;;;AAGA,OAAO,MAAMC,KAAA,gBAA4CV,YAAA,CAAa;EACpEI,SAAA;EACAO,SAAA,EAAWT,eAAA,CAAgBC,IAAI;EAC/BS,WAAA,EAAa;AACf"}
+{"version":3,"names":["createPreset","body1ClassNames","useBody1Styles","Body1","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Body1/Body1.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { body1ClassNames, useBody1Styles } from './useBody1Styles.styles';\n\n/**\n * Text preset component for the Body1 typography variant\n */\nexport const Body1: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useBody1Styles,\n  className: body1ClassNames.root,\n  displayName: 'Body1',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,eAAe,EAAEC,cAAc,QAAQ;AAEhD;;;AAGA,OAAO,MAAMC,KAAA,gBAA4CH,YAAA,CAAa;EACpEI,SAAA,EAAWF,cAAA;EACXG,SAAA,EAAWJ,eAAA,CAAgBK,IAAI;EAC/BC,WAAA,EAAa;AACf"}

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

@@ -1,2 +1,3 @@
 export * from './Body1';
+export { body1ClassNames } from './useBody1Styles.styles';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/presets/Body1/index.ts"],"sourcesContent":["export * from './Body1';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"names":["body1ClassNames"],"sources":["../../../../src/components/presets/Body1/index.ts"],"sourcesContent":["export * from './Body1';\nexport { body1ClassNames } from './useBody1Styles.styles';\n"],"mappings":"AAAA,cAAc;AACd,SAASA,eAAe,QAAQ"}

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

@@ -0,0 +1,19 @@
+import { __styles } from '@griffel/react';
+import { typographyStyles } from '@fluentui/react-theme';
+export const body1ClassNames = {
+  root: 'fui-Body1'
+};
+/**
+ * Styles for the root slot
+ */
+export const useBody1Styles = /*#__PURE__*/__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);}"]
+});
+//# sourceMappingURL=useBody1Styles.styles.js.map

package/lib/components/presets/Body1/useBody1Styles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","typographyStyles","body1ClassNames","root","useBody1Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["../../../../src/components/presets/Body1/useBody1Styles.styles.ts"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const body1ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Body1',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useBody1Styles = makeStyles({\n  root: typographyStyles.body1,\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,eAAA,GAA6C;EACxDC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,cAAA,gBAAiBJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAE9B"}

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

@@ -1,27 +1,10 @@
-import { __styles } from '@griffel/react';
 import { createPreset } from '../createPreset';
-import { typographyStyles } from '@fluentui/react-theme';
-export const body1StrongClassNames = {
-  root: 'fui-Body1Strong'
-};
-/**
- * Styles for the root slot
- */
-const useStyles = /*#__PURE__*/__styles({
-  root: {
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fkhj508",
-    Bhrd7zp: "fl43uef",
-    Bg96gwp: "f1i3iumi"
-  }
-}, {
-  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}"]
-});
+import { body1StrongClassNames, useBody1StrongStyles } from './useBody1StrongStyles.styles';
 /**
  * Text preset component for the Body1Strong typography variant
  */
 export const Body1Strong = /*#__PURE__*/createPreset({
-  useStyles,
+  useStyles: useBody1StrongStyles,
   className: body1StrongClassNames.root,
   displayName: 'Body1Strong'
 });

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","createPreset","typographyStyles","body1StrongClassNames","root","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","Body1Strong","className","displayName"],"sources":["../../../../src/components/presets/Body1Strong/Body1Strong.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createPreset } from '../createPreset';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots, TextPresetProps } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const body1StrongClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Body1Strong',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.body1Strong,\n});\n\n/**\n * Text preset component for the Body1Strong typography variant\n */\nexport const Body1Strong: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles,\n  className: body1StrongClassNames.root,\n  displayName: 'Body1Strong',\n});\n"],"mappings":"AACA,SAAAA,QAAA,QAA2B;AAC3B,SAASC,YAAY,QAAQ;AAG7B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,qBAAA,GAAmD;EAC9DC,IAAA,EAAM;AACR;AAEA;;;AAGA,MAAMC,SAAA,gBAAYL,QAAA;EAAAI,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAElB;AAEA;;;AAGA,OAAO,MAAMC,WAAA,gBAAkDV,YAAA,CAAa;EAC1EI,SAAA;EACAO,SAAA,EAAWT,qBAAA,CAAsBC,IAAI;EACrCS,WAAA,EAAa;AACf"}
+{"version":3,"names":["createPreset","body1StrongClassNames","useBody1StrongStyles","Body1Strong","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Body1Strong/Body1Strong.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { body1StrongClassNames, useBody1StrongStyles } from './useBody1StrongStyles.styles';\n\n/**\n * Text preset component for the Body1Strong typography variant\n */\nexport const Body1Strong: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useBody1StrongStyles,\n  className: body1StrongClassNames.root,\n  displayName: 'Body1Strong',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,qBAAqB,EAAEC,oBAAoB,QAAQ;AAE5D;;;AAGA,OAAO,MAAMC,WAAA,gBAAkDH,YAAA,CAAa;EAC1EI,SAAA,EAAWF,oBAAA;EACXG,SAAA,EAAWJ,qBAAA,CAAsBK,IAAI;EACrCC,WAAA,EAAa;AACf"}

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

@@ -1,2 +1,3 @@
 export * from './Body1Strong';
+export { body1StrongClassNames } from './useBody1StrongStyles.styles';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/presets/Body1Strong/index.ts"],"sourcesContent":["export * from './Body1Strong';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"names":["body1StrongClassNames"],"sources":["../../../../src/components/presets/Body1Strong/index.ts"],"sourcesContent":["export * from './Body1Strong';\nexport { body1StrongClassNames } from './useBody1StrongStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,SAASA,qBAAqB,QAAQ"}

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

@@ -0,0 +1,19 @@
+import { __styles } from '@griffel/react';
+import { typographyStyles } from '@fluentui/react-theme';
+export const body1StrongClassNames = {
+  root: 'fui-Body1Strong'
+};
+/**
+ * Styles for the root slot
+ */
+export const useBody1StrongStyles = /*#__PURE__*/__styles({
+  root: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fkhj508",
+    Bhrd7zp: "fl43uef",
+    Bg96gwp: "f1i3iumi"
+  }
+}, {
+  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}"]
+});
+//# sourceMappingURL=useBody1StrongStyles.styles.js.map

package/lib/components/presets/Body1Strong/useBody1StrongStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","typographyStyles","body1StrongClassNames","root","useBody1StrongStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["../../../../src/components/presets/Body1Strong/useBody1StrongStyles.styles.ts"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const body1StrongClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Body1Strong',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useBody1StrongStyles = makeStyles({\n  root: typographyStyles.body1Strong,\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,qBAAA,GAAmD;EAC9DC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,oBAAA,gBAAuBJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAEpC"}

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

@@ -1,27 +1,10 @@
-import { __styles } from '@griffel/react';
 import { createPreset } from '../createPreset';
-import { typographyStyles } from '@fluentui/react-theme';
-export const body1StrongerClassNames = {
-  root: 'fui-Body1Stronger'
-};
-/**
- * Styles for the root slot
- */
-const useStyles = /*#__PURE__*/__styles({
-  root: {
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fkhj508",
-    Bhrd7zp: "flh3ekv",
-    Bg96gwp: "f1i3iumi"
-  }
-}, {
-  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".flh3ekv{font-weight:var(--fontWeightBold);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}"]
-});
+import { body1StrongerClassNames, useBody1StrongerStyles } from './useBody1StrongerStyles.styles';
 /**
  * Text preset component for the Body1Stronger typography variant
  */
 export const Body1Stronger = /*#__PURE__*/createPreset({
-  useStyles,
+  useStyles: useBody1StrongerStyles,
   className: body1StrongerClassNames.root,
   displayName: 'Body1Stronger'
 });

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","createPreset","typographyStyles","body1StrongerClassNames","root","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","Body1Stronger","className","displayName"],"sources":["../../../../src/components/presets/Body1Stronger/Body1Stronger.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createPreset } from '../createPreset';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots, TextPresetProps } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const body1StrongerClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Body1Stronger',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.body1Stronger,\n});\n\n/**\n * Text preset component for the Body1Stronger typography variant\n */\nexport const Body1Stronger: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles,\n  className: body1StrongerClassNames.root,\n  displayName: 'Body1Stronger',\n});\n"],"mappings":"AACA,SAAAA,QAAA,QAA2B;AAC3B,SAASC,YAAY,QAAQ;AAG7B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,uBAAA,GAAqD;EAChEC,IAAA,EAAM;AACR;AAEA;;;AAGA,MAAMC,SAAA,gBAAYL,QAAA;EAAAI,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAElB;AAEA;;;AAGA,OAAO,MAAMC,aAAA,gBAAoDV,YAAA,CAAa;EAC5EI,SAAA;EACAO,SAAA,EAAWT,uBAAA,CAAwBC,IAAI;EACvCS,WAAA,EAAa;AACf"}
+{"version":3,"names":["createPreset","body1StrongerClassNames","useBody1StrongerStyles","Body1Stronger","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Body1Stronger/Body1Stronger.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { body1StrongerClassNames, useBody1StrongerStyles } from './useBody1StrongerStyles.styles';\n\n/**\n * Text preset component for the Body1Stronger typography variant\n */\nexport const Body1Stronger: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useBody1StrongerStyles,\n  className: body1StrongerClassNames.root,\n  displayName: 'Body1Stronger',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,uBAAuB,EAAEC,sBAAsB,QAAQ;AAEhE;;;AAGA,OAAO,MAAMC,aAAA,gBAAoDH,YAAA,CAAa;EAC5EI,SAAA,EAAWF,sBAAA;EACXG,SAAA,EAAWJ,uBAAA,CAAwBK,IAAI;EACvCC,WAAA,EAAa;AACf"}

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

@@ -1,2 +1,3 @@
 export * from './Body1Stronger';
+export { body1StrongerClassNames } from './useBody1StrongerStyles.styles';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/presets/Body1Stronger/index.ts"],"sourcesContent":["export * from './Body1Stronger';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"names":["body1StrongerClassNames"],"sources":["../../../../src/components/presets/Body1Stronger/index.ts"],"sourcesContent":["export * from './Body1Stronger';\nexport { body1StrongerClassNames } from './useBody1StrongerStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,SAASA,uBAAuB,QAAQ"}

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

@@ -0,0 +1,19 @@
+import { __styles } from '@griffel/react';
+import { typographyStyles } from '@fluentui/react-theme';
+export const body1StrongerClassNames = {
+  root: 'fui-Body1Stronger'
+};
+/**
+ * Styles for the root slot
+ */
+export const useBody1StrongerStyles = /*#__PURE__*/__styles({
+  root: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fkhj508",
+    Bhrd7zp: "flh3ekv",
+    Bg96gwp: "f1i3iumi"
+  }
+}, {
+  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".flh3ekv{font-weight:var(--fontWeightBold);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}"]
+});
+//# sourceMappingURL=useBody1StrongerStyles.styles.js.map

package/lib/components/presets/Body1Stronger/useBody1StrongerStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","typographyStyles","body1StrongerClassNames","root","useBody1StrongerStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["../../../../src/components/presets/Body1Stronger/useBody1StrongerStyles.styles.ts"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const body1StrongerClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Body1Stronger',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useBody1StrongerStyles = makeStyles({\n  root: typographyStyles.body1Stronger,\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,uBAAA,GAAqD;EAChEC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,sBAAA,gBAAyBJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAEtC"}

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

@@ -1,27 +1,10 @@
-import { __styles } from '@griffel/react';
 import { createPreset } from '../createPreset';
-import { typographyStyles } from '@fluentui/react-theme';
-export const body2ClassNames = {
-  root: 'fui-Body2'
-};
-/**
- * Styles for the root slot
- */
-const useStyles = /*#__PURE__*/__styles({
-  root: {
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fod5ikn",
-    Bhrd7zp: "figsok6",
-    Bg96gwp: "faaz57k"
-  }
-}, {
-  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".faaz57k{line-height:var(--lineHeightBase400);}"]
-});
+import { body2ClassNames, useBody2Styles } from './useBody2Styles.styles';
 /**
  * Text preset component for the Body2 typography variant
  */
 export const Body2 = /*#__PURE__*/createPreset({
-  useStyles,
+  useStyles: useBody2Styles,
   className: body2ClassNames.root,
   displayName: 'Body2'
 });

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","createPreset","typographyStyles","body2ClassNames","root","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","Body2","className","displayName"],"sources":["../../../../src/components/presets/Body2/Body2.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createPreset } from '../createPreset';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots, TextPresetProps } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const body2ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Body2',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.body2,\n});\n\n/**\n * Text preset component for the Body2 typography variant\n */\nexport const Body2: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles,\n  className: body2ClassNames.root,\n  displayName: 'Body2',\n});\n"],"mappings":"AACA,SAAAA,QAAA,QAA2B;AAC3B,SAASC,YAAY,QAAQ;AAG7B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,eAAA,GAA6C;EACxDC,IAAA,EAAM;AACR;AAEA;;;AAGA,MAAMC,SAAA,gBAAYL,QAAA;EAAAI,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAElB;AAEA;;;AAGA,OAAO,MAAMC,KAAA,gBAA4CV,YAAA,CAAa;EACpEI,SAAA;EACAO,SAAA,EAAWT,eAAA,CAAgBC,IAAI;EAC/BS,WAAA,EAAa;AACf"}
+{"version":3,"names":["createPreset","body2ClassNames","useBody2Styles","Body2","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Body2/Body2.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { body2ClassNames, useBody2Styles } from './useBody2Styles.styles';\n\n/**\n * Text preset component for the Body2 typography variant\n */\nexport const Body2: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useBody2Styles,\n  className: body2ClassNames.root,\n  displayName: 'Body2',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,eAAe,EAAEC,cAAc,QAAQ;AAEhD;;;AAGA,OAAO,MAAMC,KAAA,gBAA4CH,YAAA,CAAa;EACpEI,SAAA,EAAWF,cAAA;EACXG,SAAA,EAAWJ,eAAA,CAAgBK,IAAI;EAC/BC,WAAA,EAAa;AACf"}

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

@@ -1,2 +1,3 @@
 export * from './Body2';
+export { body2ClassNames } from './useBody2Styles.styles';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/presets/Body2/index.ts"],"sourcesContent":["export * from './Body2';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"names":["body2ClassNames"],"sources":["../../../../src/components/presets/Body2/index.ts"],"sourcesContent":["export * from './Body2';\nexport { body2ClassNames } from './useBody2Styles.styles';\n"],"mappings":"AAAA,cAAc;AACd,SAASA,eAAe,QAAQ"}

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

@@ -0,0 +1,19 @@
+import { __styles } from '@griffel/react';
+import { typographyStyles } from '@fluentui/react-theme';
+export const body2ClassNames = {
+  root: 'fui-Body2'
+};
+/**
+ * Styles for the root slot
+ */
+export const useBody2Styles = /*#__PURE__*/__styles({
+  root: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fod5ikn",
+    Bhrd7zp: "figsok6",
+    Bg96gwp: "faaz57k"
+  }
+}, {
+  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".faaz57k{line-height:var(--lineHeightBase400);}"]
+});
+//# sourceMappingURL=useBody2Styles.styles.js.map

package/lib/components/presets/Body2/useBody2Styles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","typographyStyles","body2ClassNames","root","useBody2Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["../../../../src/components/presets/Body2/useBody2Styles.styles.ts"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const body2ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Body2',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useBody2Styles = makeStyles({\n  root: typographyStyles.body2,\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,eAAA,GAA6C;EACxDC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,cAAA,gBAAiBJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAE9B"}

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

@@ -1,27 +1,10 @@
-import { __styles } from '@griffel/react';
 import { createPreset } from '../createPreset';
-import { typographyStyles } from '@fluentui/react-theme';
-export const caption1ClassNames = {
-  root: 'fui-Caption1'
-};
-/**
- * Styles for the root slot
- */
-const useStyles = /*#__PURE__*/__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);}"]
-});
+import { caption1ClassNames, useCaption1Styles } from './useCaption1Styles.styles';
 /**
  * Text preset component for the Caption1 typography variant
  */
 export const Caption1 = /*#__PURE__*/createPreset({
-  useStyles,
+  useStyles: useCaption1Styles,
   className: caption1ClassNames.root,
   displayName: 'Caption1'
 });

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","createPreset","typographyStyles","caption1ClassNames","root","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","Caption1","className","displayName"],"sources":["../../../../src/components/presets/Caption1/Caption1.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createPreset } from '../createPreset';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots, TextPresetProps } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const caption1ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Caption1',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.caption1,\n});\n\n/**\n * Text preset component for the Caption1 typography variant\n */\nexport const Caption1: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles,\n  className: caption1ClassNames.root,\n  displayName: 'Caption1',\n});\n"],"mappings":"AACA,SAAAA,QAAA,QAA2B;AAC3B,SAASC,YAAY,QAAQ;AAG7B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,kBAAA,GAAgD;EAC3DC,IAAA,EAAM;AACR;AAEA;;;AAGA,MAAMC,SAAA,gBAAYL,QAAA;EAAAI,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAElB;AAEA;;;AAGA,OAAO,MAAMC,QAAA,gBAA+CV,YAAA,CAAa;EACvEI,SAAA;EACAO,SAAA,EAAWT,kBAAA,CAAmBC,IAAI;EAClCS,WAAA,EAAa;AACf"}
+{"version":3,"names":["createPreset","caption1ClassNames","useCaption1Styles","Caption1","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Caption1/Caption1.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption1ClassNames, useCaption1Styles } from './useCaption1Styles.styles';\n\n/**\n * Text preset component for the Caption1 typography variant\n */\nexport const Caption1: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useCaption1Styles,\n  className: caption1ClassNames.root,\n  displayName: 'Caption1',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,kBAAkB,EAAEC,iBAAiB,QAAQ;AAEtD;;;AAGA,OAAO,MAAMC,QAAA,gBAA+CH,YAAA,CAAa;EACvEI,SAAA,EAAWF,iBAAA;EACXG,SAAA,EAAWJ,kBAAA,CAAmBK,IAAI;EAClCC,WAAA,EAAa;AACf"}

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

@@ -1,2 +1,3 @@
 export * from './Caption1';
+export { caption1ClassNames } from './useCaption1Styles.styles';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/presets/Caption1/index.ts"],"sourcesContent":["export * from './Caption1';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"names":["caption1ClassNames"],"sources":["../../../../src/components/presets/Caption1/index.ts"],"sourcesContent":["export * from './Caption1';\nexport { caption1ClassNames } from './useCaption1Styles.styles';\n"],"mappings":"AAAA,cAAc;AACd,SAASA,kBAAkB,QAAQ"}