@metamask-previews/design-system-react 0.16.0-preview.d854123 → 0.17.0-preview.9d477a9

package/dist/components/Text/Text.constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.constants.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,8BAAoB;AAE1C,MAAM,CAAC,MAAM,+BAA+B,GAAgC;IAC1E,CAAC,WAAW,CAAC,SAAS,CAAC,EACrB,oIAAoI;IACtI,CAAC,WAAW,CAAC,SAAS,CAAC,EACrB,oIAAoI;IACtI,CAAC,WAAW,CAAC,SAAS,CAAC,EACrB,oIAAoI;IACtI,CAAC,WAAW,CAAC,SAAS,CAAC,EACrB,oIAAoI;IACtI,CAAC,WAAW,CAAC,SAAS,CAAC,EACrB,oIAAoI;IACtI,CAAC,WAAW,CAAC,MAAM,CAAC,EAClB,kHAAkH;IACpH,CAAC,WAAW,CAAC,MAAM,CAAC,EAClB,kHAAkH;IACpH,CAAC,WAAW,CAAC,MAAM,CAAC,EAClB,kHAAkH;IACpH,CAAC,WAAW,CAAC,MAAM,CAAC,EAClB,kHAAkH;IACpH,CAAC,WAAW,CAAC,WAAW,CAAC,EACvB,gJAAgJ;IAClJ,CAAC,WAAW,CAAC,cAAc,CAAC,EAC1B,kKAAkK;IACpK,CAAC,WAAW,CAAC,aAAa,CAAC,EACzB,kKAAkK;IACpK,CAAC,WAAW,CAAC,aAAa,CAAC,EACzB,kKAAkK;IACpK,CAAC,WAAW,CAAC,eAAe,CAAC,EAC3B,8KAA8K;CACjL,CAAC;AAEF,MAAM,CAAC,MAAM,gCAAgC,GAAgC;IAC3E,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,0BAA0B;IACnD,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,0BAA0B;IACnD,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,WAAW;IACpC,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,WAAW;IACpC,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,WAAW;IACpC,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,aAAa;IACnC,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,cAAc;IACpC,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,cAAc;IACpC,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,cAAc;IACpC,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,WAAW;IACtC,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE,WAAW;IACzC,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,aAAa;IAC1C,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,aAAa;IAC1C,CAAC,WAAW,CAAC,eAAe,CAAC,EAAE,0BAA0B;CAC1D,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAG7B;IACF,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,GAAG;IACzB,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,GAAG;IACzB,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,GAAG;IACzB,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,GAAG;IACzB,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,IAAI;IAC/B,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE,IAAI;IAClC,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,MAAM;IACnC,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,MAAM;IACnC,CAAC,WAAW,CAAC,eAAe,CAAC,EAAE,MAAM;CACtC,CAAC","sourcesContent":["import { TextVariant } from '../../types';\n\nexport const CLASSMAP_TEXT_VARIANT_FONTSTYLE: Record<TextVariant, string> = {\n  [TextVariant.DisplayLg]:\n    'text-s-display-lg leading-s-display-lg tracking-s-display-lg md:text-l-display-lg md:leading-l-display-lg md:tracking-l-display-lg',\n  [TextVariant.DisplayMd]:\n    'text-s-display-md leading-s-display-md tracking-s-display-md md:text-l-display-md md:leading-l-display-md md:tracking-l-display-md',\n  [TextVariant.HeadingLg]:\n    'text-s-heading-lg leading-s-heading-lg tracking-s-heading-lg md:text-l-heading-lg md:leading-l-heading-lg md:tracking-l-heading-lg',\n  [TextVariant.HeadingMd]:\n    'text-s-heading-md leading-s-heading-md tracking-s-heading-md md:text-l-heading-md md:leading-l-heading-md md:tracking-l-heading-md',\n  [TextVariant.HeadingSm]:\n    'text-s-heading-sm leading-s-heading-sm tracking-s-heading-sm md:text-l-heading-sm md:leading-l-heading-sm md:tracking-l-heading-sm',\n  [TextVariant.BodyLg]:\n    'text-s-body-lg leading-s-body-lg tracking-s-body-lg md:text-l-body-lg md:leading-l-body-lg md:tracking-l-body-lg',\n  [TextVariant.BodyMd]:\n    'text-s-body-md leading-s-body-md tracking-s-body-md md:text-l-body-md md:leading-l-body-md md:tracking-l-body-md',\n  [TextVariant.BodySm]:\n    'text-s-body-sm leading-s-body-sm tracking-s-body-sm md:text-l-body-sm md:leading-l-body-sm md:tracking-l-body-sm',\n  [TextVariant.BodyXs]:\n    'text-s-body-xs leading-s-body-xs tracking-s-body-xs md:text-l-body-xs md:leading-l-body-xs md:tracking-l-body-xs',\n  [TextVariant.PageHeading]:\n    'text-s-page-heading leading-s-page-heading tracking-s-page-heading md:text-l-page-heading md:leading-l-page-heading md:tracking-l-page-heading',\n  [TextVariant.SectionHeading]:\n    'text-s-section-heading leading-s-section-heading tracking-s-section-heading md:text-l-section-heading md:leading-l-section-heading md:tracking-l-section-heading',\n  [TextVariant.ButtonLabelMd]:\n    'text-s-button-label-md leading-s-button-label-md tracking-s-button-label-md md:text-l-button-label-md md:leading-l-button-label-md md:tracking-l-button-label-md',\n  [TextVariant.ButtonLabelLg]:\n    'text-s-button-label-lg leading-s-button-label-lg tracking-s-button-label-lg md:text-l-button-label-lg md:leading-l-button-label-lg md:tracking-l-button-label-lg',\n  [TextVariant.AmountDisplayLg]:\n    'text-s-amount-display-lg leading-s-amount-display-lg tracking-s-amount-display-lg md:text-l-amount-display-lg md:leading-l-amount-display-lg md:tracking-l-amount-display-lg',\n};\n\nexport const CLASSMAP_TEXT_VARIANT_FONTWEIGHT: Record<TextVariant, string> = {\n  [TextVariant.DisplayLg]: 'font-bold md:font-medium',\n  [TextVariant.DisplayMd]: 'font-bold md:font-medium',\n  [TextVariant.HeadingLg]: 'font-bold',\n  [TextVariant.HeadingMd]: 'font-bold',\n  [TextVariant.HeadingSm]: 'font-bold',\n  [TextVariant.BodyLg]: 'font-medium',\n  [TextVariant.BodyMd]: 'font-regular',\n  [TextVariant.BodySm]: 'font-regular',\n  [TextVariant.BodyXs]: 'font-regular',\n  [TextVariant.PageHeading]: 'font-bold',\n  [TextVariant.SectionHeading]: 'font-bold',\n  [TextVariant.ButtonLabelMd]: 'font-medium',\n  [TextVariant.ButtonLabelLg]: 'font-medium',\n  [TextVariant.AmountDisplayLg]: 'font-bold md:font-medium',\n};\n\nexport const MAP_TEXT_VARIANT_TAG: Record<\n  TextVariant,\n  keyof JSX.IntrinsicElements\n> = {\n  [TextVariant.DisplayLg]: 'h1',\n  [TextVariant.DisplayMd]: 'h1',\n  [TextVariant.HeadingLg]: 'h2',\n  [TextVariant.HeadingMd]: 'h3',\n  [TextVariant.HeadingSm]: 'h4',\n  [TextVariant.BodyLg]: 'p',\n  [TextVariant.BodyMd]: 'p',\n  [TextVariant.BodySm]: 'p',\n  [TextVariant.BodyXs]: 'p',\n  [TextVariant.PageHeading]: 'h1',\n  [TextVariant.SectionHeading]: 'h2',\n  [TextVariant.ButtonLabelMd]: 'span',\n  [TextVariant.ButtonLabelLg]: 'span',\n  [TextVariant.AmountDisplayLg]: 'span',\n};\n"]}
+{"version":3,"file":"Text.constants.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  FontFamily,\n  FontStyle,\n  FontWeight,\n  TextVariant,\n} from '@metamask-previews/design-system-shared';\n\nexport const TWCLASSMAP_TEXT_FONTWEIGHT: Record<FontWeight, string> = {\n  [FontWeight.Bold]: 'font-bold',\n  [FontWeight.Medium]: 'font-medium',\n  [FontWeight.Regular]: 'font-regular',\n};\n\nexport const TWCLASSMAP_TEXT_FONTFAMILY: Record<FontFamily, string> = {\n  [FontFamily.Default]: 'font-default',\n  [FontFamily.Accent]: 'font-accent',\n  [FontFamily.Hero]: 'font-hero',\n};\n\nexport const TWCLASSMAP_TEXT_FONTSTYLE: Record<FontStyle, string> = {\n  [FontStyle.Italic]: 'italic',\n  [FontStyle.Normal]: 'not-italic',\n};\n\nexport const TWCLASSMAP_TEXT_VARIANT_FONTSTYLE: Record<TextVariant, string> = {\n  [TextVariant.DisplayLg]:\n    'text-s-display-lg leading-s-display-lg tracking-s-display-lg md:text-l-display-lg md:leading-l-display-lg md:tracking-l-display-lg',\n  [TextVariant.DisplayMd]:\n    'text-s-display-md leading-s-display-md tracking-s-display-md md:text-l-display-md md:leading-l-display-md md:tracking-l-display-md',\n  [TextVariant.HeadingLg]:\n    'text-s-heading-lg leading-s-heading-lg tracking-s-heading-lg md:text-l-heading-lg md:leading-l-heading-lg md:tracking-l-heading-lg',\n  [TextVariant.HeadingMd]:\n    'text-s-heading-md leading-s-heading-md tracking-s-heading-md md:text-l-heading-md md:leading-l-heading-md md:tracking-l-heading-md',\n  [TextVariant.HeadingSm]:\n    'text-s-heading-sm leading-s-heading-sm tracking-s-heading-sm md:text-l-heading-sm md:leading-l-heading-sm md:tracking-l-heading-sm',\n  [TextVariant.BodyLg]:\n    'text-s-body-lg leading-s-body-lg tracking-s-body-lg md:text-l-body-lg md:leading-l-body-lg md:tracking-l-body-lg',\n  [TextVariant.BodyMd]:\n    'text-s-body-md leading-s-body-md tracking-s-body-md md:text-l-body-md md:leading-l-body-md md:tracking-l-body-md',\n  [TextVariant.BodySm]:\n    'text-s-body-sm leading-s-body-sm tracking-s-body-sm md:text-l-body-sm md:leading-l-body-sm md:tracking-l-body-sm',\n  [TextVariant.BodyXs]:\n    'text-s-body-xs leading-s-body-xs tracking-s-body-xs md:text-l-body-xs md:leading-l-body-xs md:tracking-l-body-xs',\n  [TextVariant.PageHeading]:\n    'text-s-page-heading leading-s-page-heading tracking-s-page-heading md:text-l-page-heading md:leading-l-page-heading md:tracking-l-page-heading',\n  [TextVariant.SectionHeading]:\n    'text-s-section-heading leading-s-section-heading tracking-s-section-heading md:text-l-section-heading md:leading-l-section-heading md:tracking-l-section-heading',\n  [TextVariant.ButtonLabelMd]:\n    'text-s-button-label-md leading-s-button-label-md tracking-s-button-label-md md:text-l-button-label-md md:leading-l-button-label-md md:tracking-l-button-label-md',\n  [TextVariant.ButtonLabelLg]:\n    'text-s-button-label-lg leading-s-button-label-lg tracking-s-button-label-lg md:text-l-button-label-lg md:leading-l-button-label-lg md:tracking-l-button-label-lg',\n  [TextVariant.AmountDisplayLg]:\n    'text-s-amount-display-lg leading-s-amount-display-lg tracking-s-amount-display-lg md:text-l-amount-display-lg md:leading-l-amount-display-lg md:tracking-l-amount-display-lg',\n};\n\nexport const TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT: Record<TextVariant, string> = {\n  [TextVariant.DisplayLg]: 'font-bold md:font-medium',\n  [TextVariant.DisplayMd]: 'font-bold md:font-medium',\n  [TextVariant.HeadingLg]: 'font-bold',\n  [TextVariant.HeadingMd]: 'font-bold',\n  [TextVariant.HeadingSm]: 'font-bold',\n  [TextVariant.BodyLg]: 'font-medium',\n  [TextVariant.BodyMd]: 'font-regular',\n  [TextVariant.BodySm]: 'font-regular',\n  [TextVariant.BodyXs]: 'font-regular',\n  [TextVariant.PageHeading]: 'font-bold',\n  [TextVariant.SectionHeading]: 'font-bold',\n  [TextVariant.ButtonLabelMd]: 'font-medium',\n  [TextVariant.ButtonLabelLg]: 'font-medium',\n  [TextVariant.AmountDisplayLg]: 'font-bold md:font-medium',\n};\n\nexport const MAP_TEXT_VARIANT_TAG: Record<\n  TextVariant,\n  keyof JSX.IntrinsicElements\n> = {\n  [TextVariant.DisplayLg]: 'h1',\n  [TextVariant.DisplayMd]: 'h1',\n  [TextVariant.HeadingLg]: 'h2',\n  [TextVariant.HeadingMd]: 'h3',\n  [TextVariant.HeadingSm]: 'h4',\n  [TextVariant.BodyLg]: 'p',\n  [TextVariant.BodyMd]: 'p',\n  [TextVariant.BodySm]: 'p',\n  [TextVariant.BodyXs]: 'p',\n  [TextVariant.PageHeading]: 'h1',\n  [TextVariant.SectionHeading]: 'h2',\n  [TextVariant.ButtonLabelMd]: 'span',\n  [TextVariant.ButtonLabelLg]: 'span',\n  [TextVariant.AmountDisplayLg]: 'span',\n};\n"]}

