@fluentui/react-text 9.1.9 → 9.1.11

package/lib/components/Text/useTextStyles.js

@@ -6,111 +6,108 @@ export const textClassNames = {
 /**
  * Styles for the root slot
  */
-
 const useStyles = /*#__PURE__*/__styles({
-  "root": {
-    "Bahqtrf": "fk6fouc",
-    "Be2twd7": "fkhj508",
-    "Bg96gwp": "f1i3iumi",
-    "Bhrd7zp": "figsok6",
-    "fsow6f": "fpgzoln",
-    "mc9l5x": "f1w7gpdv",
-    "Huce71": "f6juhto",
-    "B68tc82": "f1mtd64y",
-    "Bmxbyg5": "f1y7q3j9",
-    "ygn44y": "f2jf649"
+  root: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fkhj508",
+    Bg96gwp: "f1i3iumi",
+    Bhrd7zp: "figsok6",
+    fsow6f: "fpgzoln",
+    mc9l5x: "f1w7gpdv",
+    Huce71: "f6juhto",
+    B68tc82: "f1mtd64y",
+    Bmxbyg5: "f1y7q3j9",
+    ygn44y: "f2jf649"
   },
-  "nowrap": {
-    "Huce71": "fz5stix",
-    "B68tc82": "f1p9o1ba",
-    "Bmxbyg5": "f1sil6mw"
+  nowrap: {
+    Huce71: "fz5stix",
+    B68tc82: "f1p9o1ba",
+    Bmxbyg5: "f1sil6mw"
   },
-  "truncate": {
-    "ygn44y": "f1cmbuwj"
+  truncate: {
+    ygn44y: "f1cmbuwj"
   },
-  "block": {
-    "mc9l5x": "ftgm304"
+  block: {
+    mc9l5x: "ftgm304"
   },
-  "italic": {
-    "B80ckks": "f1j4dglz"
+  italic: {
+    B80ckks: "f1j4dglz"
   },
-  "underline": {
-    "w71qe1": "f13mvf36"
+  underline: {
+    w71qe1: "f13mvf36"
   },
-  "strikethrough": {
-    "w71qe1": "fv5q2k7"
+  strikethrough: {
+    w71qe1: "fv5q2k7"
   },
-  "strikethroughUnderline": {
-    "w71qe1": "f1drk4o6"
+  strikethroughUnderline: {
+    w71qe1: "f1drk4o6"
   },
-  "base100": {
-    "Be2twd7": "f13mqy1h",
-    "Bg96gwp": "fcpl73t"
+  base100: {
+    Be2twd7: "f13mqy1h",
+    Bg96gwp: "fcpl73t"
   },
-  "base200": {
-    "Be2twd7": "fy9rknc",
-    "Bg96gwp": "fwrc4pm"
+  base200: {
+    Be2twd7: "fy9rknc",
+    Bg96gwp: "fwrc4pm"
   },
-  "base400": {
-    "Be2twd7": "fod5ikn",
-    "Bg96gwp": "faaz57k"
+  base400: {
+    Be2twd7: "fod5ikn",
+    Bg96gwp: "faaz57k"
   },
-  "base500": {
-    "Be2twd7": "f1pp30po",
-    "Bg96gwp": "f106mvju"
+  base500: {
+    Be2twd7: "f1pp30po",
+    Bg96gwp: "f106mvju"
   },
-  "base600": {
-    "Be2twd7": "f1x0m3f5",
-    "Bg96gwp": "fb86gi6"
+  base600: {
+    Be2twd7: "f1x0m3f5",
+    Bg96gwp: "fb86gi6"
   },
-  "hero700": {
-    "Be2twd7": "fojgt09",
-    "Bg96gwp": "fcen8rp"
+  hero700: {
+    Be2twd7: "fojgt09",
+    Bg96gwp: "fcen8rp"
   },
-  "hero800": {
-    "Be2twd7": "fccw675",
-    "Bg96gwp": "f1ebx5kk"
+  hero800: {
+    Be2twd7: "fccw675",
+    Bg96gwp: "f1ebx5kk"
   },
-  "hero900": {
-    "Be2twd7": "f15afnhw",
-    "Bg96gwp": "fr3w3wp"
+  hero900: {
+    Be2twd7: "f15afnhw",
+    Bg96gwp: "fr3w3wp"
   },
-  "hero1000": {
-    "Be2twd7": "fpyltcb",
-    "Bg96gwp": "f1ivgwrt"
+  hero1000: {
+    Be2twd7: "fpyltcb",
+    Bg96gwp: "f1ivgwrt"
   },
-  "monospace": {
-    "Bahqtrf": "f1fedwem"
+  monospace: {
+    Bahqtrf: "f1fedwem"
   },
-  "numeric": {
-    "Bahqtrf": "f1uq0ln5"
+  numeric: {
+    Bahqtrf: "f1uq0ln5"
   },
-  "weightMedium": {
-    "Bhrd7zp": "fdj6btp"
+  weightMedium: {
+    Bhrd7zp: "fdj6btp"
   },
-  "weightSemibold": {
-    "Bhrd7zp": "fl43uef"
+  weightSemibold: {
+    Bhrd7zp: "fl43uef"
   },
-  "weightBold": {
-    "Bhrd7zp": "flh3ekv"
+  weightBold: {
+    Bhrd7zp: "flh3ekv"
   },
-  "alignCenter": {
-    "fsow6f": "f17mccla"
+  alignCenter: {
+    fsow6f: "f17mccla"
   },
-  "alignEnd": {
-    "fsow6f": "f12ymhq5"
+  alignEnd: {
+    fsow6f: "f12ymhq5"
   },
-  "alignJustify": {
-    "fsow6f": "f1j59e10"
+  alignJustify: {
+    fsow6f: "f1j59e10"
   }
 }, {
-  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fpgzoln{text-align:start;}", ".f1w7gpdv{display:inline;}", ".f6juhto{white-space:normal;}", ".f1mtd64y{overflow-x:visible;}", ".f1y7q3j9{overflow-y:visible;}", ".f2jf649{text-overflow:clip;}", ".fz5stix{white-space:nowrap;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1sil6mw{overflow-y:hidden;}", ".f1cmbuwj{text-overflow:ellipsis;}", ".ftgm304{display:block;}", ".f1j4dglz{font-style:italic;}", ".f13mvf36{text-decoration-line:underline;}", ".fv5q2k7{text-decoration-line:line-through;}", ".f1drk4o6{text-decoration-line:line-through underline;}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".fcpl73t{line-height:var(--lineHeightBase100);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".f106mvju{line-height:var(--lineHeightBase500);}", ".f1x0m3f5{font-size:var(--fontSizeBase600);}", ".fb86gi6{line-height:var(--lineHeightBase600);}", ".fojgt09{font-size:var(--fontSizeHero700);}", ".fcen8rp{line-height:var(--lineHeightHero700);}", ".fccw675{font-size:var(--fontSizeHero800);}", ".f1ebx5kk{line-height:var(--lineHeightHero800);}", ".f15afnhw{font-size:var(--fontSizeHero900);}", ".fr3w3wp{line-height:var(--lineHeightHero900);}", ".fpyltcb{font-size:var(--fontSizeHero1000);}", ".f1ivgwrt{line-height:var(--lineHeightHero1000);}", ".f1fedwem{font-family:var(--fontFamilyMonospace);}", ".f1uq0ln5{font-family:var(--fontFamilyNumeric);}", ".fdj6btp{font-weight:var(--fontWeightMedium);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".flh3ekv{font-weight:var(--fontWeightBold);}", ".f17mccla{text-align:center;}", ".f12ymhq5{text-align:end;}", ".f1j59e10{text-align:justify;}"]
+  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fpgzoln{text-align:start;}", ".f1w7gpdv{display:inline;}", ".f6juhto{white-space:normal;}", ".f1mtd64y{overflow-x:visible;}", ".f1y7q3j9{overflow-y:visible;}", ".f2jf649{text-overflow:clip;}", ".fz5stix{white-space:nowrap;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1sil6mw{overflow-y:hidden;}", ".f1cmbuwj{text-overflow:ellipsis;}", ".ftgm304{display:block;}", ".f1j4dglz{font-style:italic;}", ".f13mvf36{text-decoration-line:underline;}", ".fv5q2k7{text-decoration-line:line-through;}", ".f1drk4o6{text-decoration-line:line-through underline;}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".fcpl73t{line-height:var(--lineHeightBase100);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".f106mvju{line-height:var(--lineHeightBase500);}", ".f1x0m3f5{font-size:var(--fontSizeBase600);}", ".fb86gi6{line-height:var(--lineHeightBase600);}", ".fojgt09{font-size:var(--fontSizeHero700);}", ".fcen8rp{line-height:var(--lineHeightHero700);}", ".fccw675{font-size:var(--fontSizeHero800);}", ".f1ebx5kk{line-height:var(--lineHeightHero800);}", ".f15afnhw{font-size:var(--fontSizeHero900);}", ".fr3w3wp{line-height:var(--lineHeightHero900);}", ".fpyltcb{font-size:var(--fontSizeHero1000);}", ".f1ivgwrt{line-height:var(--lineHeightHero1000);}", ".f1fedwem{font-family:var(--fontFamilyMonospace);}", ".f1uq0ln5{font-family:var(--fontFamilyNumeric);}", ".fdj6btp{font-weight:var(--fontWeightMedium);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".flh3ekv{font-weight:var(--fontWeightBold);}", ".f17mccla{text-align:center;}", ".f12ymhq5{text-align:end;}", ".f1j59e10{text-align:justify;}"]
 });
 /**
  * Apply styling to the Text slots based on the state
  */
-
-
 export const useTextStyles_unstable = state => {
   const styles = useStyles();
   state.root.className = mergeClasses(textClassNames.root, styles.root, state.wrap === false && styles.nowrap, state.truncate && styles.truncate, state.block && styles.block, state.italic && styles.italic, state.underline && styles.underline, state.strikethrough && styles.strikethrough, state.underline && state.strikethrough && styles.strikethroughUnderline, state.size === 100 && styles.base100, state.size === 200 && styles.base200, state.size === 400 && styles.base400, state.size === 500 && styles.base500, state.size === 600 && styles.base600, state.size === 700 && styles.hero700, state.size === 800 && styles.hero800, state.size === 900 && styles.hero900, state.size === 1000 && styles.hero1000, state.font === 'monospace' && styles.monospace, state.font === 'numeric' && styles.numeric, state.weight === 'medium' && styles.weightMedium, state.weight === 'semibold' && styles.weightSemibold, state.weight === 'bold' && styles.weightBold, state.align === 'center' && styles.alignCenter, state.align === 'end' && styles.alignEnd, state.align === 'justify' && styles.alignJustify, state.root.className);

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

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

package/lib/components/Title1/Title1.js

@@ -7,22 +7,19 @@ export const title1ClassNames = {
 /**
  * Styles for the root slot
  */
-
 const useStyles = /*#__PURE__*/__styles({
-  "root": {
-    "Bahqtrf": "fk6fouc",
-    "Be2twd7": "fccw675",
-    "Bhrd7zp": "fl43uef",
-    "Bg96gwp": "f1ebx5kk"
+  root: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fccw675",
+    Bhrd7zp: "fl43uef",
+    Bg96gwp: "f1ebx5kk"
   }
 }, {
-  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fccw675{font-size:var(--fontSizeHero800);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1ebx5kk{line-height:var(--lineHeightHero800);}"]
+  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fccw675{font-size:var(--fontSizeHero800);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1ebx5kk{line-height:var(--lineHeightHero800);}"]
 });
 /**
  * Text wrapper component for the Title 1 typography variant
  */
-
-
 export const Title1 = /*#__PURE__*/createWrapper({
   useStyles,
   className: title1ClassNames.root,

package/lib/components/Title1/Title1.js.map

@@ -1 +1 @@
-{"version":3,"sources":["packages/react-components/react-text/src/components/Title1/Title1.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA,OAAO,MAAM,gBAAgB,GAA8B;EACzD,IAAI,EAAE;AADmD,CAApD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,MAAM,gBAAwC,aAAa,CAAC;EACvE,SADuE;EAEvE,SAAS,EAAE,gBAAgB,CAAC,IAF2C;EAGvE,WAAW,EAAE;AAH0D,CAAD,CAAjE","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const title1ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Title1',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.title1,\n});\n\n/**\n * Text wrapper component for the Title 1 typography variant\n */\nexport const Title1: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: title1ClassNames.root,\n  displayName: 'Title1',\n});\n"],"sourceRoot":"../src/"}
+{"version":3,"mappings":"AACA,yBAA2B,gBAAgB;AAC3C,SAASA,aAAa,QAA0B,YAAY;AAG5D,SAASC,gBAAgB,QAAQ,uBAAuB;AAExD,OAAO,MAAMC,gBAAgB,GAA8B;EACzDC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAG;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAEhB;AAEF;;;AAGA,OAAO,MAAMC,MAAM,gBAAwCL,aAAa,CAAC;EACvEI,SAAS;EACTE,SAAS,EAAEJ,gBAAgB,CAACC,IAAI;EAChCI,WAAW,EAAE;CACd,CAAC","names":["createWrapper","typographyStyles","title1ClassNames","root","useStyles","Title1","className","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/Title1/Title1.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const title1ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Title1',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.title1,\n});\n\n/**\n * Text wrapper component for the Title 1 typography variant\n */\nexport const Title1: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: title1ClassNames.root,\n  displayName: 'Title1',\n});\n"]}

package/lib/components/Title2/Title2.js

@@ -7,22 +7,19 @@ export const title2ClassNames = {
 /**
  * Styles for the root slot
  */
-
 const useStyles = /*#__PURE__*/__styles({
-  "root": {
-    "Bahqtrf": "fk6fouc",
-    "Be2twd7": "fojgt09",
-    "Bhrd7zp": "fl43uef",
-    "Bg96gwp": "fcen8rp"
+  root: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fojgt09",
+    Bhrd7zp: "fl43uef",
+    Bg96gwp: "fcen8rp"
   }
 }, {
-  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fojgt09{font-size:var(--fontSizeHero700);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fcen8rp{line-height:var(--lineHeightHero700);}"]
+  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fojgt09{font-size:var(--fontSizeHero700);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fcen8rp{line-height:var(--lineHeightHero700);}"]
 });
 /**
  * Text wrapper component for the Title 2 typography variant
  */
-
-
 export const Title2 = /*#__PURE__*/createWrapper({
   useStyles,
   className: title2ClassNames.root,

package/lib/components/Title2/Title2.js.map

@@ -1 +1 @@
-{"version":3,"sources":["packages/react-components/react-text/src/components/Title2/Title2.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA,OAAO,MAAM,gBAAgB,GAA8B;EACzD,IAAI,EAAE;AADmD,CAApD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,MAAM,gBAAwC,aAAa,CAAC;EACvE,SADuE;EAEvE,SAAS,EAAE,gBAAgB,CAAC,IAF2C;EAGvE,WAAW,EAAE;AAH0D,CAAD,CAAjE","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const title2ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Title2',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.title2,\n});\n\n/**\n * Text wrapper component for the Title 2 typography variant\n */\nexport const Title2: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: title2ClassNames.root,\n  displayName: 'Title2',\n});\n"],"sourceRoot":"../src/"}
+{"version":3,"mappings":"AACA,yBAA2B,gBAAgB;AAC3C,SAASA,aAAa,QAA0B,YAAY;AAG5D,SAASC,gBAAgB,QAAQ,uBAAuB;AAExD,OAAO,MAAMC,gBAAgB,GAA8B;EACzDC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAG;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAEhB;AAEF;;;AAGA,OAAO,MAAMC,MAAM,gBAAwCL,aAAa,CAAC;EACvEI,SAAS;EACTE,SAAS,EAAEJ,gBAAgB,CAACC,IAAI;EAChCI,WAAW,EAAE;CACd,CAAC","names":["createWrapper","typographyStyles","title2ClassNames","root","useStyles","Title2","className","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/Title2/Title2.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const title2ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Title2',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.title2,\n});\n\n/**\n * Text wrapper component for the Title 2 typography variant\n */\nexport const Title2: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: title2ClassNames.root,\n  displayName: 'Title2',\n});\n"]}

package/lib/components/Title3/Title3.js

@@ -7,22 +7,19 @@ export const title3ClassNames = {
 /**
  * Styles for the root slot
  */
-
 const useStyles = /*#__PURE__*/__styles({
-  "root": {
-    "Bahqtrf": "fk6fouc",
-    "Be2twd7": "f1x0m3f5",
-    "Bhrd7zp": "fl43uef",
-    "Bg96gwp": "fb86gi6"
+  root: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "f1x0m3f5",
+    Bhrd7zp: "fl43uef",
+    Bg96gwp: "fb86gi6"
   }
 }, {
-  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1x0m3f5{font-size:var(--fontSizeBase600);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fb86gi6{line-height:var(--lineHeightBase600);}"]
+  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1x0m3f5{font-size:var(--fontSizeBase600);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fb86gi6{line-height:var(--lineHeightBase600);}"]
 });
 /**
  * Text wrapper component for the Title 3 typography variant
  */
-
-
 export const Title3 = /*#__PURE__*/createWrapper({
   useStyles,
   className: title3ClassNames.root,

package/lib/components/Title3/Title3.js.map

@@ -1 +1 @@
-{"version":3,"sources":["packages/react-components/react-text/src/components/Title3/Title3.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA,OAAO,MAAM,gBAAgB,GAA8B;EACzD,IAAI,EAAE;AADmD,CAApD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,MAAM,gBAAwC,aAAa,CAAC;EACvE,SADuE;EAEvE,SAAS,EAAE,gBAAgB,CAAC,IAF2C;EAGvE,WAAW,EAAE;AAH0D,CAAD,CAAjE","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const title3ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Title3',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.title3,\n});\n\n/**\n * Text wrapper component for the Title 3 typography variant\n */\nexport const Title3: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: title3ClassNames.root,\n  displayName: 'Title3',\n});\n"],"sourceRoot":"../src/"}
+{"version":3,"mappings":"AACA,yBAA2B,gBAAgB;AAC3C,SAASA,aAAa,QAA0B,YAAY;AAG5D,SAASC,gBAAgB,QAAQ,uBAAuB;AAExD,OAAO,MAAMC,gBAAgB,GAA8B;EACzDC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAG;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAEhB;AAEF;;;AAGA,OAAO,MAAMC,MAAM,gBAAwCL,aAAa,CAAC;EACvEI,SAAS;EACTE,SAAS,EAAEJ,gBAAgB,CAACC,IAAI;EAChCI,WAAW,EAAE;CACd,CAAC","names":["createWrapper","typographyStyles","title3ClassNames","root","useStyles","Title3","className","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/Title3/Title3.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const title3ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Title3',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.title3,\n});\n\n/**\n * Text wrapper component for the Title 3 typography variant\n */\nexport const Title3: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: title3ClassNames.root,\n  displayName: 'Title3',\n});\n"]}

package/lib/components/wrapper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["packages/react-components/react-text/src/components/wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,YAAT,QAA6B,gBAA7B;AACA,SAAS,mBAAT,EAA8B,gBAA9B,EAAgD,sBAAhD,QAA8E,SAA9E;AAMA,OAAM,SAAU,aAAV,CAAwB,OAAxB,EAIL;EACC,MAAM;IAAE,SAAF;IAAa,SAAb;IAAwB;EAAxB,IAAwC,OAA9C;EACA,MAAM,OAAO,gBAA0C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;IACrF,MAAM,MAAM,GAAG,SAAS,EAAxB;IACA,MAAM,KAAK,GAAG,gBAAgB,CAAC,KAAD,EAAqB,GAArB,CAA9B;IAEA,sBAAsB,CAAC,KAAD,CAAtB;IAEA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,SAAD,EAAY,KAAK,CAAC,IAAN,CAAW,SAAvB,EAAkC,MAAM,CAAC,IAAzC,EAA+C,KAAK,CAAC,SAArD,CAAnC;IAEA,OAAO,mBAAmB,CAAC,KAAD,CAA1B;EACD,CATsD,CAAvD;EAUA,OAAO,CAAC,WAAR,GAAsB,WAAtB;EAEA,OAAO,OAAP;AACD","sourcesContent":["import * as React from 'react';\nimport { mergeClasses } from '@griffel/react';\nimport { renderText_unstable, useText_unstable, useTextStyles_unstable } from '../Text';\nimport type { TextProps } from '../Text';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\nexport type TextWrapperProps = Omit<TextProps, 'font' | 'size'>;\n\nexport function createWrapper(options: {\n  className: string;\n  displayName: string;\n  useStyles: () => Record<'root', string>;\n}): React.FunctionComponent<TextWrapperProps> {\n  const { useStyles, className, displayName } = options;\n  const Wrapper: ForwardRefComponent<TextWrapperProps> = React.forwardRef((props, ref) => {\n    const styles = useStyles();\n    const state = useText_unstable(props as TextProps, ref);\n\n    useTextStyles_unstable(state);\n\n    state.root.className = mergeClasses(className, state.root.className, styles.root, props.className);\n\n    return renderText_unstable(state);\n  });\n  Wrapper.displayName = displayName;\n\n  return Wrapper;\n}\n"],"sourceRoot":"../src/"}
+{"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,mBAAmB,EAAEC,gBAAgB,EAAEC,sBAAsB,QAAQ,SAAS;AAMvF,OAAM,SAAUC,aAAa,CAACC,OAI7B;EACC,MAAM;IAAEC,SAAS;IAAEC,SAAS;IAAEC;EAAW,CAAE,GAAGH,OAAO;EACrD,MAAMI,OAAO,gBAA0CV,KAAK,CAACW,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;IACrF,MAAMC,MAAM,GAAGP,SAAS,EAAE;IAC1B,MAAMQ,KAAK,GAAGZ,gBAAgB,CAACS,KAAkB,EAAEC,GAAG,CAAC;IAEvDT,sBAAsB,CAACW,KAAK,CAAC;IAE7BA,KAAK,CAACC,IAAI,CAACR,SAAS,GAAGP,YAAY,CAACO,SAAS,EAAEO,KAAK,CAACC,IAAI,CAACR,SAAS,EAAEM,MAAM,CAACE,IAAI,EAAEJ,KAAK,CAACJ,SAAS,CAAC;IAElG,OAAON,mBAAmB,CAACa,KAAK,CAAC;EACnC,CAAC,CAAC;EACFL,OAAO,CAACD,WAAW,GAAGA,WAAW;EAEjC,OAAOC,OAAO;AAChB","names":["React","mergeClasses","renderText_unstable","useText_unstable","useTextStyles_unstable","createWrapper","options","useStyles","className","displayName","Wrapper","forwardRef","props","ref","styles","state","root"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/wrapper.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeClasses } from '@griffel/react';\nimport { renderText_unstable, useText_unstable, useTextStyles_unstable } from '../Text';\nimport type { TextProps } from '../Text';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\nexport type TextWrapperProps = Omit<TextProps, 'font' | 'size'>;\n\nexport function createWrapper(options: {\n  className: string;\n  displayName: string;\n  useStyles: () => Record<'root', string>;\n}): React.FunctionComponent<TextWrapperProps> {\n  const { useStyles, className, displayName } = options;\n  const Wrapper: ForwardRefComponent<TextWrapperProps> = React.forwardRef((props, ref) => {\n    const styles = useStyles();\n    const state = useText_unstable(props as TextProps, ref);\n\n    useTextStyles_unstable(state);\n\n    state.root.className = mergeClasses(className, state.root.className, styles.root, props.className);\n\n    return renderText_unstable(state);\n  });\n  Wrapper.displayName = displayName;\n\n  return Wrapper;\n}\n"]}

package/lib-commonjs/Body1.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./components/Body1/index"), exports);
 //# sourceMappingURL=Body1.js.map

package/lib-commonjs/Body1.js.map

@@ -1 +1 @@
-{"version":3,"sources":["packages/react-components/react-text/src/Body1.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,0BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Body1/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/Body1.ts"],"sourcesContent":["export * from './components/Body1/index';\n"]}

package/lib-commonjs/Caption1.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./components/Caption1/index"), exports);
 //# sourceMappingURL=Caption1.js.map

package/lib-commonjs/Caption1.js.map

@@ -1 +1 @@
-{"version":3,"sources":["packages/react-components/react-text/src/Caption1.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Caption1/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/Caption1.ts"],"sourcesContent":["export * from './components/Caption1/index';\n"]}

package/lib-commonjs/Caption2.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./components/Caption2/index"), exports);
 //# sourceMappingURL=Caption2.js.map

package/lib-commonjs/Caption2.js.map

@@ -1 +1 @@
-{"version":3,"sources":["packages/react-components/react-text/src/Caption2.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Caption2/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/Caption2.ts"],"sourcesContent":["export * from './components/Caption2/index';\n"]}

package/lib-commonjs/Display.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./components/Display/index"), exports);
 //# sourceMappingURL=Display.js.map

package/lib-commonjs/Display.js.map

@@ -1 +1 @@
-{"version":3,"sources":["packages/react-components/react-text/src/Display.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,4BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Display/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/Display.ts"],"sourcesContent":["export * from './components/Display/index';\n"]}

package/lib-commonjs/LargeTitle.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./components/LargeTitle/index"), exports);
 //# sourceMappingURL=LargeTitle.js.map

package/lib-commonjs/LargeTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["packages/react-components/react-text/src/LargeTitle.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,+BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/LargeTitle/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/LargeTitle.ts"],"sourcesContent":["export * from './components/LargeTitle/index';\n"]}

package/lib-commonjs/Subtitle1.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./components/Subtitle1/index"), exports);
 //# sourceMappingURL=Subtitle1.js.map

package/lib-commonjs/Subtitle1.js.map

@@ -1 +1 @@
-{"version":3,"sources":["packages/react-components/react-text/src/Subtitle1.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,8BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Subtitle1/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/Subtitle1.ts"],"sourcesContent":["export * from './components/Subtitle1/index';\n"]}

package/lib-commonjs/Subtitle2.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./components/Subtitle2/index"), exports);
 //# sourceMappingURL=Subtitle2.js.map

package/lib-commonjs/Subtitle2.js.map

@@ -1 +1 @@
-{"version":3,"sources":["packages/react-components/react-text/src/Subtitle2.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,8BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Subtitle2/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/Subtitle2.ts"],"sourcesContent":["export * from './components/Subtitle2/index';\n"]}

package/lib-commonjs/Text.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./components/Text/index"), exports);
 //# sourceMappingURL=Text.js.map

package/lib-commonjs/Text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["packages/react-components/react-text/src/Text.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,yBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Text/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/Text.ts"],"sourcesContent":["export * from './components/Text/index';\n"]}

package/lib-commonjs/Title1.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./components/Title1/index"), exports);
 //# sourceMappingURL=Title1.js.map

package/lib-commonjs/Title1.js.map

@@ -1 +1 @@
-{"version":3,"sources":["packages/react-components/react-text/src/Title1.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Title1/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/Title1.ts"],"sourcesContent":["export * from './components/Title1/index';\n"]}

package/lib-commonjs/Title2.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./components/Title2/index"), exports);
 //# sourceMappingURL=Title2.js.map

package/lib-commonjs/Title2.js.map

@@ -1 +1 @@
-{"version":3,"sources":["packages/react-components/react-text/src/Title2.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Title2/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/Title2.ts"],"sourcesContent":["export * from './components/Title2/index';\n"]}

package/lib-commonjs/Title3.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./components/Title3/index"), exports);
 //# sourceMappingURL=Title3.js.map

package/lib-commonjs/Title3.js.map

@@ -1 +1 @@
-{"version":3,"sources":["packages/react-components/react-text/src/Title3.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Title3/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/Title3.ts"],"sourcesContent":["export * from './components/Title3/index';\n"]}

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

@@ -4,35 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Body1 = exports.body1ClassNames = void 0;
-
 const react_1 = /*#__PURE__*/require("@griffel/react");
-
 const wrapper_1 = /*#__PURE__*/require("../wrapper");
-
 const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
-
 exports.body1ClassNames = {
   root: 'fui-Body1'
 };
 /**
  * Styles for the root slot
  */
-
 const useStyles = /*#__PURE__*/react_1.__styles({
-  "root": {
-    "Bahqtrf": "fk6fouc",
-    "Be2twd7": "fkhj508",
-    "Bhrd7zp": "figsok6",
-    "Bg96gwp": "f1i3iumi"
+  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);}"]
+  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}"]
 });
 /**
  * Text wrapper component for the Body1 typography variant
  */
-
-
 exports.Body1 = /*#__PURE__*/wrapper_1.createWrapper({
   useStyles,
   className: exports.body1ClassNames.root,

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

@@ -1 +1 @@
-{"version":3,"sources":["packages/react-components/react-text/src/components/Body1/Body1.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAEa,OAAA,CAAA,eAAA,GAA6C;EACxD,IAAI,EAAE;AADkD,CAA7C;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,KAAA,gBAA6C,SAAA,CAAA,aAAA,CAAc;EACtE,SADsE;EAEtE,SAAS,EAAE,OAAA,CAAA,eAAA,CAAgB,IAF2C;EAGtE,WAAW,EAAE;AAHyD,CAAd,CAA7C","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\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 wrapper component for the Body1 typography variant\n */\nexport const Body1: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: body1ClassNames.root,\n  displayName: 'Body1',\n});\n"],"sourceRoot":"../src/"}
+{"version":3,"mappings":";;;;;;AACA;AACA;AAGA;AAEaA,uBAAe,GAA8B;EACxDC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAGC,gBAAU;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAE1B;AAEF;;;AAGaH,aAAK,gBAAwCI,uBAAa,CAAC;EACtEF,SAAS;EACTG,SAAS,EAAEL,uBAAe,CAACC,IAAI;EAC/BK,WAAW,EAAE;CACd,CAAC","names":["exports","root","useStyles","react_1","wrapper_1","className","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/Body1/Body1.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\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 wrapper component for the Body1 typography variant\n */\nexport const Body1: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: body1ClassNames.root,\n  displayName: 'Body1',\n});\n"]}

package/lib-commonjs/components/Body1/index.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./Body1"), exports);
 //# sourceMappingURL=index.js.map