npm - @metamask-previews/design-system-react-native - Versions diffs - 0.19.0-preview.1679aa9 → 0.22.0-preview.f515a62 - Mend

@metamask-previews/design-system-react-native 0.19.0-preview.1679aa9 → 0.22.0-preview.f515a62

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 (398) hide show

package/dist/components/KeyValueRow/KeyValueRow.cjs CHANGED Viewed

@@ -14,12 +14,12 @@ const ButtonIcon_1 = require("../ButtonIcon/index.cjs");
 const KeyValueRow = ({ keyStartAccessory, keyEndAccessory, keyEndButtonIconProps, keyLabel: keyContent, keyTextProps, valueStartAccessory, valueEndAccessory, valueEndButtonIconProps, value: valueContent, valueTextProps, variant = design_system_shared_1.KeyValueRowVariant.Summary, twClassName, style, ...viewProps }) => {
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
     const keyEndAccessoryNode = keyEndButtonIconProps?.iconName !== undefined &&
-        keyEndButtonIconProps.iconName !== null ? (<ButtonIcon_1.ButtonIcon size={types_1.ButtonIconSize.Sm} {...keyEndButtonIconProps} iconName={keyEndButtonIconProps.iconName} iconProps={{
+        keyEndButtonIconProps.iconName !== null ? (<ButtonIcon_1.ButtonIcon size={design_system_shared_1.ButtonIconSize.Sm} {...keyEndButtonIconProps} iconName={keyEndButtonIconProps.iconName} iconProps={{
             color: types_1.IconColor.IconAlternative,
             ...keyEndButtonIconProps.iconProps,
         }}/>) : (keyEndAccessory);
     const valueEndAccessoryNode = valueEndButtonIconProps?.iconName !== undefined &&
-        valueEndButtonIconProps.iconName !== null ? (<ButtonIcon_1.ButtonIcon size={types_1.ButtonIconSize.Sm} {...valueEndButtonIconProps} iconName={valueEndButtonIconProps.iconName} iconProps={{
+        valueEndButtonIconProps.iconName !== null ? (<ButtonIcon_1.ButtonIcon size={design_system_shared_1.ButtonIconSize.Sm} {...valueEndButtonIconProps} iconName={valueEndButtonIconProps.iconName} iconProps={{
             color: types_1.IconColor.IconDefault,
             ...valueEndButtonIconProps.iconProps,
         }}/>) : (valueEndAccessory);

package/dist/components/KeyValueRow/KeyValueRow.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"KeyValueRow.cjs","sourceRoot":"","sources":["../../../src/components/KeyValueRow/KeyValueRow.tsx"],"names":[],"mappings":";;;;;;AAAA,~~kFAKiD~~;AACjD,8FAA4E;AAC5E,kDAA0B;AAE1B,~~iDAAwD~~;~~AACxD~~,0CAA6B;AAC7B,gDAAmC;AACnC,wDAA2C;AAIpC,MAAM,WAAW,GAAG,CAAC,EAC1B,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,QAAQ,EAAE,UAAU,EACpB,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,EACvB,KAAK,EAAE,YAAY,EACnB,cAAc,EACd,OAAO,GAAG,yCAAkB,CAAC,OAAO,EACpC,WAAW,EACX,KAAK,EACL,GAAG,SAAS,EACK,EAAE,EAAE;IACrB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,MAAM,mBAAmB,GACvB,qBAAqB,EAAE,QAAQ,KAAK,SAAS;QAC7C,qBAAqB,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,CACxC,CAAC,uBAAU,CACT,IAAI,CAAC,CAAC,~~sBAAc~~,CAAC,EAAE,CAAC,CACxB,IAAI,qBAAqB,CAAC,CAC1B,QAAQ,CAAC,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CACzC,SAAS,CAAC,CAAC;YACT,KAAK,EAAE,iBAAS,CAAC,eAAe;YAChC,GAAG,qBAAqB,CAAC,SAAS;SACnC,CAAC,EACF,CACH,CAAC,CAAC,CAAC,CACF,eAAe,CAChB,CAAC;IAEJ,MAAM,qBAAqB,GACzB,uBAAuB,EAAE,QAAQ,KAAK,SAAS;QAC/C,uBAAuB,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,CAC1C,CAAC,uBAAU,CACT,IAAI,CAAC,CAAC,~~sBAAc~~,CAAC,EAAE,CAAC,CACxB,IAAI,uBAAuB,CAAC,CAC5B,QAAQ,CAAC,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAC3C,SAAS,CAAC,CAAC;YACT,KAAK,EAAE,iBAAS,CAAC,WAAW;YAC5B,GAAG,uBAAuB,CAAC,SAAS;SACrC,CAAC,EACF,CACH,CAAC,CAAC,CAAC,CACF,iBAAiB,CAClB,CAAC;IAEJ,MAAM,MAAM,GAAG,CACb,CAAC,eAAM,CACL,cAAc,CAAC,CAAC,iBAAiB,CAAC,CAClC,YAAY,CAAC,CAAC,mBAAmB,CAAC,CAClC,SAAS,CAAC,CAAC;YACT,OAAO,EAAE,kCAAW,CAAC,MAAM;YAC3B,UAAU,EAAE,iCAAU,CAAC,MAAM;YAC7B,KAAK,EAAE,gCAAS,CAAC,eAAe;YAChC,aAAa,EAAE,CAAC;YAChB,aAAa,EAAE,MAAM;YACrB,GAAG,YAAY;SAChB,CAAC,CAEF;MAAA,CAAC,UAAU,CACb;IAAA,EAAE,eAAM,CAAC,CACV,CAAC;IAEF,MAAM,QAAQ,GAAG,CACf,CAAC,eAAM,CACL,cAAc,CAAC,CAAC,mBAAmB,CAAC,CACpC,YAAY,CAAC,CAAC,qBAAqB,CAAC,CACpC,SAAS,CAAC,CAAC;YACT,OAAO,EAAE,kCAAW,CAAC,MAAM;YAC3B,UAAU,EAAE,iCAAU,CAAC,MAAM;YAC7B,KAAK,EAAE,gCAAS,CAAC,WAAW;YAC5B,aAAa,EAAE,CAAC;YAChB,aAAa,EAAE,MAAM;YACrB,GAAG,cAAc;SAClB,CAAC,CACF,WAAW,CAAC,4BAA4B,CAExC;MAAA,CAAC,YAAY,CACf;IAAA,EAAE,eAAM,CAAC,CACV,CAAC;IAEF,OAAO,CACL,CAAC,eAAM,CACL,YAAY,CAAC,CAAC,QAAQ,CAAC,CACvB,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,OAAO,KAAK,yCAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EACtD,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CACF,IAAI,SAAS,CAAC,CAEd;MAAA,CAAC,SAAG,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,EAAE,SAAG,CAC3C;IAAA,EAAE,eAAM,CAAC,CACV,CAAC;AACJ,CAAC,CAAC;AArGW,QAAA,WAAW,eAqGtB;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import {\n FontWeight,\n KeyValueRowVariant,\n TextColor,\n TextVariant,\n} from '@metamask-previews/design-system-shared';\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\n\nimport { ~~ButtonIconSize,~~ IconColor } from '../../types';\nimport { Box } from '../Box';\nimport { BoxRow } from '../BoxRow';\nimport { ButtonIcon } from '../ButtonIcon';\n\nimport type { KeyValueRowProps } from './KeyValueRow.types';\n\nexport const KeyValueRow = ({\n keyStartAccessory,\n keyEndAccessory,\n keyEndButtonIconProps,\n keyLabel: keyContent,\n keyTextProps,\n valueStartAccessory,\n valueEndAccessory,\n valueEndButtonIconProps,\n value: valueContent,\n valueTextProps,\n variant = KeyValueRowVariant.Summary,\n twClassName,\n style,\n ...viewProps\n}: KeyValueRowProps) => {\n const tw = useTailwind();\n\n const keyEndAccessoryNode =\n keyEndButtonIconProps?.iconName !== undefined &&\n keyEndButtonIconProps.iconName !== null ? (\n <ButtonIcon\n size={ButtonIconSize.Sm}\n {...keyEndButtonIconProps}\n iconName={keyEndButtonIconProps.iconName}\n iconProps={{\n color: IconColor.IconAlternative,\n ...keyEndButtonIconProps.iconProps,\n }}\n />\n ) : (\n keyEndAccessory\n );\n\n const valueEndAccessoryNode =\n valueEndButtonIconProps?.iconName !== undefined &&\n valueEndButtonIconProps.iconName !== null ? (\n <ButtonIcon\n size={ButtonIconSize.Sm}\n {...valueEndButtonIconProps}\n iconName={valueEndButtonIconProps.iconName}\n iconProps={{\n color: IconColor.IconDefault,\n ...valueEndButtonIconProps.iconProps,\n }}\n />\n ) : (\n valueEndAccessory\n );\n\n const keyBox = (\n <BoxRow\n startAccessory={keyStartAccessory}\n endAccessory={keyEndAccessoryNode}\n textProps={{\n variant: TextVariant.BodyMd,\n fontWeight: FontWeight.Medium,\n color: TextColor.TextAlternative,\n numberOfLines: 1,\n ellipsizeMode: 'tail',\n ...keyTextProps,\n }}\n >\n {keyContent}\n </BoxRow>\n );\n\n const valueBox = (\n <BoxRow\n startAccessory={valueStartAccessory}\n endAccessory={valueEndAccessoryNode}\n textProps={{\n variant: TextVariant.BodyMd,\n fontWeight: FontWeight.Medium,\n color: TextColor.TextDefault,\n numberOfLines: 1,\n ellipsizeMode: 'tail',\n ...valueTextProps,\n }}\n twClassName=\"flex-1 min-w-0 justify-end\"\n >\n {valueContent}\n </BoxRow>\n );\n\n return (\n <BoxRow\n endAccessory={valueBox}\n gap={4}\n style={[\n tw.style(\n variant === KeyValueRowVariant.Input ? 'h-12' : 'h-10',\n twClassName,\n ),\n style,\n ]}\n {...viewProps}\n >\n <Box twClassName=\"shrink-0\">{keyBox}</Box>\n </BoxRow>\n );\n};\n\nKeyValueRow.displayName = 'KeyValueRow';\n"]}
1	+ {"version":3,"file":"KeyValueRow.cjs","sourceRoot":"","sources":["../../../src/components/KeyValueRow/KeyValueRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n ButtonIconSize,\n FontWeight,\n KeyValueRowVariant,\n TextColor,\n TextVariant,\n} from '@metamask-previews/design-system-shared';\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\n\nimport { IconColor } from '../../types';\nimport { Box } from '../Box';\nimport { BoxRow } from '../BoxRow';\nimport { ButtonIcon } from '../ButtonIcon';\n\nimport type { KeyValueRowProps } from './KeyValueRow.types';\n\nexport const KeyValueRow = ({\n keyStartAccessory,\n keyEndAccessory,\n keyEndButtonIconProps,\n keyLabel: keyContent,\n keyTextProps,\n valueStartAccessory,\n valueEndAccessory,\n valueEndButtonIconProps,\n value: valueContent,\n valueTextProps,\n variant = KeyValueRowVariant.Summary,\n twClassName,\n style,\n ...viewProps\n}: KeyValueRowProps) => {\n const tw = useTailwind();\n\n const keyEndAccessoryNode =\n keyEndButtonIconProps?.iconName !== undefined &&\n keyEndButtonIconProps.iconName !== null ? (\n <ButtonIcon\n size={ButtonIconSize.Sm}\n {...keyEndButtonIconProps}\n iconName={keyEndButtonIconProps.iconName}\n iconProps={{\n color: IconColor.IconAlternative,\n ...keyEndButtonIconProps.iconProps,\n }}\n />\n ) : (\n keyEndAccessory\n );\n\n const valueEndAccessoryNode =\n valueEndButtonIconProps?.iconName !== undefined &&\n valueEndButtonIconProps.iconName !== null ? (\n <ButtonIcon\n size={ButtonIconSize.Sm}\n {...valueEndButtonIconProps}\n iconName={valueEndButtonIconProps.iconName}\n iconProps={{\n color: IconColor.IconDefault,\n ...valueEndButtonIconProps.iconProps,\n }}\n />\n ) : (\n valueEndAccessory\n );\n\n const keyBox = (\n <BoxRow\n startAccessory={keyStartAccessory}\n endAccessory={keyEndAccessoryNode}\n textProps={{\n variant: TextVariant.BodyMd,\n fontWeight: FontWeight.Medium,\n color: TextColor.TextAlternative,\n numberOfLines: 1,\n ellipsizeMode: 'tail',\n ...keyTextProps,\n }}\n >\n {keyContent}\n </BoxRow>\n );\n\n const valueBox = (\n <BoxRow\n startAccessory={valueStartAccessory}\n endAccessory={valueEndAccessoryNode}\n textProps={{\n variant: TextVariant.BodyMd,\n fontWeight: FontWeight.Medium,\n color: TextColor.TextDefault,\n numberOfLines: 1,\n ellipsizeMode: 'tail',\n ...valueTextProps,\n }}\n twClassName=\"flex-1 min-w-0 justify-end\"\n >\n {valueContent}\n </BoxRow>\n );\n\n return (\n <BoxRow\n endAccessory={valueBox}\n gap={4}\n style={[\n tw.style(\n variant === KeyValueRowVariant.Input ? 'h-12' : 'h-10',\n twClassName,\n ),\n style,\n ]}\n {...viewProps}\n >\n <Box twClassName=\"shrink-0\">{keyBox}</Box>\n </BoxRow>\n );\n};\n\nKeyValueRow.displayName = 'KeyValueRow';\n"]}

package/dist/components/KeyValueRow/KeyValueRow.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"KeyValueRow.d.cts","sourceRoot":"","sources":["../../../src/components/KeyValueRow/KeyValueRow.tsx"],"names":[],"mappings":"~~AAOA~~,OAAO,KAAK,cAAc;AAO1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAE5D,eAAO,MAAM,WAAW;yPAerB,gBAAgB;;CAsFlB,CAAC"}
1	+ {"version":3,"file":"KeyValueRow.d.cts","sourceRoot":"","sources":["../../../src/components/KeyValueRow/KeyValueRow.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,cAAc;AAO1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAE5D,eAAO,MAAM,WAAW;yPAerB,gBAAgB;;CAsFlB,CAAC"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"KeyValueRow.d.mts","sourceRoot":"","sources":["../../../src/components/KeyValueRow/KeyValueRow.tsx"],"names":[],"mappings":"~~AAOA~~,OAAO,KAAK,cAAc;AAO1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAE5D,eAAO,MAAM,WAAW;yPAerB,gBAAgB;;CAsFlB,CAAC"}
1	+ {"version":3,"file":"KeyValueRow.d.mts","sourceRoot":"","sources":["../../../src/components/KeyValueRow/KeyValueRow.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,cAAc;AAO1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAE5D,eAAO,MAAM,WAAW;yPAerB,gBAAgB;;CAsFlB,CAAC"}

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

@@ -4,11 +4,11 @@ function $importDefault(module) {
     }
     return module;
 }
-import { FontWeight, KeyValueRowVariant, TextColor, TextVariant } from "@metamask-previews/design-system-shared";
+import { ButtonIconSize, FontWeight, KeyValueRowVariant, TextColor, TextVariant } from "@metamask-previews/design-system-shared";
 import { useTailwind } from "@metamask-previews/design-system-twrnc-preset";
 import $React from "react";
 const React = $importDefault($React);
-import { ButtonIconSize, IconColor } from "../../types/index.mjs";
+import { IconColor } from "../../types/index.mjs";
 import { Box } from "../Box/index.mjs";
 import { BoxRow } from "../BoxRow/index.mjs";
 import { ButtonIcon } from "../ButtonIcon/index.mjs";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"KeyValueRow.mjs","sourceRoot":"","sources":["../../../src/components/KeyValueRow/KeyValueRow.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,WAAW,EACZ,gDAAgD;AACjD,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,~~cAAc,EAAE,~~SAAS,EAAE,8BAAoB;~~AACxD~~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","sourcesContent":["import {\n FontWeight,\n KeyValueRowVariant,\n TextColor,\n TextVariant,\n} from '@metamask-previews/design-system-shared';\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\n\nimport { ~~ButtonIconSize,~~ IconColor } from '../../types';\nimport { Box } from '../Box';\nimport { BoxRow } from '../BoxRow';\nimport { ButtonIcon } from '../ButtonIcon';\n\nimport type { KeyValueRowProps } from './KeyValueRow.types';\n\nexport const KeyValueRow = ({\n keyStartAccessory,\n keyEndAccessory,\n keyEndButtonIconProps,\n keyLabel: keyContent,\n keyTextProps,\n valueStartAccessory,\n valueEndAccessory,\n valueEndButtonIconProps,\n value: valueContent,\n valueTextProps,\n variant = KeyValueRowVariant.Summary,\n twClassName,\n style,\n ...viewProps\n}: KeyValueRowProps) => {\n const tw = useTailwind();\n\n const keyEndAccessoryNode =\n keyEndButtonIconProps?.iconName !== undefined &&\n keyEndButtonIconProps.iconName !== null ? (\n <ButtonIcon\n size={ButtonIconSize.Sm}\n {...keyEndButtonIconProps}\n iconName={keyEndButtonIconProps.iconName}\n iconProps={{\n color: IconColor.IconAlternative,\n ...keyEndButtonIconProps.iconProps,\n }}\n />\n ) : (\n keyEndAccessory\n );\n\n const valueEndAccessoryNode =\n valueEndButtonIconProps?.iconName !== undefined &&\n valueEndButtonIconProps.iconName !== null ? (\n <ButtonIcon\n size={ButtonIconSize.Sm}\n {...valueEndButtonIconProps}\n iconName={valueEndButtonIconProps.iconName}\n iconProps={{\n color: IconColor.IconDefault,\n ...valueEndButtonIconProps.iconProps,\n }}\n />\n ) : (\n valueEndAccessory\n );\n\n const keyBox = (\n <BoxRow\n startAccessory={keyStartAccessory}\n endAccessory={keyEndAccessoryNode}\n textProps={{\n variant: TextVariant.BodyMd,\n fontWeight: FontWeight.Medium,\n color: TextColor.TextAlternative,\n numberOfLines: 1,\n ellipsizeMode: 'tail',\n ...keyTextProps,\n }}\n >\n {keyContent}\n </BoxRow>\n );\n\n const valueBox = (\n <BoxRow\n startAccessory={valueStartAccessory}\n endAccessory={valueEndAccessoryNode}\n textProps={{\n variant: TextVariant.BodyMd,\n fontWeight: FontWeight.Medium,\n color: TextColor.TextDefault,\n numberOfLines: 1,\n ellipsizeMode: 'tail',\n ...valueTextProps,\n }}\n twClassName=\"flex-1 min-w-0 justify-end\"\n >\n {valueContent}\n </BoxRow>\n );\n\n return (\n <BoxRow\n endAccessory={valueBox}\n gap={4}\n style={[\n tw.style(\n variant === KeyValueRowVariant.Input ? 'h-12' : 'h-10',\n twClassName,\n ),\n style,\n ]}\n {...viewProps}\n >\n <Box twClassName=\"shrink-0\">{keyBox}</Box>\n </BoxRow>\n );\n};\n\nKeyValueRow.displayName = 'KeyValueRow';\n"]}
1	+ {"version":3,"file":"KeyValueRow.mjs","sourceRoot":"","sources":["../../../src/components/KeyValueRow/KeyValueRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n ButtonIconSize,\n FontWeight,\n KeyValueRowVariant,\n TextColor,\n TextVariant,\n} from '@metamask-previews/design-system-shared';\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\n\nimport { IconColor } from '../../types';\nimport { Box } from '../Box';\nimport { BoxRow } from '../BoxRow';\nimport { ButtonIcon } from '../ButtonIcon';\n\nimport type { KeyValueRowProps } from './KeyValueRow.types';\n\nexport const KeyValueRow = ({\n keyStartAccessory,\n keyEndAccessory,\n keyEndButtonIconProps,\n keyLabel: keyContent,\n keyTextProps,\n valueStartAccessory,\n valueEndAccessory,\n valueEndButtonIconProps,\n value: valueContent,\n valueTextProps,\n variant = KeyValueRowVariant.Summary,\n twClassName,\n style,\n ...viewProps\n}: KeyValueRowProps) => {\n const tw = useTailwind();\n\n const keyEndAccessoryNode =\n keyEndButtonIconProps?.iconName !== undefined &&\n keyEndButtonIconProps.iconName !== null ? (\n <ButtonIcon\n size={ButtonIconSize.Sm}\n {...keyEndButtonIconProps}\n iconName={keyEndButtonIconProps.iconName}\n iconProps={{\n color: IconColor.IconAlternative,\n ...keyEndButtonIconProps.iconProps,\n }}\n />\n ) : (\n keyEndAccessory\n );\n\n const valueEndAccessoryNode =\n valueEndButtonIconProps?.iconName !== undefined &&\n valueEndButtonIconProps.iconName !== null ? (\n <ButtonIcon\n size={ButtonIconSize.Sm}\n {...valueEndButtonIconProps}\n iconName={valueEndButtonIconProps.iconName}\n iconProps={{\n color: IconColor.IconDefault,\n ...valueEndButtonIconProps.iconProps,\n }}\n />\n ) : (\n valueEndAccessory\n );\n\n const keyBox = (\n <BoxRow\n startAccessory={keyStartAccessory}\n endAccessory={keyEndAccessoryNode}\n textProps={{\n variant: TextVariant.BodyMd,\n fontWeight: FontWeight.Medium,\n color: TextColor.TextAlternative,\n numberOfLines: 1,\n ellipsizeMode: 'tail',\n ...keyTextProps,\n }}\n >\n {keyContent}\n </BoxRow>\n );\n\n const valueBox = (\n <BoxRow\n startAccessory={valueStartAccessory}\n endAccessory={valueEndAccessoryNode}\n textProps={{\n variant: TextVariant.BodyMd,\n fontWeight: FontWeight.Medium,\n color: TextColor.TextDefault,\n numberOfLines: 1,\n ellipsizeMode: 'tail',\n ...valueTextProps,\n }}\n twClassName=\"flex-1 min-w-0 justify-end\"\n >\n {valueContent}\n </BoxRow>\n );\n\n return (\n <BoxRow\n endAccessory={valueBox}\n gap={4}\n style={[\n tw.style(\n variant === KeyValueRowVariant.Input ? 'h-12' : 'h-10',\n twClassName,\n ),\n style,\n ]}\n {...viewProps}\n >\n <Box twClassName=\"shrink-0\">{keyBox}</Box>\n </BoxRow>\n );\n};\n\nKeyValueRow.displayName = 'KeyValueRow';\n"]}

package/dist/components/TabEmptyState/TabEmptyState.cjs CHANGED Viewed

@@ -13,7 +13,7 @@ const TabEmptyState = ({ icon, description, descriptionProps, actionButtonText,
     {description && (<Text_1.Text variant={Text_1.TextVariant.BodyMd} color={Text_1.TextColor.TextAlternative} twClassName="text-center" {...descriptionProps}>
         {description}
       </Text_1.Text>)}
-    {actionButtonText && onAction && (<Button_1.Button variant={Button_1.ButtonVariant.Secondary} onPress={onAction} {...actionButtonProps}>
+    {actionButtonText && onAction && (<Button_1.Button variant={Button_1.ButtonVariant.Secondary} onPress={onAction} twClassName="self-center" {...actionButtonProps}>
         {actionButtonText}
       </Button_1.Button>)}
     {children}

package/dist/components/TabEmptyState/TabEmptyState.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabEmptyState.cjs","sourceRoot":"","sources":["../../../src/components/TabEmptyState/TabEmptyState.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,0CAMgB;AAChB,gDAAkD;AAClD,4CAAuD;AAIhD,MAAM,aAAa,GAAG,CAAC,EAC5B,IAAI,EACJ,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,WAAW,GAAG,EAAE,EAChB,GAAG,KAAK,EACW,EAAE,EAAE,CAAC,CACxB,CAAC,SAAG,CACF,aAAa,CAAC,CAAC,sBAAgB,CAAC,MAAM,CAAC,CACvC,UAAU,CAAC,CAAC,mBAAa,CAAC,MAAM,CAAC,CACjC,cAAc,CAAC,CAAC,uBAAiB,CAAC,MAAM,CAAC,CACzC,eAAe,CAAC,CAAC,wBAAkB,CAAC,iBAAiB,CAAC,CACtD,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,WAAW,CAAC,CAAC,YAAY,WAAW,EAAE,CAAC,CACvC,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,KAAK,CAAC,CAEV;IAAA,CAAC,IAAI,CACL;IAAA,CAAC,WAAW,IAAI,CACd,CAAC,WAAI,CACH,OAAO,CAAC,CAAC,kBAAW,CAAC,MAAM,CAAC,CAC5B,KAAK,CAAC,CAAC,gBAAS,CAAC,eAAe,CAAC,CACjC,WAAW,CAAC,aAAa,CACzB,IAAI,gBAAgB,CAAC,CAErB;QAAA,CAAC,WAAW,CACd;MAAA,EAAE,WAAI,CAAC,CACR,CACD;IAAA,CAAC,gBAAgB,IAAI,QAAQ,IAAI,CAC/B,CAAC,eAAM,CACL,OAAO,CAAC,CAAC,sBAAa,CAAC,SAAS,CAAC,CACjC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAClB,IAAI,iBAAiB,CAAC,CAEtB;QAAA,CAAC,gBAAgB,CACnB;MAAA,EAAE,eAAM,CAAC,CACV,CACD;IAAA,CAAC,QAAQ,CACX;EAAA,EAAE,SAAG,CAAC,CACP,CAAC;~~AA5CW~~,QAAA,aAAa,~~iBA4CxB~~","sourcesContent":["import React from 'react';\n\nimport {\n Box,\n BoxFlexDirection,\n BoxAlignItems,\n BoxJustifyContent,\n BoxBackgroundColor,\n} from '../Box';\nimport { Button, ButtonVariant } from '../Button';\nimport { Text, TextVariant, TextColor } from '../Text';\n\nimport type { TabEmptyStateProps } from './TabEmptyState.types';\n\nexport const TabEmptyState = ({\n icon,\n description,\n descriptionProps,\n actionButtonText,\n actionButtonProps,\n onAction,\n children,\n style,\n twClassName = '',\n ...props\n}: TabEmptyStateProps) => (\n <Box\n flexDirection={BoxFlexDirection.Column}\n alignItems={BoxAlignItems.Center}\n justifyContent={BoxJustifyContent.Center}\n backgroundColor={BoxBackgroundColor.BackgroundDefault}\n gap={3}\n twClassName={`max-w-64 ${twClassName}`}\n style={style}\n {...props}\n >\n {icon}\n {description && (\n <Text\n variant={TextVariant.BodyMd}\n color={TextColor.TextAlternative}\n twClassName=\"text-center\"\n {...descriptionProps}\n >\n {description}\n </Text>\n )}\n {actionButtonText && onAction && (\n <Button\n variant={ButtonVariant.Secondary}\n onPress={onAction}\n {...actionButtonProps}\n >\n {actionButtonText}\n </Button>\n )}\n {children}\n </Box>\n);\n"]}
1	+ {"version":3,"file":"TabEmptyState.cjs","sourceRoot":"","sources":["../../../src/components/TabEmptyState/TabEmptyState.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,0CAMgB;AAChB,gDAAkD;AAClD,4CAAuD;AAIhD,MAAM,aAAa,GAAG,CAAC,EAC5B,IAAI,EACJ,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,WAAW,GAAG,EAAE,EAChB,GAAG,KAAK,EACW,EAAE,EAAE,CAAC,CACxB,CAAC,SAAG,CACF,aAAa,CAAC,CAAC,sBAAgB,CAAC,MAAM,CAAC,CACvC,UAAU,CAAC,CAAC,mBAAa,CAAC,MAAM,CAAC,CACjC,cAAc,CAAC,CAAC,uBAAiB,CAAC,MAAM,CAAC,CACzC,eAAe,CAAC,CAAC,wBAAkB,CAAC,iBAAiB,CAAC,CACtD,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,WAAW,CAAC,CAAC,YAAY,WAAW,EAAE,CAAC,CACvC,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,KAAK,CAAC,CAEV;IAAA,CAAC,IAAI,CACL;IAAA,CAAC,WAAW,IAAI,CACd,CAAC,WAAI,CACH,OAAO,CAAC,CAAC,kBAAW,CAAC,MAAM,CAAC,CAC5B,KAAK,CAAC,CAAC,gBAAS,CAAC,eAAe,CAAC,CACjC,WAAW,CAAC,aAAa,CACzB,IAAI,gBAAgB,CAAC,CAErB;QAAA,CAAC,WAAW,CACd;MAAA,EAAE,WAAI,CAAC,CACR,CACD;IAAA,CAAC,gBAAgB,IAAI,QAAQ,IAAI,CAC/B,CAAC,eAAM,CACL,OAAO,CAAC,CAAC,sBAAa,CAAC,SAAS,CAAC,CACjC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAClB,WAAW,CAAC,aAAa,CACzB,IAAI,iBAAiB,CAAC,CAEtB;QAAA,CAAC,gBAAgB,CACnB;MAAA,EAAE,eAAM,CAAC,CACV,CACD;IAAA,CAAC,QAAQ,CACX;EAAA,EAAE,SAAG,CAAC,CACP,CAAC;AA7CW,QAAA,aAAa,iBA6CxB","sourcesContent":["import React from 'react';\n\nimport {\n Box,\n BoxFlexDirection,\n BoxAlignItems,\n BoxJustifyContent,\n BoxBackgroundColor,\n} from '../Box';\nimport { Button, ButtonVariant } from '../Button';\nimport { Text, TextVariant, TextColor } from '../Text';\n\nimport type { TabEmptyStateProps } from './TabEmptyState.types';\n\nexport const TabEmptyState = ({\n icon,\n description,\n descriptionProps,\n actionButtonText,\n actionButtonProps,\n onAction,\n children,\n style,\n twClassName = '',\n ...props\n}: TabEmptyStateProps) => (\n <Box\n flexDirection={BoxFlexDirection.Column}\n alignItems={BoxAlignItems.Center}\n justifyContent={BoxJustifyContent.Center}\n backgroundColor={BoxBackgroundColor.BackgroundDefault}\n gap={3}\n twClassName={`max-w-64 ${twClassName}`}\n style={style}\n {...props}\n >\n {icon}\n {description && (\n <Text\n variant={TextVariant.BodyMd}\n color={TextColor.TextAlternative}\n twClassName=\"text-center\"\n {...descriptionProps}\n >\n {description}\n </Text>\n )}\n {actionButtonText && onAction && (\n <Button\n variant={ButtonVariant.Secondary}\n onPress={onAction}\n twClassName=\"self-center\"\n {...actionButtonProps}\n >\n {actionButtonText}\n </Button>\n )}\n {children}\n </Box>\n);\n"]}

package/dist/components/TabEmptyState/TabEmptyState.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabEmptyState.d.cts","sourceRoot":"","sources":["../../../src/components/TabEmptyState/TabEmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAY1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,kCAA8B;AAEhE,eAAO,MAAM,aAAa,mIAWvB,kBAAkB,~~sBAiCpB~~,CAAC"}
1	+ {"version":3,"file":"TabEmptyState.d.cts","sourceRoot":"","sources":["../../../src/components/TabEmptyState/TabEmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAY1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,kCAA8B;AAEhE,eAAO,MAAM,aAAa,mIAWvB,kBAAkB,sBAkCpB,CAAC"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TabEmptyState.d.mts","sourceRoot":"","sources":["../../../src/components/TabEmptyState/TabEmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAY1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,kCAA8B;AAEhE,eAAO,MAAM,aAAa,mIAWvB,kBAAkB,~~sBAiCpB~~,CAAC"}
1	+ {"version":3,"file":"TabEmptyState.d.mts","sourceRoot":"","sources":["../../../src/components/TabEmptyState/TabEmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAY1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,kCAA8B;AAEhE,eAAO,MAAM,aAAa,mIAWvB,kBAAkB,sBAkCpB,CAAC"}

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

@@ -14,7 +14,7 @@ export const TabEmptyState = ({ icon, description, descriptionProps, actionButto
     {description && (<Text variant={TextVariant.BodyMd} color={TextColor.TextAlternative} twClassName="text-center" {...descriptionProps}>
         {description}
       </Text>)}
-    {actionButtonText && onAction && (<Button variant={ButtonVariant.Secondary} onPress={onAction} {...actionButtonProps}>
+    {actionButtonText && onAction && (<Button variant={ButtonVariant.Secondary} onPress={onAction} twClassName="self-center" {...actionButtonProps}>
         {actionButtonText}
       </Button>)}
     {children}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TabEmptyState.mjs","sourceRoot":"","sources":["../../../src/components/TabEmptyState/TabEmptyState.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EACL,GAAG,EACH,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EACnB,yBAAe;AAChB,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,4BAAkB;AAClD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,0BAAgB;AAIvD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,IAAI,EACJ,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,WAAW,GAAG,EAAE,EAChB,GAAG,KAAK,EACW,EAAE,EAAE,CAAC,CACxB,CAAC,GAAG,CACF,aAAa,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC,CACvC,UAAU,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CACjC,cAAc,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,CACzC,eAAe,CAAC,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CACtD,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,WAAW,CAAC,CAAC,YAAY,WAAW,EAAE,CAAC,CACvC,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,KAAK,CAAC,CAEV;IAAA,CAAC,IAAI,CACL;IAAA,CAAC,WAAW,IAAI,CACd,CAAC,IAAI,CACH,OAAO,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAC5B,KAAK,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,CACjC,WAAW,CAAC,aAAa,CACzB,IAAI,gBAAgB,CAAC,CAErB;QAAA,CAAC,WAAW,CACd;MAAA,EAAE,IAAI,CAAC,CACR,CACD;IAAA,CAAC,gBAAgB,IAAI,QAAQ,IAAI,CAC/B,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,CACjC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAClB,IAAI,iBAAiB,CAAC,CAEtB;QAAA,CAAC,gBAAgB,CACnB;MAAA,EAAE,MAAM,CAAC,CACV,CACD;IAAA,CAAC,QAAQ,CACX;EAAA,EAAE,GAAG,CAAC,CACP,CAAC","sourcesContent":["import React from 'react';\n\nimport {\n Box,\n BoxFlexDirection,\n BoxAlignItems,\n BoxJustifyContent,\n BoxBackgroundColor,\n} from '../Box';\nimport { Button, ButtonVariant } from '../Button';\nimport { Text, TextVariant, TextColor } from '../Text';\n\nimport type { TabEmptyStateProps } from './TabEmptyState.types';\n\nexport const TabEmptyState = ({\n icon,\n description,\n descriptionProps,\n actionButtonText,\n actionButtonProps,\n onAction,\n children,\n style,\n twClassName = '',\n ...props\n}: TabEmptyStateProps) => (\n <Box\n flexDirection={BoxFlexDirection.Column}\n alignItems={BoxAlignItems.Center}\n justifyContent={BoxJustifyContent.Center}\n backgroundColor={BoxBackgroundColor.BackgroundDefault}\n gap={3}\n twClassName={`max-w-64 ${twClassName}`}\n style={style}\n {...props}\n >\n {icon}\n {description && (\n <Text\n variant={TextVariant.BodyMd}\n color={TextColor.TextAlternative}\n twClassName=\"text-center\"\n {...descriptionProps}\n >\n {description}\n </Text>\n )}\n {actionButtonText && onAction && (\n <Button\n variant={ButtonVariant.Secondary}\n onPress={onAction}\n {...actionButtonProps}\n >\n {actionButtonText}\n </Button>\n )}\n {children}\n </Box>\n);\n"]}
1	+ {"version":3,"file":"TabEmptyState.mjs","sourceRoot":"","sources":["../../../src/components/TabEmptyState/TabEmptyState.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EACL,GAAG,EACH,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EACnB,yBAAe;AAChB,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,4BAAkB;AAClD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,0BAAgB;AAIvD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,IAAI,EACJ,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,WAAW,GAAG,EAAE,EAChB,GAAG,KAAK,EACW,EAAE,EAAE,CAAC,CACxB,CAAC,GAAG,CACF,aAAa,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC,CACvC,UAAU,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CACjC,cAAc,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,CACzC,eAAe,CAAC,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CACtD,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,WAAW,CAAC,CAAC,YAAY,WAAW,EAAE,CAAC,CACvC,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,KAAK,CAAC,CAEV;IAAA,CAAC,IAAI,CACL;IAAA,CAAC,WAAW,IAAI,CACd,CAAC,IAAI,CACH,OAAO,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAC5B,KAAK,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,CACjC,WAAW,CAAC,aAAa,CACzB,IAAI,gBAAgB,CAAC,CAErB;QAAA,CAAC,WAAW,CACd;MAAA,EAAE,IAAI,CAAC,CACR,CACD;IAAA,CAAC,gBAAgB,IAAI,QAAQ,IAAI,CAC/B,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,CACjC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAClB,WAAW,CAAC,aAAa,CACzB,IAAI,iBAAiB,CAAC,CAEtB;QAAA,CAAC,gBAAgB,CACnB;MAAA,EAAE,MAAM,CAAC,CACV,CACD;IAAA,CAAC,QAAQ,CACX;EAAA,EAAE,GAAG,CAAC,CACP,CAAC","sourcesContent":["import React from 'react';\n\nimport {\n Box,\n BoxFlexDirection,\n BoxAlignItems,\n BoxJustifyContent,\n BoxBackgroundColor,\n} from '../Box';\nimport { Button, ButtonVariant } from '../Button';\nimport { Text, TextVariant, TextColor } from '../Text';\n\nimport type { TabEmptyStateProps } from './TabEmptyState.types';\n\nexport const TabEmptyState = ({\n icon,\n description,\n descriptionProps,\n actionButtonText,\n actionButtonProps,\n onAction,\n children,\n style,\n twClassName = '',\n ...props\n}: TabEmptyStateProps) => (\n <Box\n flexDirection={BoxFlexDirection.Column}\n alignItems={BoxAlignItems.Center}\n justifyContent={BoxJustifyContent.Center}\n backgroundColor={BoxBackgroundColor.BackgroundDefault}\n gap={3}\n twClassName={`max-w-64 ${twClassName}`}\n style={style}\n {...props}\n >\n {icon}\n {description && (\n <Text\n variant={TextVariant.BodyMd}\n color={TextColor.TextAlternative}\n twClassName=\"text-center\"\n {...descriptionProps}\n >\n {description}\n </Text>\n )}\n {actionButtonText && onAction && (\n <Button\n variant={ButtonVariant.Secondary}\n onPress={onAction}\n twClassName=\"self-center\"\n {...actionButtonProps}\n >\n {actionButtonText}\n </Button>\n )}\n {children}\n </Box>\n);\n"]}

package/dist/components/Tag/Tag.constants.cjs CHANGED Viewed

@@ -4,11 +4,11 @@ exports.MAP_TAG_SEVERITY_ICON_COLOR = exports.MAP_TAG_SEVERITY_TEXT_COLOR = expo
 const design_system_shared_1 = require("@metamask-previews/design-system-shared");
 const types_1 = require("../../types/index.cjs");
 exports.MAP_TAG_SEVERITY_BACKGROUND = {
-    [design_system_shared_1.TagSeverity.Neutral]: types_1.BoxBackgroundColor.BackgroundMuted,
-    [design_system_shared_1.TagSeverity.Success]: types_1.BoxBackgroundColor.SuccessMuted,
-    [design_system_shared_1.TagSeverity.Error]: types_1.BoxBackgroundColor.ErrorMuted,
-    [design_system_shared_1.TagSeverity.Warning]: types_1.BoxBackgroundColor.WarningMuted,
-    [design_system_shared_1.TagSeverity.Info]: types_1.BoxBackgroundColor.InfoMuted,
+    [design_system_shared_1.TagSeverity.Neutral]: design_system_shared_1.BoxBackgroundColor.BackgroundMuted,
+    [design_system_shared_1.TagSeverity.Success]: design_system_shared_1.BoxBackgroundColor.SuccessMuted,
+    [design_system_shared_1.TagSeverity.Error]: design_system_shared_1.BoxBackgroundColor.ErrorMuted,
+    [design_system_shared_1.TagSeverity.Warning]: design_system_shared_1.BoxBackgroundColor.WarningMuted,
+    [design_system_shared_1.TagSeverity.Info]: design_system_shared_1.BoxBackgroundColor.InfoMuted,
 };
 exports.MAP_TAG_SEVERITY_TEXT_COLOR = {
     [design_system_shared_1.TagSeverity.Neutral]: design_system_shared_1.TextColor.TextDefault,

package/dist/components/Tag/Tag.constants.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.constants.cjs","sourceRoot":"","sources":["../../../src/components/Tag/Tag.constants.ts"],"names":[],"mappings":";;;AAAA,~~kFAAiF~~;~~AAEjF~~,~~iDAA4D~~;~~AAE/C~~,QAAA,2BAA2B,GAGpC;IACF,CAAC,kCAAW,CAAC,OAAO,CAAC,EAAE,~~0BAAkB~~,CAAC,eAAe;IACzD,CAAC,kCAAW,CAAC,OAAO,CAAC,EAAE,~~0BAAkB~~,CAAC,YAAY;IACtD,CAAC,kCAAW,CAAC,KAAK,CAAC,EAAE,~~0BAAkB~~,CAAC,UAAU;IAClD,CAAC,kCAAW,CAAC,OAAO,CAAC,EAAE,~~0BAAkB~~,CAAC,YAAY;IACtD,CAAC,kCAAW,CAAC,IAAI,CAAC,EAAE,~~0BAAkB~~,CAAC,SAAS;CACjD,CAAC;AAEW,QAAA,2BAA2B,GAAmC;IACzE,CAAC,kCAAW,CAAC,OAAO,CAAC,EAAE,gCAAS,CAAC,WAAW;IAC5C,CAAC,kCAAW,CAAC,OAAO,CAAC,EAAE,gCAAS,CAAC,cAAc;IAC/C,CAAC,kCAAW,CAAC,KAAK,CAAC,EAAE,gCAAS,CAAC,YAAY;IAC3C,CAAC,kCAAW,CAAC,OAAO,CAAC,EAAE,gCAAS,CAAC,cAAc;IAC/C,CAAC,kCAAW,CAAC,IAAI,CAAC,EAAE,gCAAS,CAAC,WAAW;CAC1C,CAAC;AAEW,QAAA,2BAA2B,GAAmC;IACzE,CAAC,kCAAW,CAAC,OAAO,CAAC,EAAE,iBAAS,CAAC,WAAW;IAC5C,CAAC,kCAAW,CAAC,OAAO,CAAC,EAAE,iBAAS,CAAC,cAAc;IAC/C,CAAC,kCAAW,CAAC,KAAK,CAAC,EAAE,iBAAS,CAAC,YAAY;IAC3C,CAAC,kCAAW,CAAC,OAAO,CAAC,EAAE,iBAAS,CAAC,cAAc;IAC/C,CAAC,kCAAW,CAAC,IAAI,CAAC,EAAE,iBAAS,CAAC,WAAW;CAC1C,CAAC","sourcesContent":["import { TagSeverity, TextColor } from '@metamask-previews/design-system-shared';\n\nimport { ~~BoxBackgroundColor,~~ IconColor } from '../../types';\n\nexport const MAP_TAG_SEVERITY_BACKGROUND: Record<\n TagSeverity,\n BoxBackgroundColor\n> = {\n [TagSeverity.Neutral]: BoxBackgroundColor.BackgroundMuted,\n [TagSeverity.Success]: BoxBackgroundColor.SuccessMuted,\n [TagSeverity.Error]: BoxBackgroundColor.ErrorMuted,\n [TagSeverity.Warning]: BoxBackgroundColor.WarningMuted,\n [TagSeverity.Info]: BoxBackgroundColor.InfoMuted,\n};\n\nexport const MAP_TAG_SEVERITY_TEXT_COLOR: Record<TagSeverity, TextColor> = {\n [TagSeverity.Neutral]: TextColor.TextDefault,\n [TagSeverity.Success]: TextColor.SuccessDefault,\n [TagSeverity.Error]: TextColor.ErrorDefault,\n [TagSeverity.Warning]: TextColor.WarningDefault,\n [TagSeverity.Info]: TextColor.InfoDefault,\n};\n\nexport const MAP_TAG_SEVERITY_ICON_COLOR: Record<TagSeverity, IconColor> = {\n [TagSeverity.Neutral]: IconColor.IconDefault,\n [TagSeverity.Success]: IconColor.SuccessDefault,\n [TagSeverity.Error]: IconColor.ErrorDefault,\n [TagSeverity.Warning]: IconColor.WarningDefault,\n [TagSeverity.Info]: IconColor.InfoDefault,\n};\n"]}
1	+ {"version":3,"file":"Tag.constants.cjs","sourceRoot":"","sources":["../../../src/components/Tag/Tag.constants.ts"],"names":[],"mappings":";;;AAAA,kFAIiD;AAEjD,iDAAwC;AAE3B,QAAA,2BAA2B,GAGpC;IACF,CAAC,kCAAW,CAAC,OAAO,CAAC,EAAE,yCAAkB,CAAC,eAAe;IACzD,CAAC,kCAAW,CAAC,OAAO,CAAC,EAAE,yCAAkB,CAAC,YAAY;IACtD,CAAC,kCAAW,CAAC,KAAK,CAAC,EAAE,yCAAkB,CAAC,UAAU;IAClD,CAAC,kCAAW,CAAC,OAAO,CAAC,EAAE,yCAAkB,CAAC,YAAY;IACtD,CAAC,kCAAW,CAAC,IAAI,CAAC,EAAE,yCAAkB,CAAC,SAAS;CACjD,CAAC;AAEW,QAAA,2BAA2B,GAAmC;IACzE,CAAC,kCAAW,CAAC,OAAO,CAAC,EAAE,gCAAS,CAAC,WAAW;IAC5C,CAAC,kCAAW,CAAC,OAAO,CAAC,EAAE,gCAAS,CAAC,cAAc;IAC/C,CAAC,kCAAW,CAAC,KAAK,CAAC,EAAE,gCAAS,CAAC,YAAY;IAC3C,CAAC,kCAAW,CAAC,OAAO,CAAC,EAAE,gCAAS,CAAC,cAAc;IAC/C,CAAC,kCAAW,CAAC,IAAI,CAAC,EAAE,gCAAS,CAAC,WAAW;CAC1C,CAAC;AAEW,QAAA,2BAA2B,GAAmC;IACzE,CAAC,kCAAW,CAAC,OAAO,CAAC,EAAE,iBAAS,CAAC,WAAW;IAC5C,CAAC,kCAAW,CAAC,OAAO,CAAC,EAAE,iBAAS,CAAC,cAAc;IAC/C,CAAC,kCAAW,CAAC,KAAK,CAAC,EAAE,iBAAS,CAAC,YAAY;IAC3C,CAAC,kCAAW,CAAC,OAAO,CAAC,EAAE,iBAAS,CAAC,cAAc;IAC/C,CAAC,kCAAW,CAAC,IAAI,CAAC,EAAE,iBAAS,CAAC,WAAW;CAC1C,CAAC","sourcesContent":["import {\n BoxBackgroundColor,\n TagSeverity,\n TextColor,\n} from '@metamask-previews/design-system-shared';\n\nimport { IconColor } from '../../types';\n\nexport const MAP_TAG_SEVERITY_BACKGROUND: Record<\n TagSeverity,\n BoxBackgroundColor\n> = {\n [TagSeverity.Neutral]: BoxBackgroundColor.BackgroundMuted,\n [TagSeverity.Success]: BoxBackgroundColor.SuccessMuted,\n [TagSeverity.Error]: BoxBackgroundColor.ErrorMuted,\n [TagSeverity.Warning]: BoxBackgroundColor.WarningMuted,\n [TagSeverity.Info]: BoxBackgroundColor.InfoMuted,\n};\n\nexport const MAP_TAG_SEVERITY_TEXT_COLOR: Record<TagSeverity, TextColor> = {\n [TagSeverity.Neutral]: TextColor.TextDefault,\n [TagSeverity.Success]: TextColor.SuccessDefault,\n [TagSeverity.Error]: TextColor.ErrorDefault,\n [TagSeverity.Warning]: TextColor.WarningDefault,\n [TagSeverity.Info]: TextColor.InfoDefault,\n};\n\nexport const MAP_TAG_SEVERITY_ICON_COLOR: Record<TagSeverity, IconColor> = {\n [TagSeverity.Neutral]: IconColor.IconDefault,\n [TagSeverity.Success]: IconColor.SuccessDefault,\n [TagSeverity.Error]: IconColor.ErrorDefault,\n [TagSeverity.Warning]: IconColor.WarningDefault,\n [TagSeverity.Info]: IconColor.InfoDefault,\n};\n"]}

package/dist/components/Tag/Tag.constants.d.cts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { TagSeverity, TextColor } from "@metamask-previews/design-system-shared";
-import { BoxBackgroundColor, IconColor } from "../../types/index.cjs";
+import { BoxBackgroundColor, TagSeverity, TextColor } from "@metamask-previews/design-system-shared";
+import { IconColor } from "../../types/index.cjs";
 export declare const MAP_TAG_SEVERITY_BACKGROUND: Record<TagSeverity, BoxBackgroundColor>;
 export declare const MAP_TAG_SEVERITY_TEXT_COLOR: Record<TagSeverity, TextColor>;
 export declare const MAP_TAG_SEVERITY_ICON_COLOR: Record<TagSeverity, IconColor>;

package/dist/components/Tag/Tag.constants.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.constants.d.cts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.constants.ts"],"names":[],"mappings":"AAAA,OAAO,~~EAAE~~,WAAW,~~EAAE~~,SAAS,~~EAAE~~,gDAAgD;~~AAEjF~~,OAAO,EAAE,~~kBAAkB,EAAE,~~SAAS,EAAE,8BAAoB;~~AAE5D~~,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAC9C,WAAW,EACX,kBAAkB,CAOnB,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,WAAW,EAAE,SAAS,CAMtE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,WAAW,EAAE,SAAS,CAMtE,CAAC"}
1	+ {"version":3,"file":"Tag.constants.d.cts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,WAAW,EACX,SAAS,EACV,gDAAgD;AAEjD,OAAO,EAAE,SAAS,EAAE,8BAAoB;AAExC,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAC9C,WAAW,EACX,kBAAkB,CAOnB,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,WAAW,EAAE,SAAS,CAMtE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,WAAW,EAAE,SAAS,CAMtE,CAAC"}

package/dist/components/Tag/Tag.constants.d.mts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { TagSeverity, TextColor } from "@metamask-previews/design-system-shared";
-import { BoxBackgroundColor, IconColor } from "../../types/index.mjs";
+import { BoxBackgroundColor, TagSeverity, TextColor } from "@metamask-previews/design-system-shared";
+import { IconColor } from "../../types/index.mjs";
 export declare const MAP_TAG_SEVERITY_BACKGROUND: Record<TagSeverity, BoxBackgroundColor>;
 export declare const MAP_TAG_SEVERITY_TEXT_COLOR: Record<TagSeverity, TextColor>;
 export declare const MAP_TAG_SEVERITY_ICON_COLOR: Record<TagSeverity, IconColor>;

package/dist/components/Tag/Tag.constants.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.constants.d.mts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.constants.ts"],"names":[],"mappings":"AAAA,OAAO,~~EAAE~~,WAAW,~~EAAE~~,SAAS,~~EAAE~~,gDAAgD;~~AAEjF~~,OAAO,EAAE,~~kBAAkB,EAAE,~~SAAS,EAAE,8BAAoB;~~AAE5D~~,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAC9C,WAAW,EACX,kBAAkB,CAOnB,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,WAAW,EAAE,SAAS,CAMtE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,WAAW,EAAE,SAAS,CAMtE,CAAC"}
1	+ {"version":3,"file":"Tag.constants.d.mts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,WAAW,EACX,SAAS,EACV,gDAAgD;AAEjD,OAAO,EAAE,SAAS,EAAE,8BAAoB;AAExC,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAC9C,WAAW,EACX,kBAAkB,CAOnB,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,WAAW,EAAE,SAAS,CAMtE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,WAAW,EAAE,SAAS,CAMtE,CAAC"}

package/dist/components/Tag/Tag.constants.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
-import { TagSeverity, TextColor } from "@metamask-previews/design-system-shared";
-import { BoxBackgroundColor, IconColor } from "../../types/index.mjs";
+import { BoxBackgroundColor, TagSeverity, TextColor } from "@metamask-previews/design-system-shared";
+import { IconColor } from "../../types/index.mjs";
 export const MAP_TAG_SEVERITY_BACKGROUND = {
     [TagSeverity.Neutral]: BoxBackgroundColor.BackgroundMuted,
     [TagSeverity.Success]: BoxBackgroundColor.SuccessMuted,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.constants.mjs","sourceRoot":"","sources":["../../../src/components/Tag/Tag.constants.ts"],"names":[],"mappings":"AAAA,OAAO,~~EAAE~~,WAAW,~~EAAE~~,SAAS,~~EAAE~~,gDAAgD;~~AAEjF~~,OAAO,EAAE,~~kBAAkB,EAAE,~~SAAS,EAAE,8BAAoB;~~AAE5D~~,MAAM,CAAC,MAAM,2BAA2B,GAGpC;IACF,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,kBAAkB,CAAC,eAAe;IACzD,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,kBAAkB,CAAC,YAAY;IACtD,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,kBAAkB,CAAC,UAAU;IAClD,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,kBAAkB,CAAC,YAAY;IACtD,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,kBAAkB,CAAC,SAAS;CACjD,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAmC;IACzE,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,WAAW;IAC5C,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,cAAc;IAC/C,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,YAAY;IAC3C,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,cAAc;IAC/C,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,WAAW;CAC1C,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAmC;IACzE,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,WAAW;IAC5C,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,cAAc;IAC/C,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,YAAY;IAC3C,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,cAAc;IAC/C,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,WAAW;CAC1C,CAAC","sourcesContent":["import { TagSeverity, TextColor } from '@metamask-previews/design-system-shared';\n\nimport { ~~BoxBackgroundColor,~~ IconColor } from '../../types';\n\nexport const MAP_TAG_SEVERITY_BACKGROUND: Record<\n TagSeverity,\n BoxBackgroundColor\n> = {\n [TagSeverity.Neutral]: BoxBackgroundColor.BackgroundMuted,\n [TagSeverity.Success]: BoxBackgroundColor.SuccessMuted,\n [TagSeverity.Error]: BoxBackgroundColor.ErrorMuted,\n [TagSeverity.Warning]: BoxBackgroundColor.WarningMuted,\n [TagSeverity.Info]: BoxBackgroundColor.InfoMuted,\n};\n\nexport const MAP_TAG_SEVERITY_TEXT_COLOR: Record<TagSeverity, TextColor> = {\n [TagSeverity.Neutral]: TextColor.TextDefault,\n [TagSeverity.Success]: TextColor.SuccessDefault,\n [TagSeverity.Error]: TextColor.ErrorDefault,\n [TagSeverity.Warning]: TextColor.WarningDefault,\n [TagSeverity.Info]: TextColor.InfoDefault,\n};\n\nexport const MAP_TAG_SEVERITY_ICON_COLOR: Record<TagSeverity, IconColor> = {\n [TagSeverity.Neutral]: IconColor.IconDefault,\n [TagSeverity.Success]: IconColor.SuccessDefault,\n [TagSeverity.Error]: IconColor.ErrorDefault,\n [TagSeverity.Warning]: IconColor.WarningDefault,\n [TagSeverity.Info]: IconColor.InfoDefault,\n};\n"]}
1	+ {"version":3,"file":"Tag.constants.mjs","sourceRoot":"","sources":["../../../src/components/Tag/Tag.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,WAAW,EACX,SAAS,EACV,gDAAgD;AAEjD,OAAO,EAAE,SAAS,EAAE,8BAAoB;AAExC,MAAM,CAAC,MAAM,2BAA2B,GAGpC;IACF,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,kBAAkB,CAAC,eAAe;IACzD,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,kBAAkB,CAAC,YAAY;IACtD,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,kBAAkB,CAAC,UAAU;IAClD,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,kBAAkB,CAAC,YAAY;IACtD,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,kBAAkB,CAAC,SAAS;CACjD,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAmC;IACzE,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,WAAW;IAC5C,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,cAAc;IAC/C,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,YAAY;IAC3C,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,cAAc;IAC/C,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,WAAW;CAC1C,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAmC;IACzE,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,WAAW;IAC5C,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,cAAc;IAC/C,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,YAAY;IAC3C,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,cAAc;IAC/C,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,WAAW;CAC1C,CAAC","sourcesContent":["import {\n BoxBackgroundColor,\n TagSeverity,\n TextColor,\n} from '@metamask-previews/design-system-shared';\n\nimport { IconColor } from '../../types';\n\nexport const MAP_TAG_SEVERITY_BACKGROUND: Record<\n TagSeverity,\n BoxBackgroundColor\n> = {\n [TagSeverity.Neutral]: BoxBackgroundColor.BackgroundMuted,\n [TagSeverity.Success]: BoxBackgroundColor.SuccessMuted,\n [TagSeverity.Error]: BoxBackgroundColor.ErrorMuted,\n [TagSeverity.Warning]: BoxBackgroundColor.WarningMuted,\n [TagSeverity.Info]: BoxBackgroundColor.InfoMuted,\n};\n\nexport const MAP_TAG_SEVERITY_TEXT_COLOR: Record<TagSeverity, TextColor> = {\n [TagSeverity.Neutral]: TextColor.TextDefault,\n [TagSeverity.Success]: TextColor.SuccessDefault,\n [TagSeverity.Error]: TextColor.ErrorDefault,\n [TagSeverity.Warning]: TextColor.WarningDefault,\n [TagSeverity.Info]: TextColor.InfoDefault,\n};\n\nexport const MAP_TAG_SEVERITY_ICON_COLOR: Record<TagSeverity, IconColor> = {\n [TagSeverity.Neutral]: IconColor.IconDefault,\n [TagSeverity.Success]: IconColor.SuccessDefault,\n [TagSeverity.Error]: IconColor.ErrorDefault,\n [TagSeverity.Warning]: IconColor.WarningDefault,\n [TagSeverity.Info]: IconColor.InfoDefault,\n};\n"]}

package/dist/components/TextField/TextField.cjs CHANGED Viewed

@@ -5,26 +5,12 @@ const design_system_shared_1 = require("@metamask-previews/design-system-shared"
 const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
 const react_1 = require("react");
 const react_native_1 = require("react-native/index.js");
+const Box_1 = require("../Box/index.cjs");
 const Input_1 = require("../Input/index.cjs");
-function getContainerBorderColorClass(isDisabled, isFocused, isError) {
-    if (isDisabled) {
-        return 'border-muted';
-    }
-    if (isError) {
-        return 'border-error-default';
-    }
-    if (isFocused) {
-        return 'border-default';
-    }
-    return 'border-muted';
-}
-exports.TextField = (0, react_1.forwardRef)(({ style, startAccessory, endAccessory, isError = false, inputElement, isDisabled = false, autoFocus = false, twClassName, onBlur, onFocus, testID, ...props }, ref) => {
+exports.TextField = (0, react_1.forwardRef)(({ value, onChangeText, placeholder, isReadOnly, onBlur, onFocus, autoFocus = false, inputProps, inputRef, isDisabled = false, isError = false, inputElement, startAccessory, endAccessory, style, twClassName, testID, ...props }, ref) => {
     const [isFocused, setIsFocused] = (0, react_1.useState)(autoFocus);
-    const inputRef = (0, react_1.useRef)(null);
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
-    (0, react_1.useImperativeHandle)(ref, () => inputRef.current, []);
-    const borderColorClass = getContainerBorderColorClass(isDisabled, isFocused, isError);
-    const containerStyle = (0, react_1.useMemo)(() => tw.style('flex-row', 'items-center', 'gap-3', 'rounded-lg', 'h-12', 'border', borderColorClass, 'px-4', 'bg-muted', isDisabled && 'opacity-50', twClassName), [borderColorClass, isDisabled, twClassName, tw]);
+    const { twClassName: inputTwClassNameFromProps, ...inputRestWithoutTwClassName } = inputProps ?? {};
     const onBlurHandler = (0, react_1.useCallback)((e) => {
         if (!isDisabled) {
             setIsFocused(false);
@@ -37,20 +23,14 @@ exports.TextField = (0, react_1.forwardRef)(({ style, startAccessory, endAccesso
             onFocus?.(e);
         }
     }, [isDisabled, onFocus]);
-    const onPressHandler = (0, react_1.useCallback)(() => {
-        if (!isDisabled && inputRef.current) {
-            inputRef.current.focus();
-        }
-    }, [isDisabled]);
-    return (<react_native_1.Pressable testID={testID} style={[containerStyle, style]} onPress={onPressHandler} accessible={false}>
+    return (<Box_1.Box ref={ref} {...props} testID={testID} accessible={false} style={[
+            tw.style('flex-row', 'items-center', 'gap-3', 'rounded-lg', 'h-12', 'border', 'px-4', 'bg-muted', isDisabled && 'border-muted', !isDisabled && isError && 'border-error-default', !isDisabled && !isError && isFocused && 'border-default', !isDisabled && !isError && !isFocused && 'border-muted', isDisabled && 'opacity-50', twClassName),
+            style,
+        ]}>
         {startAccessory}
-        <react_native_1.View style={tw.style('min-h-0 flex-1 justify-center')}>
-          {inputElement ?? (<Input_1.Input {...props} ref={inputRef} textVariant={design_system_shared_1.TextVariant.BodyMd} isDisabled={isDisabled} autoFocus={autoFocus} onBlur={onBlurHandler} onFocus={onFocusHandler} isStateStylesDisabled
-        // Row is `h-12` (48px) with `border` on the Pressable (1px top + bottom). Inner TextInput
-        // uses 46px height so the field matches a 48px-tall control without vertical overflow.
-        twClassName="h-[46px] bg-transparent border-0" numberOfLines={1} multiline={false}/>)}
-        </react_native_1.View>
+        {inputElement || (<Input_1.Input {...inputRestWithoutTwClassName} ref={inputRef} value={value} onChangeText={onChangeText} placeholder={placeholder} isReadOnly={isReadOnly} textVariant={design_system_shared_1.TextVariant.BodyMd} isDisabled={isDisabled} autoFocus={autoFocus} onBlur={onBlurHandler} onFocus={onFocusHandler} isStateStylesDisabled twClassName={`min-h-0 flex-1 justify-center h-[46px] bg-transparent border-0${inputTwClassNameFromProps ? ` ${inputTwClassNameFromProps}` : ''}`} numberOfLines={1} multiline={false}/>)}
         {endAccessory}
-      </react_native_1.Pressable>);
+      </Box_1.Box>);
 });
+exports.TextField.displayName = 'TextField';
 //# sourceMappingURL=TextField.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TextField.cjs","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":";;;AAAA,kFAAsE;AACtE,8FAA4E;AAC5E,~~iCAOe~~;~~AACf~~,~~wDAA0D~~;~~AAE1D~~,8CAAiC;~~AAIjC~~,SAAS,~~4BAA4B~~,~~CACnC~~,~~UAAmB~~,~~EACnB~~,~~SAAkB~~,~~EAClB~~,~~OAAgB;IAEhB~~,~~IAAI~~,~~UAAU~~,~~EAAE;QACd~~,~~OAAO~~,~~cAAc~~,~~CAAC;KACvB;IACD~~,~~IAAI~~,~~OAAO~~,~~EAAE;QACX~~,OAAO,~~sBAAsB~~,~~CAAC;KAC/B;IACD,IAAI,~~SAAS,~~EAAE;QACb~~,~~OAAO~~,~~gBAAgB~~,~~CAAC;KACzB;IACD~~,~~OAAO~~,~~cAAc~~,~~CAAC;AACxB~~,~~CAAC;AAEY~~,~~QAAA,SAAS,~~GAAG,~~IAAA,kBAAU,EACjC,CACE,EACE,~~KAAK,~~EACL~~,~~cAAc,EACd,YAAY,EACZ,~~OAAO,GAAG,KAAK,EACf,YAAY,EACZ,~~UAAU~~,~~GAAG~~,~~KAAK~~,~~EAClB~~,~~SAAS,GAAG,~~KAAK,~~EACjB~~,WAAW,EACX,MAAM,EACN,~~OAAO,EACP,MAAM,EACN,~~GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,SAAS,CAAC,CAAC;IACtD,MAAM,~~QAAQ,GAAG,IAAA,cAAM,EAAY,IAAI,CAAC,CAAC;IACzC,MAAM,~~EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,~~IAAA~~,~~2BAAmB~~,~~EACjB~~,~~GAAG,EACH,GAAG,~~EAAE,~~CAAC~~,~~QAAQ~~,~~CAAC,OAAO,EACtB,EAAE,CACH,CAAC;IAEF,MAAM,gBAAgB,~~GAAG,~~4BAA4B~~,~~CACnD~~,~~UAAU,EACV,SAAS,EACT,OAAO,CACR,CAAC;IAEF,MAAM,cAAc,~~GAAG,~~IAAA,eAAO,EAC5B,GAAG,EAAE,CACH,EAAE,CAAC,KAAK,CACN,~~UAAU,~~EACV,cAAc,EACd,OAAO,EACP,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,UAAU,EACV,UAAU,~~IAAI,~~YAAY,EAC1B,WAAW,CACZ,EACH,CAAC,gBAAgB,~~EAAE,~~UAAU,EAAE,WAAW,EAAE,EAAE,~~CAAC~~,CAChD,CAAC~~;~~IAEF~~,MAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,CAAC,~~CAAuD~~,EAAE,EAAE;~~QAC1D~~,IAAI,CAAC,UAAU,EAAE;YACf,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;SACb;IACH,CAAC,EACD,CAAC,UAAU,EAAE,MAAM,CAAC,CACrB,CAAC;IAEF,MAAM,cAAc,GAAG,IAAA,mBAAW,EAChC,CAAC,~~CAAwD~~,EAAE,EAAE;~~QAC3D~~,IAAI,CAAC,UAAU,EAAE;YACf,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;SACd;IACH,CAAC,EACD,CAAC,UAAU,EAAE,OAAO,CAAC,CACtB,CAAC;IAEF,~~MAAM~~,~~cAAc~~,~~GAAG~~,~~IAAA~~,~~mBAAW~~,~~EAAC,~~GAAG,~~EAAE;QACtC~~,~~IAAI~~,CAAC,~~UAAU~~,IAAI,~~QAAQ~~,CAAC,~~OAAO~~,~~EAAE;YACnC~~,~~QAAQ~~,CAAC,~~OAAO~~,CAAC,~~KAAK~~,~~EAAE~~,CAAC~~;SAC1B;IACH~~,CAAC,~~EAAE~~,CAAC,~~UAAU~~,~~CAAC~~,CAAC,CAAC;~~IAEjB~~,OAAO,~~CACL~~,~~CAAC~~,~~wBAAS~~,~~CACR,~~MAAM,~~CAAC~~,~~CAAC~~,MAAM,~~CAAC~~,~~CACf~~,~~KAAK~~,CAAC,CAAC,CAAC,~~cAAc~~,~~EAAE~~,~~KAAK~~,~~CAAC~~,CAAC,~~CAC/B~~,~~OAAO~~,CAAC,CAAC,cAAc,~~CAAC~~,~~CACxB,~~UAAU,~~CAAC~~,~~CAAC~~,KAAK,CAAC,~~CAElB~~;QAAA,CAAC,cAAc,CACf;QAAA,CAAC,~~mBAAI~~,CAAC,~~KAAK~~,CAAC,CAAC,~~EAAE~~,CAAC,KAAK,CAAC~~,+BAA+B~~,CAAC,CAAC,~~CACrD;UAAA~~,CAAC,YAAY,~~IAAI~~,~~CACf~~,CAAC,~~aAAK~~,~~CACJ~~,~~IAAI,KAAK,~~CAAC,~~CACV~~,~~GAAG~~,CAAC,CAAC,~~QAAQ~~,CAAC,~~CACd~~,WAAW,CAAC,CAAC,kCAAW,CAAC,MAAM,CAAC,CAChC,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,MAAM,CAAC,CAAC,aAAa,CAAC,CACtB,OAAO,CAAC,CAAC,cAAc,CAAC,CACxB,qBAAqB~~;QACrB~~,~~0FAA0F;QAC1F~~,~~uFAAuF;QACvF,~~WAAW,CAAC,~~kCAAkC~~,~~CAC9C~~,aAAa,CAAC,CAAC,CAAC,CAAC,CACjB,SAAS,CAAC,CAAC,KAAK,CAAC,EACjB,CACH,~~CACH~~;QAAA,~~EAAE,mBAAI,CACN;QAAA,~~CAAC,YAAY,CACf;MAAA,EAAE,~~wBAAS~~,CAAC,~~CACb~~,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import { TextVariant } from '@metamask-previews/design-system-shared';\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport {\n forwardRef~~,\n~~ useCallback~~,\n useImperativeHandle,\n useMemo,\n useRef,\n~~ useState~~,\n~~} from 'react';\nimport { ~~Pressable, TextInput,~~ View } from 'react-native';\n\nimport { ~~Input~~ } from '../~~Input~~';\n\nimport ~~type~~ { ~~TextFieldProps~~ } from '~~./TextField.types~~';\~~n\nfunction~~ ~~getContainerBorderColorClass(\n isDisabled:~~ ~~boolean,\n isFocused: boolean,\n isError: boolean,\n): string~~ {~~\n if~~ ~~(isDisabled)~~ ~~{\n return 'border-muted';\n~~ }~~\n if~~ ~~(isError)~~ ~~{\n return~~ '~~border-error-default~~';\n }\~~n if~~ ~~(isFocused)~~ {~~\n return~~ ~~'border-default';\n~~ }~~\n return~~ '~~border-muted~~';\n}\n\nexport const TextField = forwardRef<~~TextInput~~, TextFieldProps>(\n (\n {\n ~~style~~,\n ~~startAccessory~~,\n ~~endAccessory~~,\n ~~isError~~ = false,\n ~~inputElement~~,\n isDisabled = false,\n ~~autoFocus~~ = false,\n ~~twClassName~~,\n ~~onBlur~~,\n ~~onFocus~~,\n testID,\n ...props\n },\n ref,\n ) => {\n const [isFocused, setIsFocused] = useState(autoFocus);\n const ~~inputRef = useRef<TextInput>(null);\n const~~ tw = useTailwind();\n\n ~~useImperativeHandle<TextInput~~ ~~\| null, TextInput \| null>(~~\n ~~ref,\n ()~~ ~~=> inputRef.current~~,\n ~~[],\n );\n~~\n ~~const~~ ~~borderColorClass~~ = ~~getContainerBorderColorClass(\n isDisabled,\n isFocused,\n isError,\n );\n\n const~~ ~~containerStyle~~ = useMemo(\n () =>\n tw.style(\n 'flex-row',\n 'items-center',\n 'gap-3',\n 'rounded-lg',\n 'h-12',\n 'border',\n borderColorClass,\n 'px-4',\n 'bg-muted',\n isDisabled && 'opacity-50',\n twClassName,\n ),\n [borderColorClass, isDisabled, twClassName, tw],\n );\n\n const onBlurHandler = useCallback(\n (e: Parameters<NonNullable<~~TextFieldProps~~['onBlur']>>[0]) => {\n if (!isDisabled) {\n setIsFocused(false);\n onBlur?.(e);\n }\n },\n [isDisabled, onBlur],\n );\n\n const onFocusHandler = useCallback(\n (e: Parameters<NonNullable<~~TextFieldProps~~['onFocus']>>[0]) => {\n if (!isDisabled) {\n setIsFocused(true);\n onFocus?.(e);\n }\n },\n [isDisabled, onFocus],\n );\n\n ~~const onPressHandler = useCallback(() => {\n if (!isDisabled && inputRef.current) {\n inputRef.current.focus();\n }\n }, [isDisabled]);\n\n~~ return (\n <~~Pressable~~\n ~~testID~~={~~testID~~}\n ~~style=~~{~~[containerStyle, style]~~}\n ~~onPress~~={~~onPressHandler~~}\n accessible={false}\n ~~>\n~~ {~~startAccessory}~~\n ~~<View style={~~tw.style('~~min~~-h-0 ~~flex~~-1 ~~justify~~-~~center~~')}>\n {inputElement ?? (\n <Input\n {...~~props~~}\n ref={inputRef}\n textVariant={TextVariant.BodyMd}\n isDisabled={isDisabled}\n autoFocus={autoFocus}\n onBlur={onBlurHandler}\n onFocus={onFocusHandler}\n isStateStylesDisabled\n ~~// Row is~~ `h-~~12`~~ ~~(48px)~~ ~~with `border` on the Pressable (1px top + bottom). Inner TextInput\n // uses 46px height so the field matches a 48px~~-~~tall~~ ~~control without vertical overflow.\n twClassName=\"~~h-[46px] bg-transparent border-0\"\n numberOfLines={1}\n multiline={false}\n />\n )}\n ~~</View>\n~~ {endAccessory}\n </~~Pressable~~>\n );\n },\n);\n"]}
1	+ {"version":3,"file":"TextField.cjs","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"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","sourcesContent":["import { TextVariant } from '@metamask-previews/design-system-shared';\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport { forwardRef, useCallback, useState } from 'react';\nimport { View } from 'react-native';\n\nimport { Box } from '../Box';\nimport { Input } from '../Input';\nimport type { InputProps } from '../Input/Input.types';\n\nimport type { TextFieldProps } from './TextField.types';\n\nexport const TextField = forwardRef<View, TextFieldProps>(\n (\n {\n value,\n onChangeText,\n placeholder,\n isReadOnly,\n onBlur,\n onFocus,\n autoFocus = false,\n inputProps,\n inputRef,\n isDisabled = false,\n isError = false,\n inputElement,\n startAccessory,\n endAccessory,\n style,\n twClassName,\n testID,\n ...props\n },\n ref,\n ) => {\n const [isFocused, setIsFocused] = useState(autoFocus);\n const tw = useTailwind();\n\n const {\n twClassName: inputTwClassNameFromProps,\n ...inputRestWithoutTwClassName\n } = inputProps ?? {};\n\n const onBlurHandler = useCallback(\n (e: Parameters<NonNullable<InputProps['onBlur']>>[0]) => {\n if (!isDisabled) {\n setIsFocused(false);\n onBlur?.(e);\n }\n },\n [isDisabled, onBlur],\n );\n\n const onFocusHandler = useCallback(\n (e: Parameters<NonNullable<InputProps['onFocus']>>[0]) => {\n if (!isDisabled) {\n setIsFocused(true);\n onFocus?.(e);\n }\n },\n [isDisabled, onFocus],\n );\n\n return (\n <Box\n ref={ref}\n {...props}\n testID={testID}\n accessible={false}\n style={[\n tw.style(\n 'flex-row',\n 'items-center',\n 'gap-3',\n 'rounded-lg',\n 'h-12',\n 'border',\n 'px-4',\n 'bg-muted',\n isDisabled && 'border-muted',\n !isDisabled && isError && 'border-error-default',\n !isDisabled && !isError && isFocused && 'border-default',\n !isDisabled && !isError && !isFocused && 'border-muted',\n isDisabled && 'opacity-50',\n twClassName,\n ),\n style,\n ]}\n >\n {startAccessory}\n {inputElement \|\| (\n <Input\n {...inputRestWithoutTwClassName}\n ref={inputRef}\n value={value}\n onChangeText={onChangeText}\n placeholder={placeholder}\n isReadOnly={isReadOnly}\n textVariant={TextVariant.BodyMd}\n isDisabled={isDisabled}\n autoFocus={autoFocus}\n onBlur={onBlurHandler}\n onFocus={onFocusHandler}\n isStateStylesDisabled\n twClassName={`min-h-0 flex-1 justify-center h-[46px] bg-transparent border-0${\n inputTwClassNameFromProps ? ` ${inputTwClassNameFromProps}` : ''\n }`}\n numberOfLines={1}\n multiline={false}\n />\n )}\n {endAccessory}\n </Box>\n );\n },\n);\n\nTextField.displayName = 'TextField';\n"]}

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

@@ -1,11 +1,163 @@
 /// <reference types="react" />
-import { TextInput } from "react-native/index.js";
-export declare const TextField: import("react").ForwardRefExoticComponent<Omit<import("../Input/index.cjs").InputProps, "style" | "textVariant" | "isStateStylesDisabled"> & {
-    startAccessory?: import("react").ReactNode;
-    endAccessory?: import("react").ReactNode;
-    isError?: boolean | undefined;
-    inputElement?: import("react").ReactNode;
+import { View } from "react-native/index.js";
+export declare const TextField: import("react").ForwardRefExoticComponent<import("@metamask-previews/design-system-shared").TextFieldPropsShared & {
+    onFocus?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputFocusEventData>) => void) | undefined;
+    onBlur?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputFocusEventData>) => void) | undefined;
+    inputProps?: {
+        children?: import("react").ReactNode;
+        hitSlop?: number | import("react-native").Insets | null | undefined;
+        id?: string | undefined;
+        needsOffscreenAlphaCompositing?: boolean | undefined;
+        onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
+        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
+        removeClippedSubviews?: boolean | undefined;
+        testID?: string | undefined;
+        nativeID?: string | undefined;
+        collapsable?: boolean | undefined;
+        collapsableChildren?: boolean | undefined;
+        renderToHardwareTextureAndroid?: boolean | undefined;
+        focusable?: boolean | undefined;
+        tabIndex?: 0 | -1 | undefined;
+        shouldRasterizeIOS?: boolean | undefined;
+        isTVSelectable?: boolean | undefined;
+        hasTVPreferredFocus?: boolean | undefined;
+        tvParallaxShiftDistanceX?: number | undefined;
+        tvParallaxShiftDistanceY?: number | undefined;
+        tvParallaxTiltAngle?: number | undefined;
+        tvParallaxMagnification?: number | undefined;
+        onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
+        onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
+        onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
+        onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
+        onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
+        onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined;
+        onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+        onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | undefined;
+        onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+        onPointerMove?: ((event: import("react-native").PointerEvent) => void) | undefined;
+        onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+        onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | undefined;
+        onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+        onPointerDown?: ((event: import("react-native").PointerEvent) => void) | undefined;
+        onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+        onPointerUp?: ((event: import("react-native").PointerEvent) => void) | undefined;
+        onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+        accessible?: boolean | undefined;
+        accessibilityActions?: readonly Readonly<{
+            name: string;
+            label?: string | undefined;
+        }>[] | undefined;
+        accessibilityLabel?: string | undefined;
+        'aria-label'?: string | undefined;
+        accessibilityRole?: import("react-native").AccessibilityRole | undefined;
+        accessibilityState?: import("react-native").AccessibilityState | undefined;
+        'aria-busy'?: boolean | undefined;
+        'aria-checked'?: boolean | "mixed" | undefined;
+        'aria-disabled'?: boolean | undefined;
+        'aria-expanded'?: boolean | undefined;
+        'aria-selected'?: boolean | undefined;
+        accessibilityHint?: string | undefined;
+        accessibilityValue?: import("react-native").AccessibilityValue | undefined;
+        'aria-valuemax'?: number | undefined;
+        'aria-valuemin'?: number | undefined;
+        'aria-valuenow'?: number | undefined;
+        'aria-valuetext'?: string | undefined;
+        onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
+        importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
+        'aria-hidden'?: boolean | undefined;
+        'aria-modal'?: boolean | undefined;
+        role?: import("react-native").Role | undefined;
+        accessibilityLabelledBy?: string | string[] | undefined;
+        'aria-labelledby'?: string | undefined;
+        accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
+        'aria-live'?: "polite" | "assertive" | "off" | undefined;
+        accessibilityElementsHidden?: boolean | undefined;
+        accessibilityViewIsModal?: boolean | undefined;
+        onAccessibilityEscape?: (() => void) | undefined;
+        onAccessibilityTap?: (() => void) | undefined;
+        onMagicTap?: (() => void) | undefined;
+        accessibilityIgnoresInvertColors?: boolean | undefined;
+        accessibilityLanguage?: string | undefined;
+        accessibilityShowsLargeContentViewer?: boolean | undefined;
+        accessibilityLargeContentTitle?: string | undefined;
+        twClassName?: string | undefined;
+        onPress?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
+        onPressIn?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
+        onPressOut?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
+        allowFontScaling?: boolean | undefined;
+        numberOfLines?: number | undefined;
+        maxFontSizeMultiplier?: number | null | undefined;
+        lineBreakStrategyIOS?: "none" | "standard" | "hangul-word" | "push-out" | undefined;
+        selectionColor?: import("react-native").ColorValue | undefined;
+        textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
+        rejectResponderTermination?: boolean | null | undefined;
+        onChange?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputChangeEventData>) => void) | undefined;
+        autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
+        autoComplete?: "off" | "name" | "email" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | "cc-exp-day" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "cc-name" | "cc-given-name" | "cc-middle-name" | "cc-family-name" | "cc-type" | "country" | "current-password" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "name-family" | "name-given" | "name-middle" | "name-middle-initial" | "name-prefix" | "name-suffix" | "new-password" | "nickname" | "one-time-code" | "organization" | "organization-title" | "password" | "password-new" | "postal-address" | "postal-address-country" | "postal-address-extended" | "postal-address-extended-postal-code" | "postal-address-locality" | "postal-address-region" | "postal-code" | "street-address" | "sms-otp" | "tel" | "tel-country-code" | "tel-national" | "tel-device" | "url" | "username" | "username-new" | undefined;
+        autoCorrect?: boolean | undefined;
+        blurOnSubmit?: boolean | undefined;
+        submitBehavior?: import("react-native").SubmitBehavior | undefined;
+        caretHidden?: boolean | undefined;
+        contextMenuHidden?: boolean | undefined;
+        keyboardType?: import("react-native").KeyboardTypeOptions | undefined;
+        inputMode?: import("react-native").InputModeOptions | undefined;
+        maxLength?: number | undefined;
+        multiline?: boolean | undefined;
+        onContentSizeChange?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputContentSizeChangeEventData>) => void) | undefined;
+        onEndEditing?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputEndEditingEventData>) => void) | undefined;
+        onSelectionChange?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputSelectionChangeEventData>) => void) | undefined;
+        onSubmitEditing?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputSubmitEditingEventData>) => void) | undefined;
+        onScroll?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputScrollEventData>) => void) | undefined;
+        onKeyPress?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputKeyPressEventData>) => void) | undefined;
+        readOnly?: boolean | undefined;
+        returnKeyType?: import("react-native").ReturnKeyTypeOptions | undefined;
+        enterKeyHint?: import("react-native").EnterKeyHintTypeOptions | undefined;
+        secureTextEntry?: boolean | undefined;
+        selectTextOnFocus?: boolean | undefined;
+        selection?: {
+            start: number;
+            end?: number | undefined;
+        } | undefined;
+        textAlign?: "center" | "left" | "right" | undefined;
+        inputAccessoryViewID?: string | undefined;
+        clearButtonMode?: "never" | "while-editing" | "unless-editing" | "always" | undefined;
+        clearTextOnFocus?: boolean | undefined;
+        dataDetectorTypes?: import("react-native").DataDetectorTypes | import("react-native").DataDetectorTypes[] | undefined;
+        enablesReturnKeyAutomatically?: boolean | undefined;
+        keyboardAppearance?: "default" | "light" | "dark" | undefined;
+        passwordRules?: string | null | undefined;
+        selectionState?: import("react-native").DocumentSelectionState | undefined;
+        spellCheck?: boolean | undefined;
+        textContentType?: "none" | "name" | "nickname" | "password" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "creditCardExpiration" | "creditCardExpirationMonth" | "creditCardExpirationYear" | "creditCardSecurityCode" | "creditCardType" | "creditCardName" | "creditCardGivenName" | "creditCardMiddleName" | "creditCardFamilyName" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "newPassword" | "oneTimeCode" | "birthdate" | "birthdateDay" | "birthdateMonth" | "birthdateYear" | undefined;
+        scrollEnabled?: boolean | undefined;
+        smartInsertDelete?: boolean | undefined;
+        cursorColor?: import("react-native").ColorValue | null | undefined;
+        selectionHandleColor?: import("react-native").ColorValue | null | undefined;
+        importantForAutofill?: "auto" | "yes" | "no" | "noExcludeDescendants" | "yesExcludeDescendants" | undefined;
+        disableFullscreenUI?: boolean | undefined;
+        inlineImageLeft?: string | undefined;
+        inlineImagePadding?: number | undefined;
+        returnKeyLabel?: string | undefined;
+        underlineColorAndroid?: import("react-native").ColorValue | undefined;
+        textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+        showSoftInputOnFocus?: boolean | undefined;
+        verticalAlign?: "auto" | "middle" | "top" | "bottom" | undefined;
+    } | undefined;
+    inputRef?: import("react").Ref<import("react-native").TextInput> | undefined;
     twClassName?: string | undefined;
     style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
-} & import("react").RefAttributes<TextInput>>;
+    testID?: string | undefined;
+} & Omit<import("../Box/index.cjs").BoxProps, "children" | "style" | "testID" | "accessible" | "twClassName" | "onBlur" | "onFocus" | keyof import("@metamask-previews/design-system-shared").TextFieldPropsShared | "inputProps" | "inputRef"> & import("react").RefAttributes<View>>;
 //# sourceMappingURL=TextField.d.cts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TextField.d.cts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":";~~AAUA~~,OAAO,~~EAAa~~,~~SAAS~~,~~EAAQ~~,8BAAqB;~~AAuB1D~~,eAAO,MAAM,SAAS~~;;;;;;;6CA6GrB~~,CAAC"}
1	+ {"version":3,"file":"TextField.d.cts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,IAAI,EAAE,8BAAqB;AAQpC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4QAwGrB,CAAC"}