package/dist/components/Text/Text.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAU1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAE9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAsCpC,CAAC"}
+{"version":3,"file":"Text.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,cAAc;AAY1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAE9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAwCpC,CAAC"}

package/dist/components/Text/Text.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAU1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAE9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAsCpC,CAAC"}
+{"version":3,"file":"Text.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,cAAc;AAY1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAE9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAwCpC,CAAC"}

package/dist/components/Text/Text.mjs

@@ -4,17 +4,19 @@ function $importDefault(module) {
     }
     return module;
 }
+import { FontFamily, TextColor, TextVariant } from "@metamask-previews/design-system-shared";
 import { Slot } from "@radix-ui/react-slot";
 import $React from "react";
 const React = $importDefault($React);
-import { FontFamily, TextColor, TextVariant } from "../../types/index.mjs";
 import { twMerge } from "../../utils/tw-merge.mjs";
-import { CLASSMAP_TEXT_VARIANT_FONTSTYLE, CLASSMAP_TEXT_VARIANT_FONTWEIGHT, MAP_TEXT_VARIANT_TAG } from "./Text.constants.mjs";
+import { TWCLASSMAP_TEXT_VARIANT_FONTSTYLE, TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT, TWCLASSMAP_TEXT_FONTFAMILY, TWCLASSMAP_TEXT_FONTSTYLE, TWCLASSMAP_TEXT_FONTWEIGHT, MAP_TEXT_VARIANT_TAG } from "./Text.constants.mjs";
 export const Text = ({ variant = TextVariant.BodyMd, children, className, fontWeight, fontFamily = FontFamily.Default, fontStyle, textTransform, textAlign, overflowWrap, ellipsis, asChild, color = TextColor.TextDefault, style, ...props }) => {
     // When asChild is true, use Radix Slot to merge props onto the child component.
     // Otherwise, render the semantic HTML element mapped to this variant (e.g. h1-h4, p).
     const Component = asChild ? Slot : MAP_TEXT_VARIANT_TAG[variant];
-    const mergedClassName = `${twMerge(color, CLASSMAP_TEXT_VARIANT_FONTSTYLE[variant], fontWeight || CLASSMAP_TEXT_VARIANT_FONTWEIGHT[variant], fontStyle, fontFamily, textTransform, textAlign, overflowWrap, ellipsis && 'truncate', className)}`;
+    const mergedClassName = `${twMerge(color, TWCLASSMAP_TEXT_VARIANT_FONTSTYLE[variant], fontWeight
+        ? TWCLASSMAP_TEXT_FONTWEIGHT[fontWeight]
+        : TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT[variant], fontStyle ? TWCLASSMAP_TEXT_FONTSTYLE[fontStyle] : undefined, TWCLASSMAP_TEXT_FONTFAMILY[fontFamily], textTransform, textAlign, overflowWrap, ellipsis && 'truncate', className)}`;
     return (React.createElement(Component, { className: mergedClassName, style: style, ...props }, children));
 };
 //# sourceMappingURL=Text.mjs.map

