@fluentui/react-text 9.3.7 → 9.3.8

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","createPreset","typographyStyles","caption1StrongClassNames","root","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","Caption1Strong","className","displayName"],"sources":["../../../../src/components/presets/Caption1Strong/Caption1Strong.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 caption1StrongClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Caption1Strong',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.caption1Strong,\n});\n\n/**\n * Text preset component for the Caption1Strong typography variant\n */\nexport const Caption1Strong: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles,\n  className: caption1StrongClassNames.root,\n  displayName: 'Caption1Strong',\n});\n"],"mappings":"AACA,SAAAA,QAAA,QAA2B;AAC3B,SAASC,YAAY,QAAQ;AAG7B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,wBAAA,GAAsD;EACjEC,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,cAAA,gBAAqDV,YAAA,CAAa;EAC7EI,SAAA;EACAO,SAAA,EAAWT,wBAAA,CAAyBC,IAAI;EACxCS,WAAA,EAAa;AACf"}
+{"version":3,"names":["createPreset","caption1StrongClassNames","useCaption1StrongStyles","Caption1Strong","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Caption1Strong/Caption1Strong.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption1StrongClassNames, useCaption1StrongStyles } from './useCaption1StrongStyles.styles';\n\n/**\n * Text preset component for the Caption1Strong typography variant\n */\nexport const Caption1Strong: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useCaption1StrongStyles,\n  className: caption1StrongClassNames.root,\n  displayName: 'Caption1Strong',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,wBAAwB,EAAEC,uBAAuB,QAAQ;AAElE;;;AAGA,OAAO,MAAMC,cAAA,gBAAqDH,YAAA,CAAa;EAC7EI,SAAA,EAAWF,uBAAA;EACXG,SAAA,EAAWJ,wBAAA,CAAyBK,IAAI;EACxCC,WAAA,EAAa;AACf"}

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

@@ -1,2 +1,3 @@
 export * from './Caption1Strong';
+export { caption1StrongClassNames } from './useCaption1StrongStyles.styles';
 //# sourceMappingURL=index.js.map

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

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

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

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

package/lib/components/presets/Caption1Strong/useCaption1StrongStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","typographyStyles","caption1StrongClassNames","root","useCaption1StrongStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["../../../../src/components/presets/Caption1Strong/useCaption1StrongStyles.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 caption1StrongClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Caption1Strong',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useCaption1StrongStyles = makeStyles({\n  root: typographyStyles.caption1Strong,\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,wBAAA,GAAsD;EACjEC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,uBAAA,gBAA0BJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAEvC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","createPreset","typographyStyles","caption1StrongerClassNames","root","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","Caption1Stronger","className","displayName"],"sources":["../../../../src/components/presets/Caption1Stronger/Caption1Stronger.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 caption1StrongerClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Caption1Stronger',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.caption1Stronger,\n});\n\n/**\n * Text preset component for the Caption1Stronger typography variant\n */\nexport const Caption1Stronger: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles,\n  className: caption1StrongerClassNames.root,\n  displayName: 'Caption1Stronger',\n});\n"],"mappings":"AACA,SAAAA,QAAA,QAA2B;AAC3B,SAASC,YAAY,QAAQ;AAG7B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,0BAAA,GAAwD;EACnEC,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,gBAAA,gBAAuDV,YAAA,CAAa;EAC/EI,SAAA;EACAO,SAAA,EAAWT,0BAAA,CAA2BC,IAAI;EAC1CS,WAAA,EAAa;AACf"}
+{"version":3,"names":["createPreset","caption1StrongerClassNames","useCaption1StrongerStyles","Caption1Stronger","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Caption1Stronger/Caption1Stronger.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption1StrongerClassNames, useCaption1StrongerStyles } from './useCaption1Stronger.styles';\n\n/**\n * Text preset component for the Caption1Stronger typography variant\n */\nexport const Caption1Stronger: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useCaption1StrongerStyles,\n  className: caption1StrongerClassNames.root,\n  displayName: 'Caption1Stronger',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,0BAA0B,EAAEC,yBAAyB,QAAQ;AAEtE;;;AAGA,OAAO,MAAMC,gBAAA,gBAAuDH,YAAA,CAAa;EAC/EI,SAAA,EAAWF,yBAAA;EACXG,SAAA,EAAWJ,0BAAA,CAA2BK,IAAI;EAC1CC,WAAA,EAAa;AACf"}

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

@@ -1,2 +1,3 @@
 export * from './Caption1Stronger';
+export { caption1StrongerClassNames } from './useCaption1Stronger.styles';
 //# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,19 @@
+import { __styles } from '@griffel/react';
+import { typographyStyles } from '@fluentui/react-theme';
+export const caption1StrongerClassNames = {
+  root: 'fui-Caption1Stronger'
+};
+/**
+ * Styles for the root slot
+ */
+export const useCaption1StrongerStyles = /*#__PURE__*/__styles({
+  root: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fy9rknc",
+    Bhrd7zp: "flh3ekv",
+    Bg96gwp: "fwrc4pm"
+  }
+}, {
+  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".flh3ekv{font-weight:var(--fontWeightBold);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}"]
+});
+//# sourceMappingURL=useCaption1Stronger.styles.js.map

