npm - @metamask/design-system-react - Versions diffs - 0.23.0 → 0.24.0 - Mend

@metamask/design-system-react 0.23.0 → 0.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (92) hide show

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

	@@ -1 +1 @@
1	- {"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/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"]}
1	+ {"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/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 React.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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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"}
1	+ {"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,CA0CpC,CAAC"}

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

	@@ -1 +1 @@
1	- {"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"}
1	+ {"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,CA0CpC,CAAC"}

package/dist/components/Text/Text.mjs CHANGED Viewed

@@ -13,7 +13,9 @@ import { TWCLASSMAP_TEXT_VARIANT_FONTSTYLE, TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT,
 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 Component = asChild
+        ? Slot
+        : MAP_TEXT_VARIANT_TAG[variant];
     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)}`;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,WAAW,EACZ,uCAAuC;AACxC,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/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"]}
1	+ {"version":3,"file":"Text.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,WAAW,EACZ,uCAAuC;AACxC,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,GAAsB,OAAO;QAC1C,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAElC,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/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: React.ElementType = asChild\n ? Slot\n : 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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.types.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TextPropsShared } from '@metamask/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"]}
1	+ {"version":3,"file":"Text.types.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TextPropsShared } from '@metamask/design-system-shared';\nimport type { CSSProperties } from 'react';\n\nimport type { OverflowWrap, TextAlign, TextTransform } from '../../types';\n\nexport type TextProps = TextPropsShared & {\n /*\n Optional prop for inline styles\n /\n style?: 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 CHANGED Viewed

@@ -1,11 +1,11 @@
-/// <reference types="react" />
 import type { TextPropsShared } from "@metamask/design-system-shared";
+import type { CSSProperties } from "react";
 import type { OverflowWrap, TextAlign, TextTransform } from "../../types/index.cjs";
 export type TextProps = TextPropsShared & {
     /**
      * Optional prop for inline styles
      */
-    style?: React.CSSProperties;
+    style?: CSSProperties;
     /**
      * Optional prop for additional CSS classes to be applied to the Text component.
      */

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.types.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,uCAAuC;~~AAEtE~~,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"}
1	+ {"version":3,"file":"Text.types.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,uCAAuC;AACtE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc;AAE3C,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,8BAAoB;AAE1E,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACxC;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;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 CHANGED Viewed

@@ -1,11 +1,11 @@
-/// <reference types="react" />
 import type { TextPropsShared } from "@metamask/design-system-shared";
+import type { CSSProperties } from "react";
 import type { OverflowWrap, TextAlign, TextTransform } from "../../types/index.mjs";
 export type TextProps = TextPropsShared & {
     /**
      * Optional prop for inline styles
      */
-    style?: React.CSSProperties;
+    style?: CSSProperties;
     /**
      * Optional prop for additional CSS classes to be applied to the Text component.
      */

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.types.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,uCAAuC;~~AAEtE~~,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"}
1	+ {"version":3,"file":"Text.types.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,uCAAuC;AACtE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc;AAE3C,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,8BAAoB;AAE1E,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACxC;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.types.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TextPropsShared } from '@metamask/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"]}
1	+ {"version":3,"file":"Text.types.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TextPropsShared } from '@metamask/design-system-shared';\nimport type { CSSProperties } from 'react';\n\nimport type { OverflowWrap, TextAlign, TextTransform } from '../../types';\n\nexport type TextProps = TextPropsShared & {\n /*\n Optional prop for inline styles\n /\n style?: 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/TextField/TextField.cjs ADDED Viewed

@@ -0,0 +1,77 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextField = void 0;
+const react_1 = __importStar(require("react"));
+const tw_merge_1 = require("../../utils/tw-merge.cjs");
+const Input_1 = require("../Input/index.cjs");
+const TextField_types_1 = require("./TextField.types.cjs");
+const SIZE_CLASS = {
+    [TextField_types_1.TextFieldSize.Sm]: 'h-8',
+    [TextField_types_1.TextFieldSize.Md]: 'h-10',
+    [TextField_types_1.TextFieldSize.Lg]: 'h-12',
+};
+exports.TextField = (0, react_1.forwardRef)(({ autoFocus = false, className, id, inputElement, inputProps, inputRef, isDisabled = false, isError = false, isReadOnly = false, maxLength, name, onBlur, onChange, onClick, onFocus, placeholder, required, size = TextField_types_1.TextFieldSize.Md, startAccessory, endAccessory, style, truncate = true, type = TextField_types_1.TextFieldType.Text, value, ...rest }, ref) => {
+    const internalInputRef = (0, react_1.useRef)(null);
+    const [isFocused, setIsFocused] = (0, react_1.useState)(autoFocus);
+    (0, react_1.useEffect)(() => {
+        if (isDisabled) {
+            setIsFocused(false);
+        }
+    }, [isDisabled]);
+    const handleClick = (0, react_1.useCallback)((event) => {
+        if (isDisabled) {
+            return;
+        }
+        internalInputRef.current?.focus();
+        onClick?.(event);
+    }, [isDisabled, onClick]);
+    const handleFocus = (0, react_1.useCallback)((event) => {
+        setIsFocused(true);
+        onFocus?.(event);
+    }, [onFocus]);
+    const handleBlur = (0, react_1.useCallback)((event) => {
+        setIsFocused(false);
+        onBlur?.(event);
+    }, [onBlur]);
+    const handleInputRef = (0, react_1.useCallback)((node) => {
+        internalInputRef.current = node;
+        if (typeof inputRef === 'function') {
+            inputRef(node);
+        }
+        else if (inputRef && 'current' in inputRef) {
+            inputRef.current = node;
+        }
+    }, [inputRef]);
+    const { className: inputClassNameFromProps, ...inputRest } = inputProps ?? {};
+    const containerClassName = (0, tw_merge_1.twMerge)('inline-flex items-center rounded-lg border bg-default transition-colors', SIZE_CLASS[size], startAccessory ? 'pl-4' : 'pl-0', endAccessory ? 'pr-4' : 'pr-0', isDisabled && 'cursor-not-allowed border-muted opacity-50', !isDisabled && isError && 'border-error-default', !isDisabled && !isError && isFocused && 'border-default', !isDisabled && !isError && !isFocused && 'border-muted', className);
+    const innerInputClassName = (0, tw_merge_1.twMerge)('m-0 h-full min-w-0 flex-1 border-0 bg-transparent p-0', startAccessory ? 'pl-2' : 'pl-4', endAccessory ? 'pr-2' : 'pr-4', truncate && 'truncate', inputClassNameFromProps);
+    return (react_1.default.createElement("div", { ref: ref, className: containerClassName, style: style, onClick: handleClick, ...rest },
+        startAccessory,
+        inputElement ?? (react_1.default.createElement(Input_1.Input, { ...inputRest, ref: handleInputRef, id: id, name: name, type: type, value: value, placeholder: placeholder, autoFocus: autoFocus, isDisabled: isDisabled, isReadOnly: isReadOnly, isStateStylesDisabled: true, maxLength: maxLength, required: required, "aria-invalid": isError || undefined, onChange: onChange, onFocus: handleFocus, onBlur: handleBlur, className: innerInputClassName })),
+        endAccessory));
+});
+exports.TextField.displayName = 'TextField';
+//# sourceMappingURL=TextField.cjs.map

package/dist/components/TextField/TextField.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TextField.cjs","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {\n forwardRef,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Input } from '../Input';\n\nimport { TextFieldSize, TextFieldType } from './TextField.types';\nimport type { TextFieldProps } from './TextField.types';\n\nconst SIZE_CLASS: Record<TextFieldSize, string> = {\n [TextFieldSize.Sm]: 'h-8',\n [TextFieldSize.Md]: 'h-10',\n [TextFieldSize.Lg]: 'h-12',\n};\n\nexport const TextField = forwardRef<HTMLDivElement, TextFieldProps>(\n (\n {\n autoFocus = false,\n className,\n id,\n inputElement,\n inputProps,\n inputRef,\n isDisabled = false,\n isError = false,\n isReadOnly = false,\n maxLength,\n name,\n onBlur,\n onChange,\n onClick,\n onFocus,\n placeholder,\n required,\n size = TextFieldSize.Md,\n startAccessory,\n endAccessory,\n style,\n truncate = true,\n type = TextFieldType.Text,\n value,\n ...rest\n },\n ref,\n ) => {\n const internalInputRef = useRef<HTMLInputElement | null>(null);\n const [isFocused, setIsFocused] = useState(autoFocus);\n\n useEffect(() => {\n if (isDisabled) {\n setIsFocused(false);\n }\n }, [isDisabled]);\n\n const handleClick = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n if (isDisabled) {\n return;\n }\n internalInputRef.current?.focus();\n onClick?.(event);\n },\n [isDisabled, onClick],\n );\n\n const handleFocus = useCallback(\n (event: React.FocusEvent<HTMLInputElement>) => {\n setIsFocused(true);\n onFocus?.(event);\n },\n [onFocus],\n );\n\n const handleBlur = useCallback(\n (event: React.FocusEvent<HTMLInputElement>) => {\n setIsFocused(false);\n onBlur?.(event);\n },\n [onBlur],\n );\n\n const handleInputRef = useCallback(\n (node: HTMLInputElement | null) => {\n internalInputRef.current = node;\n if (typeof inputRef === 'function') {\n inputRef(node);\n } else if (inputRef && 'current' in inputRef) {\n (\n inputRef as React.MutableRefObject<HTMLInputElement | null>\n ).current = node;\n }\n },\n [inputRef],\n );\n\n const { className: inputClassNameFromProps, ...inputRest } =\n inputProps ?? {};\n\n const containerClassName = twMerge(\n 'inline-flex items-center rounded-lg border bg-default transition-colors',\n SIZE_CLASS[size],\n startAccessory ? 'pl-4' : 'pl-0',\n endAccessory ? 'pr-4' : 'pr-0',\n isDisabled && 'cursor-not-allowed border-muted opacity-50',\n !isDisabled && isError && 'border-error-default',\n !isDisabled && !isError && isFocused && 'border-default',\n !isDisabled && !isError && !isFocused && 'border-muted',\n className,\n );\n\n const innerInputClassName = twMerge(\n 'm-0 h-full min-w-0 flex-1 border-0 bg-transparent p-0',\n startAccessory ? 'pl-2' : 'pl-4',\n endAccessory ? 'pr-2' : 'pr-4',\n truncate && 'truncate',\n inputClassNameFromProps,\n );\n\n return (\n <div\n ref={ref}\n className={containerClassName}\n style={style}\n onClick={handleClick}\n {...rest}\n >\n {startAccessory}\n {inputElement ?? (\n <Input\n {...inputRest}\n ref={handleInputRef}\n id={id}\n name={name}\n type={type}\n value={value}\n placeholder={placeholder}\n autoFocus={autoFocus}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n isStateStylesDisabled\n maxLength={maxLength}\n required={required}\n aria-invalid={isError || undefined}\n onChange={onChange}\n onFocus={handleFocus}\n onBlur={handleBlur}\n className={innerInputClassName}\n />\n )}\n {endAccessory}\n </div>\n );\n },\n);\n\nTextField.displayName = 'TextField';\n"]}

package/dist/components/TextField/TextField.d.cts ADDED Viewed

@@ -0,0 +1,324 @@
+import React from "react";
+import { TextFieldSize, TextFieldType } from "./TextField.types.cjs";
+export declare const TextField: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onFocus" | "onBlur" | "onChange" | "onClick"> & Omit<import("@metamask/design-system-shared").InputPropsShared, "isStateStylesDisabled" | "textVariant"> & {
+    isError?: boolean | undefined;
+    startAccessory?: React.ReactNode;
+    endAccessory?: React.ReactNode;
+    inputElement?: React.ReactNode;
+} & {
+    size?: TextFieldSize | undefined;
+    type?: TextFieldType | undefined;
+    truncate?: boolean | undefined;
+    maxLength?: number | undefined;
+    name?: string | undefined;
+    id?: string | undefined;
+    required?: boolean | undefined;
+    inputProps?: {
+        max?: string | number | undefined;
+        key?: React.Key | null | undefined;
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        min?: string | number | undefined;
+        color?: string | undefined;
+        content?: string | undefined;
+        translate?: "yes" | "no" | undefined;
+        hidden?: boolean | undefined;
+        form?: string | undefined;
+        slot?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        title?: string | undefined;
+        dir?: string | undefined;
+        pattern?: string | undefined;
+        rel?: string | undefined;
+        accessKey?: string | undefined;
+        draggable?: (boolean | "false" | "true") | undefined;
+        inert?: boolean | undefined;
+        lang?: string | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined;
+        className?: string | undefined;
+        part?: string | undefined;
+        prefix?: string | undefined;
+        role?: React.AriaRole | undefined;
+        children?: React.ReactNode;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        enterKeyHint?: "search" | "next" | "done" | "enter" | "go" | "previous" | "send" | undefined;
+        inputMode?: "search" | "numeric" | "none" | "url" | "text" | "email" | "tel" | "decimal" | undefined;
+        nonce?: string | undefined;
+        tabIndex?: number | undefined;
+        multiple?: boolean | undefined;
+        size?: number | undefined;
+        accept?: string | undefined;
+        alt?: string | undefined;
+        autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
+        capture?: boolean | "environment" | "user" | undefined;
+        checked?: boolean | undefined;
+        formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
+        formEncType?: string | undefined;
+        formMethod?: string | undefined;
+        formNoValidate?: boolean | undefined;
+        formTarget?: string | undefined;
+        list?: string | undefined;
+        minLength?: number | undefined;
+        src?: string | undefined;
+        step?: string | number | undefined;
+        defaultChecked?: boolean | undefined;
+        suppressContentEditableWarning?: boolean | undefined;
+        suppressHydrationWarning?: boolean | undefined;
+        autoCapitalize?: "none" | "off" | "on" | (string & {}) | "words" | "sentences" | "characters" | undefined;
+        contextMenu?: string | undefined;
+        spellCheck?: (boolean | "false" | "true") | undefined;
+        radioGroup?: string | undefined;
+        about?: string | undefined;
+        datatype?: string | undefined;
+        inlist?: any;
+        property?: string | undefined;
+        resource?: string | undefined;
+        rev?: string | undefined;
+        typeof?: string | undefined;
+        vocab?: string | undefined;
+        autoCorrect?: string | undefined;
+        autoSave?: string | undefined;
+        itemProp?: string | undefined;
+        itemScope?: boolean | undefined;
+        itemType?: string | undefined;
+        itemID?: string | undefined;
+        itemRef?: string | undefined;
+        results?: number | undefined;
+        security?: string | undefined;
+        unselectable?: "off" | "on" | undefined;
+        popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
+        popoverTarget?: string | undefined;
+        is?: string | undefined;
+        exportparts?: string | undefined;
+        "aria-activedescendant"?: string | undefined;
+        "aria-atomic"?: (boolean | "false" | "true") | undefined;
+        "aria-autocomplete"?: "inline" | "both" | "none" | "list" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
+        "aria-busy"?: (boolean | "false" | "true") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "false" | "time" | "location" | "page" | "true" | "step" | "date" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
+        "aria-disabled"?: (boolean | "false" | "true") | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
+        "aria-expanded"?: (boolean | "false" | "true") | undefined;
+        "aria-flowto"?: string | undefined;
+        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+        "aria-haspopup"?: boolean | "false" | "grid" | "dialog" | "menu" | "listbox" | "true" | "tree" | undefined;
+        "aria-hidden"?: (boolean | "false" | "true") | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+        "aria-keyshortcuts"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        "aria-level"?: number | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-modal"?: (boolean | "false" | "true") | undefined;
+        "aria-multiline"?: (boolean | "false" | "true") | undefined;
+        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "aria-posinset"?: number | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-readonly"?: (boolean | "false" | "true") | undefined;
+        "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-required"?: (boolean | "false" | "true") | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
+        "aria-rowspan"?: number | undefined;
+        "aria-selected"?: (boolean | "false" | "true") | undefined;
+        "aria-setsize"?: number | undefined;
+        "aria-sort"?: "none" | "other" | "ascending" | "descending" | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        "aria-valuetext"?: string | undefined;
+        dangerouslySetInnerHTML?: {
+            __html: string | TrustedHTML;
+        } | undefined;
+        onCopy?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
+        onCopyCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
+        onCut?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
+        onCutCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
+        onPaste?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
+        onPasteCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
+        onCompositionEnd?: React.CompositionEventHandler<HTMLInputElement> | undefined;
+        onCompositionEndCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
+        onCompositionStart?: React.CompositionEventHandler<HTMLInputElement> | undefined;
+        onCompositionStartCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
+        onCompositionUpdate?: React.CompositionEventHandler<HTMLInputElement> | undefined;
+        onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
+        onFocusCapture?: React.FocusEventHandler<HTMLInputElement> | undefined;
+        onBlurCapture?: React.FocusEventHandler<HTMLInputElement> | undefined;
+        onChangeCapture?: React.ChangeEventHandler<HTMLInputElement, Element> | undefined;
+        onBeforeInput?: React.InputEventHandler<HTMLInputElement> | undefined;
+        onBeforeInputCapture?: React.InputEventHandler<HTMLInputElement> | undefined;
+        onInput?: React.InputEventHandler<HTMLInputElement> | undefined;
+        onInputCapture?: React.InputEventHandler<HTMLInputElement> | undefined;
+        onReset?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onResetCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onSubmit?: React.SubmitEventHandler<HTMLInputElement> | undefined;
+        onSubmitCapture?: React.SubmitEventHandler<HTMLInputElement> | undefined;
+        onInvalid?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onInvalidCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onLoad?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onError?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onErrorCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onKeyDown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+        onKeyDownCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+        onKeyPress?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+        onKeyPressCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+        onKeyUp?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+        onKeyUpCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+        onAbort?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onAbortCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onCanPlay?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onCanPlayCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onCanPlayThrough?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onCanPlayThroughCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onDurationChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onDurationChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onEmptied?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onEmptiedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onEncrypted?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onEncryptedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onEnded?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onEndedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadedData?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadedDataCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadedMetadata?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadedMetadataCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadStart?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadStartCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onPause?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onPauseCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onPlay?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onPlayCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onPlaying?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onPlayingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onProgress?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onProgressCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onRateChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onRateChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onSeeked?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onSeekedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onSeeking?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onSeekingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onStalled?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onStalledCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onSuspend?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onSuspendCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onTimeUpdate?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onTimeUpdateCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onVolumeChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onVolumeChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onWaiting?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onWaitingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onAuxClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onAuxClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onContextMenu?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onContextMenuCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onDoubleClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onDoubleClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onDrag?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDragCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDragEnd?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDragEndCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDragEnter?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDragEnterCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDragExit?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDragExitCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDragLeave?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDragLeaveCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDragOver?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDragOverCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDragStart?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDragStartCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDrop?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDropCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onMouseDown?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseDownCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseEnter?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseLeave?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseMove?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseMoveCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOut?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOutCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOver?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOverCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseUp?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseUpCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onSelect?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onSelectCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onTouchCancel?: React.TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchCancelCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchEnd?: React.TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchEndCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchMove?: React.TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchMoveCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchStart?: React.TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchStartCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
+        onPointerDown?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerDownCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerMove?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerMoveCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerUp?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerUpCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerCancel?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerCancelCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerEnter?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerLeave?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerOver?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerOverCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerOut?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerOutCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onGotPointerCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onLostPointerCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onScroll?: React.UIEventHandler<HTMLInputElement> | undefined;
+        onScrollCapture?: React.UIEventHandler<HTMLInputElement> | undefined;
+        onScrollEnd?: React.UIEventHandler<HTMLInputElement> | undefined;
+        onScrollEndCapture?: React.UIEventHandler<HTMLInputElement> | undefined;
+        onWheel?: React.WheelEventHandler<HTMLInputElement> | undefined;
+        onWheelCapture?: React.WheelEventHandler<HTMLInputElement> | undefined;
+        onAnimationStart?: React.AnimationEventHandler<HTMLInputElement> | undefined;
+        onAnimationStartCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
+        onAnimationEnd?: React.AnimationEventHandler<HTMLInputElement> | undefined;
+        onAnimationEndCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
+        onAnimationIteration?: React.AnimationEventHandler<HTMLInputElement> | undefined;
+        onAnimationIterationCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
+        onToggle?: React.ToggleEventHandler<HTMLInputElement> | undefined;
+        onBeforeToggle?: React.ToggleEventHandler<HTMLInputElement> | undefined;
+        onTransitionCancel?: React.TransitionEventHandler<HTMLInputElement> | undefined;
+        onTransitionCancelCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
+        onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
+        onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
+        onTransitionRun?: React.TransitionEventHandler<HTMLInputElement> | undefined;
+        onTransitionRunCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
+        onTransitionStart?: React.TransitionEventHandler<HTMLInputElement> | undefined;
+        onTransitionStartCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
+        textVariant?: import("@metamask/design-system-shared").TextVariant | undefined;
+    } | undefined;
+    inputRef?: React.Ref<HTMLInputElement> | undefined;
+    onChange?: ((event: React.ChangeEvent<HTMLInputElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onClick?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+    className?: string | undefined;
+    style?: React.CSSProperties | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=TextField.d.cts.map

package/dist/components/TextField/TextField.d.cts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TextField.d.cts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,cAAc;AAKf,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,8BAA0B;AASjE,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA2IrB,CAAC"}