package/dist/components/Text/Text.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,6BAA6B;AAC5C,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,8BAAoB;AACjE,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAE/C,OAAO,EACL,+BAA+B,EAC/B,gCAAgC,EAChC,oBAAoB,EACrB,6BAAyB;AAG1B,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,WAAW,CAAC,MAAM,EAC5B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,GAAG,UAAU,CAAC,OAAO,EAC/B,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,gFAAgF;IAChF,sFAAsF;IACtF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAEjE,MAAM,eAAe,GAAG,GAAG,OAAO,CAChC,KAAK,EACL,+BAA+B,CAAC,OAAO,CAAC,EACxC,UAAU,IAAI,gCAAgC,CAAC,OAAO,CAAC,EACvD,SAAS,EACT,UAAU,EACV,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,IAAI,UAAU,EACtB,SAAS,CACV,EAAE,CAAC;IAEJ,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,IAC3D,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport React from 'react';\n\nimport { FontFamily, TextColor, TextVariant } from '../../types';\nimport { twMerge } from '../../utils/tw-merge';\n\nimport {\n  CLASSMAP_TEXT_VARIANT_FONTSTYLE,\n  CLASSMAP_TEXT_VARIANT_FONTWEIGHT,\n  MAP_TEXT_VARIANT_TAG,\n} from './Text.constants';\nimport type { TextProps } from './Text.types';\n\nexport const Text: React.FC<TextProps> = ({\n  variant = TextVariant.BodyMd,\n  children,\n  className,\n  fontWeight,\n  fontFamily = FontFamily.Default,\n  fontStyle,\n  textTransform,\n  textAlign,\n  overflowWrap,\n  ellipsis,\n  asChild,\n  color = TextColor.TextDefault,\n  style,\n  ...props\n}) => {\n  // When asChild is true, use Radix Slot to merge props onto the child component.\n  // Otherwise, render the semantic HTML element mapped to this variant (e.g. h1-h4, p).\n  const Component = asChild ? Slot : MAP_TEXT_VARIANT_TAG[variant];\n\n  const mergedClassName = `${twMerge(\n    color,\n    CLASSMAP_TEXT_VARIANT_FONTSTYLE[variant],\n    fontWeight || CLASSMAP_TEXT_VARIANT_FONTWEIGHT[variant],\n    fontStyle,\n    fontFamily,\n    textTransform,\n    textAlign,\n    overflowWrap,\n    ellipsis && 'truncate',\n    className,\n  )}`;\n\n  return (\n    <Component className={mergedClassName} style={style} {...props}>\n      {children}\n    </Component>\n  );\n};\n"]}
+{"version":3,"file":"Text.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,WAAW,EACZ,gDAAgD;AACjD,OAAO,EAAE,IAAI,EAAE,6BAA6B;AAC5C,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAE/C,OAAO,EACL,iCAAiC,EACjC,kCAAkC,EAClC,0BAA0B,EAC1B,yBAAyB,EACzB,0BAA0B,EAC1B,oBAAoB,EACrB,6BAAyB;AAG1B,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,WAAW,CAAC,MAAM,EAC5B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,GAAG,UAAU,CAAC,OAAO,EAC/B,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,gFAAgF;IAChF,sFAAsF;IACtF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAEjE,MAAM,eAAe,GAAG,GAAG,OAAO,CAChC,KAAK,EACL,iCAAiC,CAAC,OAAO,CAAC,EAC1C,UAAU;QACR,CAAC,CAAC,0BAA0B,CAAC,UAAU,CAAC;QACxC,CAAC,CAAC,kCAAkC,CAAC,OAAO,CAAC,EAC/C,SAAS,CAAC,CAAC,CAAC,yBAAyB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,EAC5D,0BAA0B,CAAC,UAAU,CAAC,EACtC,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,IAAI,UAAU,EACtB,SAAS,CACV,EAAE,CAAC;IAEJ,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,IAC3D,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  FontFamily,\n  TextColor,\n  TextVariant,\n} from '@metamask-previews/design-system-shared';\nimport { Slot } from '@radix-ui/react-slot';\nimport React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\n\nimport {\n  TWCLASSMAP_TEXT_VARIANT_FONTSTYLE,\n  TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT,\n  TWCLASSMAP_TEXT_FONTFAMILY,\n  TWCLASSMAP_TEXT_FONTSTYLE,\n  TWCLASSMAP_TEXT_FONTWEIGHT,\n  MAP_TEXT_VARIANT_TAG,\n} from './Text.constants';\nimport type { TextProps } from './Text.types';\n\nexport const Text: React.FC<TextProps> = ({\n  variant = TextVariant.BodyMd,\n  children,\n  className,\n  fontWeight,\n  fontFamily = FontFamily.Default,\n  fontStyle,\n  textTransform,\n  textAlign,\n  overflowWrap,\n  ellipsis,\n  asChild,\n  color = TextColor.TextDefault,\n  style,\n  ...props\n}) => {\n  // When asChild is true, use Radix Slot to merge props onto the child component.\n  // Otherwise, render the semantic HTML element mapped to this variant (e.g. h1-h4, p).\n  const Component = asChild ? Slot : MAP_TEXT_VARIANT_TAG[variant];\n\n  const mergedClassName = `${twMerge(\n    color,\n    TWCLASSMAP_TEXT_VARIANT_FONTSTYLE[variant],\n    fontWeight\n      ? TWCLASSMAP_TEXT_FONTWEIGHT[fontWeight]\n      : TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT[variant],\n    fontStyle ? TWCLASSMAP_TEXT_FONTSTYLE[fontStyle] : undefined,\n    TWCLASSMAP_TEXT_FONTFAMILY[fontFamily],\n    textTransform,\n    textAlign,\n    overflowWrap,\n    ellipsis && 'truncate',\n    className,\n  )}`;\n\n  return (\n    <Component className={mergedClassName} style={style} {...props}>\n      {children}\n    </Component>\n  );\n};\n"]}