package/lib/components/presets/Caption1Stronger/useCaption1Stronger.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","typographyStyles","caption1StrongerClassNames","root","useCaption1StrongerStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["../../../../src/components/presets/Caption1Stronger/useCaption1Stronger.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 caption1StrongerClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Caption1Stronger',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useCaption1StrongerStyles = makeStyles({\n  root: typographyStyles.caption1Stronger,\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,0BAAA,GAAwD;EACnEC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,yBAAA,gBAA4BJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAEzC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","createPreset","typographyStyles","caption2ClassNames","root","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","Caption2","className","displayName"],"sources":["../../../../src/components/presets/Caption2/Caption2.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 caption2ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Caption2',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.caption2,\n});\n\n/**\n * Text preset component for the Caption2 typography variant\n */\nexport const Caption2: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles,\n  className: caption2ClassNames.root,\n  displayName: 'Caption2',\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","caption2ClassNames","useCaption2Styles","Caption2","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Caption2/Caption2.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption2ClassNames, useCaption2Styles } from './useCaption2Styles.styles';\n\n/**\n * Text preset component for the Caption2 typography variant\n */\nexport const Caption2: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useCaption2Styles,\n  className: caption2ClassNames.root,\n  displayName: 'Caption2',\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/Caption2/index.js

@@ -1,2 +1,3 @@
 export * from './Caption2';
+export { caption2ClassNames } from './useCaption2Styles.styles';
 //# sourceMappingURL=index.js.map

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

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

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

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

package/lib/components/presets/Caption2/useCaption2Styles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","typographyStyles","caption2ClassNames","root","useCaption2Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["../../../../src/components/presets/Caption2/useCaption2Styles.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 caption2ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Caption2',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useCaption2Styles = makeStyles({\n  root: typographyStyles.caption2,\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,kBAAA,GAAgD;EAC3DC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,iBAAA,gBAAoBJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAEjC"}

package/lib/components/presets/Caption2Strong/Caption2Strong.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","createPreset","typographyStyles","caption2StrongClassNames","root","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","Caption2Strong","className","displayName"],"sources":["../../../../src/components/presets/Caption2Strong/Caption2Strong.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 caption2StrongClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Caption2Strong',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.caption2Strong,\n});\n\n/**\n * Text preset component for the Caption2Strong typography variant\n */\nexport const Caption2Strong: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles,\n  className: caption2StrongClassNames.root,\n  displayName: 'Caption2Strong',\n});\n"],"mappings":"AACA,SAAAA,QAAA,QAA2B;AAC3B,SAASC,YAAY,QAAQ;AAG7B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,wBAAA,GAAsD;EACjEC,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,cAAA,gBAAqDV,YAAA,CAAa;EAC7EI,SAAA;EACAO,SAAA,EAAWT,wBAAA,CAAyBC,IAAI;EACxCS,WAAA,EAAa;AACf"}
+{"version":3,"names":["createPreset","caption2StrongClassNames","useCaption2StrongStyles","Caption2Strong","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Caption2Strong/Caption2Strong.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\n\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption2StrongClassNames, useCaption2StrongStyles } from './useCaption2StrongStyles.styles';\n\n/**\n * Text preset component for the Caption2Strong typography variant\n */\nexport const Caption2Strong: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useCaption2StrongStyles,\n  className: caption2StrongClassNames.root,\n  displayName: 'Caption2Strong',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAG7B,SAASC,wBAAwB,EAAEC,uBAAuB,QAAQ;AAElE;;;AAGA,OAAO,MAAMC,cAAA,gBAAqDH,YAAA,CAAa;EAC7EI,SAAA,EAAWF,uBAAA;EACXG,SAAA,EAAWJ,wBAAA,CAAyBK,IAAI;EACxCC,WAAA,EAAa;AACf"}

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

@@ -1,2 +1,3 @@
 export * from './Caption2Strong';
+export { caption2StrongClassNames } from './useCaption2StrongStyles.styles';
 //# sourceMappingURL=index.js.map

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

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

package/lib/components/presets/Caption2Strong/useCaption2StrongStyles.styles.js

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

package/lib/components/presets/Caption2Strong/useCaption2StrongStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","typographyStyles","caption2StrongClassNames","root","useCaption2StrongStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["../../../../src/components/presets/Caption2Strong/useCaption2StrongStyles.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 caption2StrongClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Caption2Strong',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useCaption2StrongStyles = makeStyles({\n  root: typographyStyles.caption2Strong,\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,wBAAA,GAAsD;EACjEC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,uBAAA,gBAA0BJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAEvC"}

package/lib/components/presets/Display/Display.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","createPreset","typographyStyles","displayClassNames","root","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","Display","className","displayName"],"sources":["../../../../src/components/presets/Display/Display.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 displayClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Display',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.display,\n});\n\n/**\n * Text preset component for the Display typography variant\n */\nexport const Display: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles,\n  className: displayClassNames.root,\n  displayName: 'Display',\n});\n"],"mappings":"AACA,SAAAA,QAAA,QAA2B;AAC3B,SAASC,YAAY,QAAQ;AAG7B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,iBAAA,GAA+C;EAC1DC,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,OAAA,gBAA8CV,YAAA,CAAa;EACtEI,SAAA;EACAO,SAAA,EAAWT,iBAAA,CAAkBC,IAAI;EACjCS,WAAA,EAAa;AACf"}
+{"version":3,"names":["createPreset","displayClassNames","useDisplayStyles","Display","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Display/Display.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { displayClassNames, useDisplayStyles } from './useDisplayStyles.styles';\n\n/**\n * Text preset component for the Display typography variant\n */\nexport const Display: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useDisplayStyles,\n  className: displayClassNames.root,\n  displayName: 'Display',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,iBAAiB,EAAEC,gBAAgB,QAAQ;AAEpD;;;AAGA,OAAO,MAAMC,OAAA,gBAA8CH,YAAA,CAAa;EACtEI,SAAA,EAAWF,gBAAA;EACXG,SAAA,EAAWJ,iBAAA,CAAkBK,IAAI;EACjCC,WAAA,EAAa;AACf"}

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

@@ -1,2 +1,3 @@
 export * from './Display';
+export { displayClassNames } from './useDisplayStyles.styles';
 //# sourceMappingURL=index.js.map

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

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

package/lib/components/presets/Display/useDisplayStyles.styles.js

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

package/lib/components/presets/Display/useDisplayStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","typographyStyles","displayClassNames","root","useDisplayStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["../../../../src/components/presets/Display/useDisplayStyles.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 displayClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Display',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useDisplayStyles = makeStyles({\n  root: typographyStyles.display,\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,iBAAA,GAA+C;EAC1DC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,gBAAA,gBAAmBJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAEhC"}

package/lib/components/presets/LargeTitle/LargeTitle.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","createPreset","typographyStyles","largeTitleClassNames","root","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","LargeTitle","className","displayName"],"sources":["../../../../src/components/presets/LargeTitle/LargeTitle.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 largeTitleClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-LargeTitle',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.largeTitle,\n});\n\n/**\n * Text preset component for the Large Title typography variant\n */\nexport const LargeTitle: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles,\n  className: largeTitleClassNames.root,\n  displayName: 'LargeTitle',\n});\n"],"mappings":"AACA,SAAAA,QAAA,QAA2B;AAC3B,SAASC,YAAY,QAAQ;AAG7B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,oBAAA,GAAkD;EAC7DC,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,UAAA,gBAAiDV,YAAA,CAAa;EACzEI,SAAA;EACAO,SAAA,EAAWT,oBAAA,CAAqBC,IAAI;EACpCS,WAAA,EAAa;AACf"}
+{"version":3,"names":["createPreset","largeTitleClassNames","useLargeTitleStyles","LargeTitle","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/LargeTitle/LargeTitle.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { largeTitleClassNames, useLargeTitleStyles } from './useLargeTitleStyles.styles';\n\n/**\n * Text preset component for the Large Title typography variant\n */\nexport const LargeTitle: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useLargeTitleStyles,\n  className: largeTitleClassNames.root,\n  displayName: 'LargeTitle',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,oBAAoB,EAAEC,mBAAmB,QAAQ;AAE1D;;;AAGA,OAAO,MAAMC,UAAA,gBAAiDH,YAAA,CAAa;EACzEI,SAAA,EAAWF,mBAAA;EACXG,SAAA,EAAWJ,oBAAA,CAAqBK,IAAI;EACpCC,WAAA,EAAa;AACf"}

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

@@ -1,2 +1,3 @@
 export * from './LargeTitle';
+export { largeTitleClassNames } from './useLargeTitleStyles.styles';
 //# sourceMappingURL=index.js.map

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

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

package/lib/components/presets/LargeTitle/useLargeTitleStyles.styles.js

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

package/lib/components/presets/LargeTitle/useLargeTitleStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","typographyStyles","largeTitleClassNames","root","useLargeTitleStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["../../../../src/components/presets/LargeTitle/useLargeTitleStyles.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 largeTitleClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-LargeTitle',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useLargeTitleStyles = makeStyles({\n  root: typographyStyles.largeTitle,\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,oBAAA,GAAkD;EAC7DC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,mBAAA,gBAAsBJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAEnC"}

package/lib/components/presets/Subtitle1/Subtitle1.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","createPreset","typographyStyles","subtitle1ClassNames","root","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","Subtitle1","className","displayName"],"sources":["../../../../src/components/presets/Subtitle1/Subtitle1.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 subtitle1ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Subtitle1',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.subtitle1,\n});\n\n/**\n * Text preset component for the Subtitle1 typography variant\n */\nexport const Subtitle1: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles,\n  className: subtitle1ClassNames.root,\n  displayName: 'Subtitle1',\n});\n"],"mappings":"AACA,SAAAA,QAAA,QAA2B;AAC3B,SAASC,YAAY,QAAQ;AAG7B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,mBAAA,GAAiD;EAC5DC,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,SAAA,gBAAgDV,YAAA,CAAa;EACxEI,SAAA;EACAO,SAAA,EAAWT,mBAAA,CAAoBC,IAAI;EACnCS,WAAA,EAAa;AACf"}
+{"version":3,"names":["createPreset","subtitle1ClassNames","useSubtitle1Styles","Subtitle1","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Subtitle1/Subtitle1.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { subtitle1ClassNames, useSubtitle1Styles } from './useSubtitle1Styles.styles';\n\n/**\n * Text preset component for the Subtitle1 typography variant\n */\nexport const Subtitle1: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useSubtitle1Styles,\n  className: subtitle1ClassNames.root,\n  displayName: 'Subtitle1',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,mBAAmB,EAAEC,kBAAkB,QAAQ;AAExD;;;AAGA,OAAO,MAAMC,SAAA,gBAAgDH,YAAA,CAAa;EACxEI,SAAA,EAAWF,kBAAA;EACXG,SAAA,EAAWJ,mBAAA,CAAoBK,IAAI;EACnCC,WAAA,EAAa;AACf"}

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

@@ -1,2 +1,3 @@
 export * from './Subtitle1';
+export { subtitle1ClassNames } from './useSubtitle1Styles.styles';
 //# sourceMappingURL=index.js.map

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

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

package/lib/components/presets/Subtitle1/useSubtitle1Styles.styles.js

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

package/lib/components/presets/Subtitle1/useSubtitle1Styles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","typographyStyles","subtitle1ClassNames","root","useSubtitle1Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["../../../../src/components/presets/Subtitle1/useSubtitle1Styles.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 subtitle1ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Subtitle1',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useSubtitle1Styles = makeStyles({\n  root: typographyStyles.subtitle1,\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,mBAAA,GAAiD;EAC5DC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,kBAAA,gBAAqBJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAElC"}

package/lib/components/presets/Subtitle2/Subtitle2.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","createPreset","typographyStyles","subtitle2ClassNames","root","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","Subtitle2","className","displayName"],"sources":["../../../../src/components/presets/Subtitle2/Subtitle2.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 subtitle2ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Subtitle2',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.subtitle2,\n});\n\n/**\n * Text preset component for the Subtitle2 typography variant\n */\nexport const Subtitle2: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles,\n  className: subtitle2ClassNames.root,\n  displayName: 'Subtitle2',\n});\n"],"mappings":"AACA,SAAAA,QAAA,QAA2B;AAC3B,SAASC,YAAY,QAAQ;AAG7B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,mBAAA,GAAiD;EAC5DC,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,SAAA,gBAAgDV,YAAA,CAAa;EACxEI,SAAA;EACAO,SAAA,EAAWT,mBAAA,CAAoBC,IAAI;EACnCS,WAAA,EAAa;AACf"}
+{"version":3,"names":["createPreset","subtitle2ClassNames","useSubtitle2Styles","Subtitle2","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Subtitle2/Subtitle2.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { subtitle2ClassNames, useSubtitle2Styles } from './useSubtitle2Styles.styles';\n\n/**\n * Text preset component for the Subtitle2 typography variant\n */\nexport const Subtitle2: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useSubtitle2Styles,\n  className: subtitle2ClassNames.root,\n  displayName: 'Subtitle2',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,mBAAmB,EAAEC,kBAAkB,QAAQ;AAExD;;;AAGA,OAAO,MAAMC,SAAA,gBAAgDH,YAAA,CAAa;EACxEI,SAAA,EAAWF,kBAAA;EACXG,SAAA,EAAWJ,mBAAA,CAAoBK,IAAI;EACnCC,WAAA,EAAa;AACf"}

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

@@ -1,2 +1,3 @@
 export * from './Subtitle2';
+export { subtitle2ClassNames } from './useSubtitle2Styles.styles';
 //# sourceMappingURL=index.js.map

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

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