package/dist/components/Text/Text.types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.types.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  FontFamily,\n  FontStyle,\n  FontWeight,\n  OverflowWrap,\n  TextAlign,\n  TextVariant,\n  TextTransform,\n  TextColor,\n} from '../../types';\n\nexport type TextProps = {\n  /**\n   * Optional prop for inline styles\n   */\n  style?: React.CSSProperties;\n  /**\n   * Optional prop to change the font size of the component. The Text component uses responsive font sizes.\n   * Different variants map to specific HTML elements by default.\n   *\n   * @default TextVariant.BodyMd\n   */\n  variant?: TextVariant;\n  /**\n   * The text content or elements to be rendered within the component.\n   */\n  children: React.ReactNode;\n  /**\n   * Optional prop for additional CSS classes to be applied to the Text component.\n   */\n  className?: string;\n  /**\n   * Optional prop to control the font weight of the text.\n   * Regular: 400\n   * Medium: 500\n   * Bold: 600\n   */\n  fontWeight?: FontWeight;\n  /**\n   * Optional prop to adjust the font family.\n   * Default: Geist\n   * Accent: MM Sans\n   * Hero: MM Poly\n   */\n  fontFamily?: FontFamily;\n  /**\n   * Optional prop to control the font style of the text.\n   * Options: Normal, Italic\n   */\n  fontStyle?: FontStyle;\n  /**\n   * Optional prop to apply text transformation to the content.\n   * Options: Uppercase, Lowercase, Capitalize, Normal\n   */\n  textTransform?: TextTransform;\n  /**\n   * Optional prop to control the text alignment within its container.\n   * Options: Left, Center, Right, Justify\n   */\n  textAlign?: TextAlign;\n  /**\n   * Optional prop to determine how text should wrap when it reaches the edge of its container.\n   * Options: BreakWord, Anywhere, Normal\n   */\n  overflowWrap?: OverflowWrap;\n  /**\n   * Optional prop that when true, adds an ellipsis (...) when text overflows its container.\n   *\n   * @default false\n   */\n  ellipsis?: boolean;\n  /**\n   * Optional boolean that determines if the component should merge its props onto its immediate child\n   * instead of rendering a default DOM element.\n   *\n   * @default false\n   */\n  asChild?: boolean;\n  /**\n   * Optional prop that sets the color of the text using predefined theme colors.\n   *\n   * @default TextColor.TextDefault\n   */\n  color?: TextColor;\n  /**\n   * Optional prop for testing purposes\n   */\n  'data-testid'?: string;\n};\n"]}
+{"version":3,"file":"Text.types.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TextPropsShared } from '@metamask-previews/design-system-shared';\n\nimport type { OverflowWrap, TextAlign, TextTransform } from '../../types';\n\nexport type TextProps = TextPropsShared & {\n  /**\n   * Optional prop for inline styles\n   */\n  style?: React.CSSProperties;\n  /**\n   * Optional prop for additional CSS classes to be applied to the Text component.\n   */\n  className?: string;\n  /**\n   * Optional prop to apply text transformation to the content.\n   * Options: Uppercase, Lowercase, Capitalize, Normal\n   */\n  textTransform?: TextTransform;\n  /**\n   * Optional prop to control the text alignment within its container.\n   * Options: Left, Center, Right, Justify\n   */\n  textAlign?: TextAlign;\n  /**\n   * Optional prop to determine how text should wrap when it reaches the edge of its container.\n   * Options: BreakWord, Anywhere, Normal\n   */\n  overflowWrap?: OverflowWrap;\n  /**\n   * Optional boolean that adds an ellipsis (...) when text overflows its container.\n   *\n   * @default false\n   */\n  ellipsis?: boolean;\n  /**\n   * Optional boolean that determines if the component should merge its props onto its immediate child\n   * instead of rendering a default DOM element.\n   *\n   * @default false\n   */\n  asChild?: boolean;\n  /**\n   * Optional prop for testing purposes\n   */\n  'data-testid'?: string;\n};\n"]}

package/dist/components/Text/Text.types.d.cts

@@ -1,44 +1,15 @@
 /// <reference types="react" />
-import type { FontFamily, FontStyle, FontWeight, OverflowWrap, TextAlign, TextVariant, TextTransform, TextColor } from "../../types/index.cjs";
-export type TextProps = {
+import type { TextPropsShared } from "@metamask-previews/design-system-shared";
+import type { OverflowWrap, TextAlign, TextTransform } from "../../types/index.cjs";
+export type TextProps = TextPropsShared & {
     /**
      * Optional prop for inline styles
      */
     style?: React.CSSProperties;
-    /**
-     * Optional prop to change the font size of the component. The Text component uses responsive font sizes.
-     * Different variants map to specific HTML elements by default.
-     *
-     * @default TextVariant.BodyMd
-     */
-    variant?: TextVariant;
-    /**
-     * The text content or elements to be rendered within the component.
-     */
-    children: React.ReactNode;
     /**
      * Optional prop for additional CSS classes to be applied to the Text component.
      */
     className?: string;
-    /**
-     * Optional prop to control the font weight of the text.
-     * Regular: 400
-     * Medium: 500
-     * Bold: 600
-     */
-    fontWeight?: FontWeight;
-    /**
-     * Optional prop to adjust the font family.
-     * Default: Geist
-     * Accent: MM Sans
-     * Hero: MM Poly
-     */
-    fontFamily?: FontFamily;
-    /**
-     * Optional prop to control the font style of the text.
-     * Options: Normal, Italic
-     */
-    fontStyle?: FontStyle;
     /**
      * Optional prop to apply text transformation to the content.
      * Options: Uppercase, Lowercase, Capitalize, Normal
@@ -55,7 +26,7 @@ export type TextProps = {
      */
     overflowWrap?: OverflowWrap;
     /**
-     * Optional prop that when true, adds an ellipsis (...) when text overflows its container.
+     * Optional boolean that adds an ellipsis (...) when text overflows its container.
      *
      * @default false
      */
@@ -67,12 +38,6 @@ export type TextProps = {
      * @default false
      */
     asChild?: boolean;
-    /**
-     * Optional prop that sets the color of the text using predefined theme colors.
-     *
-     * @default TextColor.TextDefault
-     */
-    color?: TextColor;
     /**
      * Optional prop for testing purposes
      */

package/dist/components/Text/Text.types.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.types.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACX,aAAa,EACb,SAAS,EACV,8BAAoB;AAErB,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}
+{"version":3,"file":"Text.types.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,gDAAgD;AAE/E,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,8BAAoB;AAE1E,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACxC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}

package/dist/components/Text/Text.types.d.mts

@@ -1,44 +1,15 @@
 /// <reference types="react" />
-import type { FontFamily, FontStyle, FontWeight, OverflowWrap, TextAlign, TextVariant, TextTransform, TextColor } from "../../types/index.mjs";
-export type TextProps = {
+import type { TextPropsShared } from "@metamask-previews/design-system-shared";
+import type { OverflowWrap, TextAlign, TextTransform } from "../../types/index.mjs";
+export type TextProps = TextPropsShared & {
     /**
      * Optional prop for inline styles
      */
     style?: React.CSSProperties;
-    /**
-     * Optional prop to change the font size of the component. The Text component uses responsive font sizes.
-     * Different variants map to specific HTML elements by default.
-     *
-     * @default TextVariant.BodyMd
-     */
-    variant?: TextVariant;
-    /**
-     * The text content or elements to be rendered within the component.
-     */
-    children: React.ReactNode;
     /**
      * Optional prop for additional CSS classes to be applied to the Text component.
      */
     className?: string;
-    /**
-     * Optional prop to control the font weight of the text.
-     * Regular: 400
-     * Medium: 500
-     * Bold: 600
-     */
-    fontWeight?: FontWeight;
-    /**
-     * Optional prop to adjust the font family.
-     * Default: Geist
-     * Accent: MM Sans
-     * Hero: MM Poly
-     */
-    fontFamily?: FontFamily;
-    /**
-     * Optional prop to control the font style of the text.
-     * Options: Normal, Italic
-     */
-    fontStyle?: FontStyle;
     /**
      * Optional prop to apply text transformation to the content.
      * Options: Uppercase, Lowercase, Capitalize, Normal
@@ -55,7 +26,7 @@ export type TextProps = {
      */
     overflowWrap?: OverflowWrap;
     /**
-     * Optional prop that when true, adds an ellipsis (...) when text overflows its container.
+     * Optional boolean that adds an ellipsis (...) when text overflows its container.
      *
      * @default false
      */
@@ -67,12 +38,6 @@ export type TextProps = {
      * @default false
      */
     asChild?: boolean;
-    /**
-     * Optional prop that sets the color of the text using predefined theme colors.
-     *
-     * @default TextColor.TextDefault
-     */
-    color?: TextColor;
     /**
      * Optional prop for testing purposes
      */

package/dist/components/Text/Text.types.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.types.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACX,aAAa,EACb,SAAS,EACV,8BAAoB;AAErB,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}
+{"version":3,"file":"Text.types.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,gDAAgD;AAE/E,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,8BAAoB;AAE1E,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACxC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}

package/dist/components/Text/Text.types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.types.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  FontFamily,\n  FontStyle,\n  FontWeight,\n  OverflowWrap,\n  TextAlign,\n  TextVariant,\n  TextTransform,\n  TextColor,\n} from '../../types';\n\nexport type TextProps = {\n  /**\n   * Optional prop for inline styles\n   */\n  style?: React.CSSProperties;\n  /**\n   * Optional prop to change the font size of the component. The Text component uses responsive font sizes.\n   * Different variants map to specific HTML elements by default.\n   *\n   * @default TextVariant.BodyMd\n   */\n  variant?: TextVariant;\n  /**\n   * The text content or elements to be rendered within the component.\n   */\n  children: React.ReactNode;\n  /**\n   * Optional prop for additional CSS classes to be applied to the Text component.\n   */\n  className?: string;\n  /**\n   * Optional prop to control the font weight of the text.\n   * Regular: 400\n   * Medium: 500\n   * Bold: 600\n   */\n  fontWeight?: FontWeight;\n  /**\n   * Optional prop to adjust the font family.\n   * Default: Geist\n   * Accent: MM Sans\n   * Hero: MM Poly\n   */\n  fontFamily?: FontFamily;\n  /**\n   * Optional prop to control the font style of the text.\n   * Options: Normal, Italic\n   */\n  fontStyle?: FontStyle;\n  /**\n   * Optional prop to apply text transformation to the content.\n   * Options: Uppercase, Lowercase, Capitalize, Normal\n   */\n  textTransform?: TextTransform;\n  /**\n   * Optional prop to control the text alignment within its container.\n   * Options: Left, Center, Right, Justify\n   */\n  textAlign?: TextAlign;\n  /**\n   * Optional prop to determine how text should wrap when it reaches the edge of its container.\n   * Options: BreakWord, Anywhere, Normal\n   */\n  overflowWrap?: OverflowWrap;\n  /**\n   * Optional prop that when true, adds an ellipsis (...) when text overflows its container.\n   *\n   * @default false\n   */\n  ellipsis?: boolean;\n  /**\n   * Optional boolean that determines if the component should merge its props onto its immediate child\n   * instead of rendering a default DOM element.\n   *\n   * @default false\n   */\n  asChild?: boolean;\n  /**\n   * Optional prop that sets the color of the text using predefined theme colors.\n   *\n   * @default TextColor.TextDefault\n   */\n  color?: TextColor;\n  /**\n   * Optional prop for testing purposes\n   */\n  'data-testid'?: string;\n};\n"]}
+{"version":3,"file":"Text.types.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TextPropsShared } from '@metamask-previews/design-system-shared';\n\nimport type { OverflowWrap, TextAlign, TextTransform } from '../../types';\n\nexport type TextProps = TextPropsShared & {\n  /**\n   * Optional prop for inline styles\n   */\n  style?: React.CSSProperties;\n  /**\n   * Optional prop for additional CSS classes to be applied to the Text component.\n   */\n  className?: string;\n  /**\n   * Optional prop to apply text transformation to the content.\n   * Options: Uppercase, Lowercase, Capitalize, Normal\n   */\n  textTransform?: TextTransform;\n  /**\n   * Optional prop to control the text alignment within its container.\n   * Options: Left, Center, Right, Justify\n   */\n  textAlign?: TextAlign;\n  /**\n   * Optional prop to determine how text should wrap when it reaches the edge of its container.\n   * Options: BreakWord, Anywhere, Normal\n   */\n  overflowWrap?: OverflowWrap;\n  /**\n   * Optional boolean that adds an ellipsis (...) when text overflows its container.\n   *\n   * @default false\n   */\n  ellipsis?: boolean;\n  /**\n   * Optional boolean that determines if the component should merge its props onto its immediate child\n   * instead of rendering a default DOM element.\n   *\n   * @default false\n   */\n  asChild?: boolean;\n  /**\n   * Optional prop for testing purposes\n   */\n  'data-testid'?: string;\n};\n"]}

package/dist/components/Text/index.cjs

@@ -1,15 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Text = exports.TextColor = exports.TextTransform = exports.TextVariant = exports.TextAlign = exports.OverflowWrap = exports.FontWeight = exports.FontStyle = exports.FontFamily = void 0;
+exports.Text = exports.TextTransform = exports.TextAlign = exports.OverflowWrap = exports.FontWeight = exports.FontStyle = exports.FontFamily = exports.TextVariant = exports.TextColor = void 0;
+var design_system_shared_1 = require("@metamask-previews/design-system-shared");
+Object.defineProperty(exports, "TextColor", { enumerable: true, get: function () { return design_system_shared_1.TextColor; } });
+Object.defineProperty(exports, "TextVariant", { enumerable: true, get: function () { return design_system_shared_1.TextVariant; } });
+Object.defineProperty(exports, "FontFamily", { enumerable: true, get: function () { return design_system_shared_1.FontFamily; } });
+Object.defineProperty(exports, "FontStyle", { enumerable: true, get: function () { return design_system_shared_1.FontStyle; } });
+Object.defineProperty(exports, "FontWeight", { enumerable: true, get: function () { return design_system_shared_1.FontWeight; } });
 var types_1 = require("../../types/index.cjs");
-Object.defineProperty(exports, "FontFamily", { enumerable: true, get: function () { return types_1.FontFamily; } });
-Object.defineProperty(exports, "FontStyle", { enumerable: true, get: function () { return types_1.FontStyle; } });
-Object.defineProperty(exports, "FontWeight", { enumerable: true, get: function () { return types_1.FontWeight; } });
 Object.defineProperty(exports, "OverflowWrap", { enumerable: true, get: function () { return types_1.OverflowWrap; } });
 Object.defineProperty(exports, "TextAlign", { enumerable: true, get: function () { return types_1.TextAlign; } });
-Object.defineProperty(exports, "TextVariant", { enumerable: true, get: function () { return types_1.TextVariant; } });
 Object.defineProperty(exports, "TextTransform", { enumerable: true, get: function () { return types_1.TextTransform; } });
-Object.defineProperty(exports, "TextColor", { enumerable: true, get: function () { return types_1.TextColor; } });
 var Text_1 = require("./Text.cjs");
 Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return Text_1.Text; } });
 //# sourceMappingURL=index.cjs.map

package/dist/components/Text/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":";;;AAAA,+CASqB;AARnB,mGAAA,UAAU,OAAA;AACV,kGAAA,SAAS,OAAA;AACT,mGAAA,UAAU,OAAA;AACV,qGAAA,YAAY,OAAA;AACZ,kGAAA,SAAS,OAAA;AACT,oGAAA,WAAW,OAAA;AACX,sGAAA,aAAa,OAAA;AACb,kGAAA,SAAS,OAAA;AAEX,mCAA8B;AAArB,4FAAA,IAAI,OAAA","sourcesContent":["export {\n  FontFamily,\n  FontStyle,\n  FontWeight,\n  OverflowWrap,\n  TextAlign,\n  TextVariant,\n  TextTransform,\n  TextColor,\n} from '../../types';\nexport { Text } from './Text';\nexport type { TextProps } from './Text.types';\n"]}
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":";;;AAAA,gFAOiD;AAN/C,iHAAA,SAAS,OAAA;AACT,mHAAA,WAAW,OAAA;AACX,kHAAA,UAAU,OAAA;AACV,iHAAA,SAAS,OAAA;AACT,kHAAA,UAAU,OAAA;AAGZ,+CAAqE;AAA5D,qGAAA,YAAY,OAAA;AAAE,kGAAA,SAAS,OAAA;AAAE,sGAAA,aAAa,OAAA;AAC/C,mCAA8B;AAArB,4FAAA,IAAI,OAAA","sourcesContent":["export {\n  TextColor,\n  TextVariant,\n  FontFamily,\n  FontStyle,\n  FontWeight,\n  type TextPropsShared,\n} from '@metamask-previews/design-system-shared';\nexport { OverflowWrap, TextAlign, TextTransform } from '../../types';\nexport { Text } from './Text';\nexport type { TextProps } from './Text.types';\n"]}

package/dist/components/Text/index.d.cts

@@ -1,4 +1,5 @@
-export { FontFamily, FontStyle, FontWeight, OverflowWrap, TextAlign, TextVariant, TextTransform, TextColor, } from "../../types/index.cjs";
+export { TextColor, TextVariant, FontFamily, FontStyle, FontWeight, type TextPropsShared, } from "@metamask-previews/design-system-shared";
+export { OverflowWrap, TextAlign, TextTransform } from "../../types/index.cjs";
 export { Text } from "./Text.cjs";
 export type { TextProps } from "./Text.types.cjs";
 //# sourceMappingURL=index.d.cts.map

package/dist/components/Text/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACX,aAAa,EACb,SAAS,GACV,8BAAoB;AACrB,OAAO,EAAE,IAAI,EAAE,mBAAe;AAC9B,YAAY,EAAE,SAAS,EAAE,yBAAqB"}
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,WAAW,EACX,UAAU,EACV,SAAS,EACT,UAAU,EACV,KAAK,eAAe,GACrB,gDAAgD;AACjD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,8BAAoB;AACrE,OAAO,EAAE,IAAI,EAAE,mBAAe;AAC9B,YAAY,EAAE,SAAS,EAAE,yBAAqB"}

package/dist/components/Text/index.d.mts

@@ -1,4 +1,5 @@
-export { FontFamily, FontStyle, FontWeight, OverflowWrap, TextAlign, TextVariant, TextTransform, TextColor, } from "../../types/index.mjs";
+export { TextColor, TextVariant, FontFamily, FontStyle, FontWeight, type TextPropsShared, } from "@metamask-previews/design-system-shared";
+export { OverflowWrap, TextAlign, TextTransform } from "../../types/index.mjs";
 export { Text } from "./Text.mjs";
 export type { TextProps } from "./Text.types.mjs";
 //# sourceMappingURL=index.d.mts.map

package/dist/components/Text/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACX,aAAa,EACb,SAAS,GACV,8BAAoB;AACrB,OAAO,EAAE,IAAI,EAAE,mBAAe;AAC9B,YAAY,EAAE,SAAS,EAAE,yBAAqB"}
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,WAAW,EACX,UAAU,EACV,SAAS,EACT,UAAU,EACV,KAAK,eAAe,GACrB,gDAAgD;AACjD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,8BAAoB;AACrE,OAAO,EAAE,IAAI,EAAE,mBAAe;AAC9B,YAAY,EAAE,SAAS,EAAE,yBAAqB"}

package/dist/components/Text/index.mjs

@@ -1,3 +1,4 @@
-export { FontFamily, FontStyle, FontWeight, OverflowWrap, TextAlign, TextVariant, TextTransform, TextColor } from "../../types/index.mjs";
+export { TextColor, TextVariant, FontFamily, FontStyle, FontWeight } from "@metamask-previews/design-system-shared";
+export { OverflowWrap, TextAlign, TextTransform } from "../../types/index.mjs";
 export { Text } from "./Text.mjs";
 //# sourceMappingURL=index.mjs.map

package/dist/components/Text/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACX,aAAa,EACb,SAAS,EACV,8BAAoB;AACrB,OAAO,EAAE,IAAI,EAAE,mBAAe","sourcesContent":["export {\n  FontFamily,\n  FontStyle,\n  FontWeight,\n  OverflowWrap,\n  TextAlign,\n  TextVariant,\n  TextTransform,\n  TextColor,\n} from '../../types';\nexport { Text } from './Text';\nexport type { TextProps } from './Text.types';\n"]}
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,WAAW,EACX,UAAU,EACV,SAAS,EACT,UAAU,EAEX,gDAAgD;AACjD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,8BAAoB;AACrE,OAAO,EAAE,IAAI,EAAE,mBAAe","sourcesContent":["export {\n  TextColor,\n  TextVariant,\n  FontFamily,\n  FontStyle,\n  FontWeight,\n  type TextPropsShared,\n} from '@metamask-previews/design-system-shared';\nexport { OverflowWrap, TextAlign, TextTransform } from '../../types';\nexport { Text } from './Text';\nexport type { TextProps } from './Text.types';\n"]}

package/dist/types/index.cjs

@@ -1,19 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconSize = exports.IconName = exports.IconColor = exports.TextButtonSize = exports.FontFamily = exports.TextTransform = exports.FontStyle = exports.OverflowWrap = exports.FontWeight = exports.TextAlign = exports.TextColor = exports.TextVariant = exports.ButtonIconVariant = exports.ButtonIconSize = exports.ButtonVariant = exports.ButtonSize = exports.ButtonHeroSize = exports.ButtonTertiarySize = exports.ButtonSecondarySize = exports.ButtonPrimarySize = exports.ButtonBaseSize = exports.BoxBorderColor = exports.BoxBackgroundColor = exports.BoxJustifyContent = exports.BoxAlignItems = exports.BoxFlexWrap = exports.BoxFlexDirection = exports.AvatarGroupVariant = exports.AvatarIconSeverity = exports.AvatarSize = exports.AvatarNetworkSize = exports.AvatarIconSize = exports.AvatarGroupSize = exports.AvatarFaviconSize = exports.AvatarBaseShape = exports.AvatarBaseSize = void 0;
+exports.TextButtonSize = exports.TextTransform = exports.OverflowWrap = exports.TextAlign = exports.ButtonIconVariant = exports.ButtonIconSize = exports.ButtonVariant = exports.ButtonSize = exports.ButtonHeroSize = exports.ButtonTertiarySize = exports.ButtonSecondarySize = exports.ButtonPrimarySize = exports.ButtonBaseSize = exports.BoxBorderColor = exports.BoxBackgroundColor = exports.BoxJustifyContent = exports.BoxAlignItems = exports.BoxFlexWrap = exports.BoxFlexDirection = exports.AvatarGroupVariant = exports.AvatarIconSeverity = exports.AvatarSize = exports.AvatarNetworkSize = exports.AvatarIconSize = exports.AvatarGroupSize = exports.AvatarBaseShape = exports.AvatarBaseSize = void 0;
 var design_system_shared_1 = require("@metamask-previews/design-system-shared");
 Object.defineProperty(exports, "AvatarBaseSize", { enumerable: true, get: function () { return design_system_shared_1.AvatarBaseSize; } });
 Object.defineProperty(exports, "AvatarBaseShape", { enumerable: true, get: function () { return design_system_shared_1.AvatarBaseShape; } });
 var design_system_shared_2 = require("@metamask-previews/design-system-shared");
-Object.defineProperty(exports, "AvatarFaviconSize", { enumerable: true, get: function () { return design_system_shared_2.AvatarBaseSize; } });
+Object.defineProperty(exports, "AvatarGroupSize", { enumerable: true, get: function () { return design_system_shared_2.AvatarBaseSize; } });
 var design_system_shared_3 = require("@metamask-previews/design-system-shared");
-Object.defineProperty(exports, "AvatarGroupSize", { enumerable: true, get: function () { return design_system_shared_3.AvatarBaseSize; } });
+Object.defineProperty(exports, "AvatarIconSize", { enumerable: true, get: function () { return design_system_shared_3.AvatarBaseSize; } });
 var design_system_shared_4 = require("@metamask-previews/design-system-shared");
-Object.defineProperty(exports, "AvatarIconSize", { enumerable: true, get: function () { return design_system_shared_4.AvatarBaseSize; } });
+Object.defineProperty(exports, "AvatarNetworkSize", { enumerable: true, get: function () { return design_system_shared_4.AvatarBaseSize; } });
 var design_system_shared_5 = require("@metamask-previews/design-system-shared");
-Object.defineProperty(exports, "AvatarNetworkSize", { enumerable: true, get: function () { return design_system_shared_5.AvatarBaseSize; } });
-var design_system_shared_6 = require("@metamask-previews/design-system-shared");
-Object.defineProperty(exports, "AvatarSize", { enumerable: true, get: function () { return design_system_shared_6.AvatarBaseSize; } });
+Object.defineProperty(exports, "AvatarSize", { enumerable: true, get: function () { return design_system_shared_5.AvatarBaseSize; } });
 /**
  * AvatarIcon - severity
  */
@@ -271,153 +269,32 @@ var ButtonIconVariant;
     ButtonIconVariant["Filled"] = "filled";
     ButtonIconVariant["Floating"] = "floating";
 })(ButtonIconVariant || (exports.ButtonIconVariant = ButtonIconVariant = {}));
-/**
- * Text - variant
- */
-var TextVariant;
-(function (TextVariant) {
-    // Display Sizes
-    TextVariant["DisplayLg"] = "display-lg";
-    TextVariant["DisplayMd"] = "display-md";
-    // Heading Sizes
-    TextVariant["HeadingLg"] = "heading-lg";
-    TextVariant["HeadingMd"] = "heading-md";
-    TextVariant["HeadingSm"] = "heading-sm";
-    // Font Sizes
-    TextVariant["BodyLg"] = "body-lg";
-    TextVariant["BodyMd"] = "body-md";
-    TextVariant["BodySm"] = "body-sm";
-    TextVariant["BodyXs"] = "body-xs";
-    // Special Typography Variants
-    TextVariant["PageHeading"] = "page-heading";
-    TextVariant["SectionHeading"] = "section-heading";
-    TextVariant["ButtonLabelMd"] = "button-label-md";
-    TextVariant["ButtonLabelLg"] = "button-label-lg";
-    TextVariant["AmountDisplayLg"] = "amount-display-lg";
-})(TextVariant || (exports.TextVariant = TextVariant = {}));
-/**
- * Text - color
- */
-var TextColor;
-(function (TextColor) {
-    /** For default neutral text. */
-    TextColor["TextDefault"] = "text-default";
-    /** For softer contrast neutral text */
-    TextColor["TextAlternative"] = "text-alternative";
-    /** For the softest contrast neutral text (not accessible) */
-    TextColor["TextMuted"] = "text-muted";
-    /** For elements used on top of overlay/alternative. Used for text, icon or border */
-    TextColor["OverlayInverse"] = "text-overlay-inverse";
-    /** For interactive, active, and selected semantics. Used for text, background, icon or border */
-    TextColor["PrimaryDefault"] = "text-primary-default";
-    /** For primary text in a hover state. */
-    TextColor["PrimaryDefaultHover"] = "text-primary-default-hover";
-    /** For primary text in a pressed state. */
-    TextColor["PrimaryDefaultPressed"] = "text-primary-default-pressed";
-    /** For elements used on top of primary/default. Used for text, icon or border */
-    TextColor["PrimaryInverse"] = "text-primary-inverse";
-    /** For the critical alert semantic elements. Used for text, background, icon or border */
-    TextColor["ErrorDefault"] = "text-error-default";
-    /** For critical alert text in a hover state. */
-    TextColor["ErrorDefaultHover"] = "text-error-default-hover";
-    /** For critical alert text in a pressed state. */
-    TextColor["ErrorDefaultPressed"] = "text-error-default-pressed";
-    /** For the stronger contrast error semantic elements. */
-    TextColor["ErrorAlternative"] = "text-error-alternative";
-    /** For elements used on top of error/default. Used for text, icon or border */
-    TextColor["ErrorInverse"] = "text-error-inverse";
-    /** For the positive semantic elements. Used for text, background, icon or border */
-    TextColor["SuccessDefault"] = "text-success-default";
-    /** For positive text in a hover state. */
-    TextColor["SuccessDefaultHover"] = "text-success-default-hover";
-    /** For positive text in a pressed state. */
-    TextColor["SuccessDefaultPressed"] = "text-success-default-pressed";
-    /** For elements used on top of success/default. Used for text, icon or border */
-    TextColor["SuccessInverse"] = "text-success-inverse";
-    /** For the caution alert semantic elements. Used for text, background, icon or border */
-    TextColor["WarningDefault"] = "text-warning-default";
-    /** For caution text in a hover state. */
-    TextColor["WarningDefaultHover"] = "text-warning-default-hover";
-    /** For caution text in a pressed state. */
-    TextColor["WarningDefaultPressed"] = "text-warning-default-pressed";
-    /** For elements used on top of warning/default. Used for text, icon or border */
-    TextColor["WarningInverse"] = "text-warning-inverse";
-    /** For informational read-only elements. Used for text, background, icon or border */
-    TextColor["InfoDefault"] = "text-info-default";
-    /** For elements used on top of info/default. Used for text, icon or border */
-    TextColor["InfoInverse"] = "text-info-inverse";
-    /** Inherit the color of the parent element */
-    TextColor["Inherit"] = "text-inherit";
-    /** Make the text color transparent */
-    TextColor["Transparent"] = "text-transparent";
-})(TextColor || (exports.TextColor = TextColor = {}));
 /**
  * Text - textAlign
  */
-var TextAlign;
-(function (TextAlign) {
-    TextAlign["Left"] = "text-left";
-    TextAlign["Center"] = "text-center";
-    TextAlign["Right"] = "text-right";
-    TextAlign["Justify"] = "text-justify";
-})(TextAlign || (exports.TextAlign = TextAlign = {}));
-/**
- * Text - fontWeight
- */
-var FontWeight;
-(function (FontWeight) {
-    /**
-     * Weight - 600
-     */
-    FontWeight["Bold"] = "font-bold";
-    /**
-     * Weight - 500
-     */
-    FontWeight["Medium"] = "font-medium";
-    /**
-     * Weight - 400
-     */
-    FontWeight["Regular"] = "font-regular";
-})(FontWeight || (exports.FontWeight = FontWeight = {}));
+exports.TextAlign = {
+    Left: 'text-left',
+    Center: 'text-center',
+    Right: 'text-right',
+    Justify: 'text-justify',
+};
 /**
  * Text - overflowWrap
  */
-var OverflowWrap;
-(function (OverflowWrap) {
-    OverflowWrap["BreakWord"] = "break-words";
-    OverflowWrap["Anywhere"] = "break-all";
-    OverflowWrap["Normal"] = "break-normal";
-})(OverflowWrap || (exports.OverflowWrap = OverflowWrap = {}));
-/**
- * Text - fontStyle
- */
-var FontStyle;
-(function (FontStyle) {
-    FontStyle["Italic"] = "italic";
-    FontStyle["Normal"] = "not-italic";
-})(FontStyle || (exports.FontStyle = FontStyle = {}));
+exports.OverflowWrap = {
+    BreakWord: 'break-words',
+    Anywhere: 'break-all',
+    Normal: 'break-normal',
+};
 /**
  * Text - textTransform
  */
-var TextTransform;
-(function (TextTransform) {
-    // eslint-disable-next-line @typescript-eslint/no-shadow
-    TextTransform["Uppercase"] = "uppercase";
-    // eslint-disable-next-line @typescript-eslint/no-shadow
-    TextTransform["Lowercase"] = "lowercase";
-    // eslint-disable-next-line @typescript-eslint/no-shadow
-    TextTransform["Capitalize"] = "capitalize";
-    TextTransform["Normal"] = "normal-case";
-})(TextTransform || (exports.TextTransform = TextTransform = {}));
-/**
- * Text - fontFamily
- */
-var FontFamily;
-(function (FontFamily) {
-    FontFamily["Default"] = "font-default";
-    FontFamily["Accent"] = "font-accent";
-    FontFamily["Hero"] = "font-hero";
-})(FontFamily || (exports.FontFamily = FontFamily = {}));
+exports.TextTransform = {
+    Uppercase: 'uppercase',
+    Lowercase: 'lowercase',
+    Capitalize: 'capitalize',
+    Normal: 'normal-case',
+};
 /**
  * TextButton - size
  */
@@ -428,8 +305,4 @@ var TextButtonSize;
     TextButtonSize["BodySm"] = "body-sm";
     TextButtonSize["BodyXs"] = "body-xs";
 })(TextButtonSize || (exports.TextButtonSize = TextButtonSize = {}));
-var design_system_shared_7 = require("@metamask-previews/design-system-shared");
-Object.defineProperty(exports, "IconColor", { enumerable: true, get: function () { return design_system_shared_7.IconColor; } });
-Object.defineProperty(exports, "IconName", { enumerable: true, get: function () { return design_system_shared_7.IconName; } });
-Object.defineProperty(exports, "IconSize", { enumerable: true, get: function () { return design_system_shared_7.IconSize; } });
 //# sourceMappingURL=index.cjs.map