npm - @metamask-previews/design-system-react-native - Versions diffs - 0.15.0-preview.a73a010 → 0.18.0-preview.9d477a9 - Mend

@metamask-previews/design-system-react-native 0.15.0-preview.a73a010 → 0.18.0-preview.9d477a9

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

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

@@ -1,32 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MAP_TEXT_VARIANT_FONTWEIGHT = exports.TWCLASSMAP_TEXT_FONTWEIGHT = void 0;
-const design_tokens_1 = require("@metamask-previews/design-tokens");
-const types_1 = require("../../types/index.cjs");
+exports.TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT = exports.TWCLASSMAP_TEXT_FONTWEIGHT = void 0;
+const design_system_shared_1 = require("@metamask-previews/design-system-shared");
 // Mappings
 exports.TWCLASSMAP_TEXT_FONTWEIGHT = {
-    [types_1.FontWeight.Regular]: '-regular',
-    [types_1.FontWeight.Medium]: '-medium',
-    [types_1.FontWeight.Bold]: '-bold',
+    [design_system_shared_1.FontWeight.Regular]: '-regular',
+    [design_system_shared_1.FontWeight.Medium]: '-medium',
+    [design_system_shared_1.FontWeight.Bold]: '-bold',
 };
-exports.MAP_TEXT_VARIANT_FONTWEIGHT = {
-    [types_1.TextVariant.DisplayLg]: design_tokens_1.typography.sDisplayLG.fontWeight,
-    [types_1.TextVariant.DisplayMd]: design_tokens_1.typography.sDisplayMD.fontWeight,
-    [types_1.TextVariant.HeadingLg]: design_tokens_1.typography.sHeadingLG.fontWeight,
-    [types_1.TextVariant.HeadingMd]: design_tokens_1.typography.sHeadingMD.fontWeight,
-    [types_1.TextVariant.HeadingSm]: design_tokens_1.typography.sHeadingSM.fontWeight,
-    [types_1.TextVariant.BodyLg]: design_tokens_1.typography.sBodyLGMedium.fontWeight,
-    [types_1.TextVariant.BodyMd]: design_tokens_1.typography.sBodyMD.fontWeight,
-    [types_1.TextVariant.BodySm]: design_tokens_1.typography.sBodySM.fontWeight,
-    [types_1.TextVariant.BodyXs]: design_tokens_1.typography.sBodyXS.fontWeight,
-    [types_1.TextVariant.PageHeading]: design_tokens_1.typography.sPageHeading.fontWeight,
-    [types_1.TextVariant.SectionHeading]: design_tokens_1.typography.sSectionHeading
-        .fontWeight,
-    [types_1.TextVariant.ButtonLabelMd]: design_tokens_1.typography.sButtonLabelMd
-        .fontWeight,
-    [types_1.TextVariant.ButtonLabelLg]: design_tokens_1.typography.sButtonLabelLg
-        .fontWeight,
-    [types_1.TextVariant.AmountDisplayLg]: design_tokens_1.typography.sAmountDisplayLg
-        .fontWeight,
+exports.TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT = {
+    [design_system_shared_1.TextVariant.DisplayLg]: design_system_shared_1.FontWeight.Bold,
+    [design_system_shared_1.TextVariant.DisplayMd]: design_system_shared_1.FontWeight.Bold,
+    [design_system_shared_1.TextVariant.HeadingLg]: design_system_shared_1.FontWeight.Bold,
+    [design_system_shared_1.TextVariant.HeadingMd]: design_system_shared_1.FontWeight.Bold,
+    [design_system_shared_1.TextVariant.HeadingSm]: design_system_shared_1.FontWeight.Bold,
+    [design_system_shared_1.TextVariant.BodyLg]: design_system_shared_1.FontWeight.Medium,
+    [design_system_shared_1.TextVariant.BodyMd]: design_system_shared_1.FontWeight.Regular,
+    [design_system_shared_1.TextVariant.BodySm]: design_system_shared_1.FontWeight.Regular,
+    [design_system_shared_1.TextVariant.BodyXs]: design_system_shared_1.FontWeight.Regular,
+    [design_system_shared_1.TextVariant.PageHeading]: design_system_shared_1.FontWeight.Bold,
+    [design_system_shared_1.TextVariant.SectionHeading]: design_system_shared_1.FontWeight.Bold,
+    [design_system_shared_1.TextVariant.ButtonLabelMd]: design_system_shared_1.FontWeight.Medium,
+    [design_system_shared_1.TextVariant.ButtonLabelLg]: design_system_shared_1.FontWeight.Medium,
+    [design_system_shared_1.TextVariant.AmountDisplayLg]: design_system_shared_1.FontWeight.Bold,
 };
 //# sourceMappingURL=Text.constants.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.constants.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":";;;AAAA,~~oEAA8D~~;~~AAE9D~~,~~iDAAsD;AAEtD,~~WAAW;AACE,QAAA,0BAA0B,GAEnC;IACF,CAAC,~~kBAAU~~,CAAC,OAAO,CAAC,EAAE,UAAU;IAChC,CAAC,~~kBAAU~~,CAAC,MAAM,CAAC,EAAE,SAAS;IAC9B,CAAC,~~kBAAU~~,CAAC,IAAI,CAAC,EAAE,OAAO;CAC3B,CAAC;AAEW,QAAA,~~2BAA2B~~,~~GAEpC~~;IACF,CAAC,~~mBAAW~~,CAAC,SAAS,CAAC,EAAE,~~0BAAU~~,CAAC,~~UAAU,CAAC,UAAwB~~;~~IACvE~~,CAAC,~~mBAAW~~,CAAC,SAAS,CAAC,EAAE,~~0BAAU~~,CAAC,~~UAAU,CAAC,UAAwB~~;~~IACvE~~,CAAC,~~mBAAW~~,CAAC,SAAS,CAAC,EAAE,~~0BAAU~~,CAAC,~~UAAU,CAAC,UAAwB~~;~~IACvE~~,CAAC,~~mBAAW~~,CAAC,SAAS,CAAC,EAAE,~~0BAAU~~,CAAC,~~UAAU,CAAC,UAAwB~~;~~IACvE~~,CAAC,~~mBAAW~~,CAAC,SAAS,CAAC,EAAE,~~0BAAU~~,CAAC,~~UAAU,CAAC,UAAwB~~;~~IACvE~~,CAAC,~~mBAAW~~,CAAC,MAAM,CAAC,EAAE,~~0BAAU~~,CAAC,~~aAAa,CAAC,UAAwB~~;~~IACvE~~,CAAC,~~mBAAW~~,CAAC,MAAM,CAAC,EAAE,~~0BAAU~~,CAAC,OAAO~~,CAAC,UAAwB~~;~~IACjE~~,CAAC,~~mBAAW~~,CAAC,MAAM,CAAC,EAAE,~~0BAAU~~,CAAC,OAAO~~,CAAC,UAAwB~~;~~IACjE~~,CAAC,~~mBAAW~~,CAAC,MAAM,CAAC,EAAE,~~0BAAU~~,CAAC,OAAO~~,CAAC,UAAwB~~;~~IACjE~~,CAAC,~~mBAAW~~,CAAC,WAAW,CAAC,EAAE,~~0BAAU~~,CAAC,~~YAAY,CAAC,UAAwB~~;~~IAC3E~~,CAAC,~~mBAAW~~,CAAC,cAAc,CAAC,EAAE,~~0BAAU~~,CAAC,~~eAAe~~;~~SACrD~~,~~UAAwB;IAC3B,~~CAAC,~~mBAAW~~,CAAC,aAAa,CAAC,EAAE,~~0BAAU~~,CAAC,~~cAAc~~;~~SACnD~~,~~UAAwB;IAC3B,~~CAAC,~~mBAAW~~,CAAC,aAAa,CAAC,EAAE,~~0BAAU~~,CAAC,~~cAAc~~;~~SACnD~~,~~UAAwB;IAC3B,~~CAAC,~~mBAAW~~,CAAC,eAAe,CAAC,EAAE,~~0BAAU~~,CAAC,~~gBAAgB~~;~~SACvD~~,~~UAAwB;CAC5B,~~CAAC","sourcesContent":["import { ~~typography~~ } from '@metamask-previews/design-~~tokens~~';\n\~~nimport { FontWeight, TextVariant } from '../../types';\~~n\n// Mappings\nexport const TWCLASSMAP_TEXT_FONTWEIGHT: {\n [key in FontWeight]: string;\n} = {\n [FontWeight.Regular]: '-regular',\n [FontWeight.Medium]: '-medium',\n [FontWeight.Bold]: '-bold',\n};\n\nexport const ~~MAP_TEXT_VARIANT_FONTWEIGHT~~: {\n [key in TextVariant]: FontWeight;\n} = {\n [TextVariant.DisplayLg]: ~~typography~~.~~sDisplayLG.fontWeight as FontWeight~~,\n [TextVariant.DisplayMd]: ~~typography~~.~~sDisplayMD.fontWeight as FontWeight~~,\n [TextVariant.HeadingLg]: ~~typography~~.~~sHeadingLG.fontWeight as FontWeight~~,\n [TextVariant.HeadingMd]: ~~typography~~.~~sHeadingMD.fontWeight as FontWeight~~,\n [TextVariant.HeadingSm]: ~~typography~~.~~sHeadingSM.fontWeight as FontWeight~~,\n [TextVariant.BodyLg]: ~~typography~~.~~sBodyLGMedium.fontWeight as FontWeight~~,\n [TextVariant.BodyMd]: ~~typography~~.~~sBodyMD.fontWeight as FontWeight~~,\n [TextVariant.BodySm]: ~~typography~~.~~sBodySM.fontWeight as FontWeight~~,\n [TextVariant.BodyXs]: ~~typography~~.~~sBodyXS.fontWeight as FontWeight~~,\n [TextVariant.PageHeading]: ~~typography~~.~~sPageHeading.fontWeight as FontWeight~~,\n [TextVariant.SectionHeading]: ~~typography~~.~~sSectionHeading\n .fontWeight as FontWeight~~,\n [TextVariant.ButtonLabelMd]: ~~typography~~.~~sButtonLabelMd\n .fontWeight as FontWeight~~,\n [TextVariant.ButtonLabelLg]: ~~typography~~.~~sButtonLabelLg\n .fontWeight as FontWeight~~,\n [TextVariant.AmountDisplayLg]: ~~typography~~.~~sAmountDisplayLg\n .fontWeight as FontWeight~~,\n};\n"]}
1	+ {"version":3,"file":"Text.constants.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":";;;AAAA,kFAAkF;AAElF,WAAW;AACE,QAAA,0BAA0B,GAEnC;IACF,CAAC,iCAAU,CAAC,OAAO,CAAC,EAAE,UAAU;IAChC,CAAC,iCAAU,CAAC,MAAM,CAAC,EAAE,SAAS;IAC9B,CAAC,iCAAU,CAAC,IAAI,CAAC,EAAE,OAAO;CAC3B,CAAC;AAEW,QAAA,kCAAkC,GAE3C;IACF,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE,iCAAU,CAAC,IAAI;IACxC,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE,iCAAU,CAAC,IAAI;IACxC,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE,iCAAU,CAAC,IAAI;IACxC,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE,iCAAU,CAAC,IAAI;IACxC,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE,iCAAU,CAAC,IAAI;IACxC,CAAC,kCAAW,CAAC,MAAM,CAAC,EAAE,iCAAU,CAAC,MAAM;IACvC,CAAC,kCAAW,CAAC,MAAM,CAAC,EAAE,iCAAU,CAAC,OAAO;IACxC,CAAC,kCAAW,CAAC,MAAM,CAAC,EAAE,iCAAU,CAAC,OAAO;IACxC,CAAC,kCAAW,CAAC,MAAM,CAAC,EAAE,iCAAU,CAAC,OAAO;IACxC,CAAC,kCAAW,CAAC,WAAW,CAAC,EAAE,iCAAU,CAAC,IAAI;IAC1C,CAAC,kCAAW,CAAC,cAAc,CAAC,EAAE,iCAAU,CAAC,IAAI;IAC7C,CAAC,kCAAW,CAAC,aAAa,CAAC,EAAE,iCAAU,CAAC,MAAM;IAC9C,CAAC,kCAAW,CAAC,aAAa,CAAC,EAAE,iCAAU,CAAC,MAAM;IAC9C,CAAC,kCAAW,CAAC,eAAe,CAAC,EAAE,iCAAU,CAAC,IAAI;CAC/C,CAAC","sourcesContent":["import { FontWeight, TextVariant } from '@metamask-previews/design-system-shared';\n\n// Mappings\nexport const TWCLASSMAP_TEXT_FONTWEIGHT: {\n [key in FontWeight]: string;\n} = {\n [FontWeight.Regular]: '-regular',\n [FontWeight.Medium]: '-medium',\n [FontWeight.Bold]: '-bold',\n};\n\nexport const TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT: {\n [key in TextVariant]: FontWeight;\n} = {\n [TextVariant.DisplayLg]: FontWeight.Bold,\n [TextVariant.DisplayMd]: FontWeight.Bold,\n [TextVariant.HeadingLg]: FontWeight.Bold,\n [TextVariant.HeadingMd]: FontWeight.Bold,\n [TextVariant.HeadingSm]: FontWeight.Bold,\n [TextVariant.BodyLg]: FontWeight.Medium,\n [TextVariant.BodyMd]: FontWeight.Regular,\n [TextVariant.BodySm]: FontWeight.Regular,\n [TextVariant.BodyXs]: FontWeight.Regular,\n [TextVariant.PageHeading]: FontWeight.Bold,\n [TextVariant.SectionHeading]: FontWeight.Bold,\n [TextVariant.ButtonLabelMd]: FontWeight.Medium,\n [TextVariant.ButtonLabelLg]: FontWeight.Medium,\n [TextVariant.AmountDisplayLg]: FontWeight.Bold,\n};\n"]}

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

@@ -1,8 +1,8 @@
-import { FontWeight, TextVariant } from "../../types/index.cjs";
+import { FontWeight, TextVariant } from "@metamask-previews/design-system-shared";
 export declare const TWCLASSMAP_TEXT_FONTWEIGHT: {
     [key in FontWeight]: string;
 };
-export declare const MAP_TEXT_VARIANT_FONTWEIGHT: {
+export declare const TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT: {
     [key in TextVariant]: FontWeight;
 };
 //# sourceMappingURL=Text.constants.d.cts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.constants.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":"~~AAEA~~,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,~~8BAAoB~~;~~AAGtD~~,eAAO,MAAM,0BAA0B,EAAE;KACtC,GAAG,IAAI,UAAU,GAAG,MAAM;CAK5B,CAAC;AAEF,eAAO,MAAM,~~2BAA2B~~,EAAE;~~KACvC~~,GAAG,IAAI,WAAW,GAAG,UAAU;~~CAoBjC~~,CAAC"}
1	+ {"version":3,"file":"Text.constants.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,gDAAgD;AAGlF,eAAO,MAAM,0BAA0B,EAAE;KACtC,GAAG,IAAI,UAAU,GAAG,MAAM;CAK5B,CAAC;AAEF,eAAO,MAAM,kCAAkC,EAAE;KAC9C,GAAG,IAAI,WAAW,GAAG,UAAU;CAgBjC,CAAC"}

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

@@ -1,8 +1,8 @@
-import { FontWeight, TextVariant } from "../../types/index.mjs";
+import { FontWeight, TextVariant } from "@metamask-previews/design-system-shared";
 export declare const TWCLASSMAP_TEXT_FONTWEIGHT: {
     [key in FontWeight]: string;
 };
-export declare const MAP_TEXT_VARIANT_FONTWEIGHT: {
+export declare const TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT: {
     [key in TextVariant]: FontWeight;
 };
 //# sourceMappingURL=Text.constants.d.mts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.constants.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":"~~AAEA~~,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,~~8BAAoB~~;~~AAGtD~~,eAAO,MAAM,0BAA0B,EAAE;KACtC,GAAG,IAAI,UAAU,GAAG,MAAM;CAK5B,CAAC;AAEF,eAAO,MAAM,~~2BAA2B~~,EAAE;~~KACvC~~,GAAG,IAAI,WAAW,GAAG,UAAU;~~CAoBjC~~,CAAC"}
1	+ {"version":3,"file":"Text.constants.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,gDAAgD;AAGlF,eAAO,MAAM,0BAA0B,EAAE;KACtC,GAAG,IAAI,UAAU,GAAG,MAAM;CAK5B,CAAC;AAEF,eAAO,MAAM,kCAAkC,EAAE;KAC9C,GAAG,IAAI,WAAW,GAAG,UAAU;CAgBjC,CAAC"}

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

@@ -1,29 +1,24 @@
-import { typography } from "@metamask-previews/design-tokens";
-import { FontWeight, TextVariant } from "../../types/index.mjs";
+import { FontWeight, TextVariant } from "@metamask-previews/design-system-shared";
 // Mappings
 export const TWCLASSMAP_TEXT_FONTWEIGHT = {
     [FontWeight.Regular]: '-regular',
     [FontWeight.Medium]: '-medium',
     [FontWeight.Bold]: '-bold',
 };
-export const MAP_TEXT_VARIANT_FONTWEIGHT = {
-    [TextVariant.DisplayLg]: typography.sDisplayLG.fontWeight,
-    [TextVariant.DisplayMd]: typography.sDisplayMD.fontWeight,
-    [TextVariant.HeadingLg]: typography.sHeadingLG.fontWeight,
-    [TextVariant.HeadingMd]: typography.sHeadingMD.fontWeight,
-    [TextVariant.HeadingSm]: typography.sHeadingSM.fontWeight,
-    [TextVariant.BodyLg]: typography.sBodyLGMedium.fontWeight,
-    [TextVariant.BodyMd]: typography.sBodyMD.fontWeight,
-    [TextVariant.BodySm]: typography.sBodySM.fontWeight,
-    [TextVariant.BodyXs]: typography.sBodyXS.fontWeight,
-    [TextVariant.PageHeading]: typography.sPageHeading.fontWeight,
-    [TextVariant.SectionHeading]: typography.sSectionHeading
-        .fontWeight,
-    [TextVariant.ButtonLabelMd]: typography.sButtonLabelMd
-        .fontWeight,
-    [TextVariant.ButtonLabelLg]: typography.sButtonLabelLg
-        .fontWeight,
-    [TextVariant.AmountDisplayLg]: typography.sAmountDisplayLg
-        .fontWeight,
+export const TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT = {
+    [TextVariant.DisplayLg]: FontWeight.Bold,
+    [TextVariant.DisplayMd]: FontWeight.Bold,
+    [TextVariant.HeadingLg]: FontWeight.Bold,
+    [TextVariant.HeadingMd]: FontWeight.Bold,
+    [TextVariant.HeadingSm]: FontWeight.Bold,
+    [TextVariant.BodyLg]: FontWeight.Medium,
+    [TextVariant.BodyMd]: FontWeight.Regular,
+    [TextVariant.BodySm]: FontWeight.Regular,
+    [TextVariant.BodyXs]: FontWeight.Regular,
+    [TextVariant.PageHeading]: FontWeight.Bold,
+    [TextVariant.SectionHeading]: FontWeight.Bold,
+    [TextVariant.ButtonLabelMd]: FontWeight.Medium,
+    [TextVariant.ButtonLabelLg]: FontWeight.Medium,
+    [TextVariant.AmountDisplayLg]: FontWeight.Bold,
 };
 //# sourceMappingURL=Text.constants.mjs.map

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":"AAAA,OAAO,EAAE,UAAU,EAAE,~~yCAAyC;AAE9D,OAAO,EAAE,UAAU,EAAE,~~WAAW,EAAE,~~8BAAoB~~;~~AAEtD~~,WAAW;AACX,MAAM,CAAC,MAAM,0BAA0B,GAEnC;IACF,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,UAAU;IAChC,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,SAAS;IAC9B,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,OAAO;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,~~2BAA2B~~,~~GAEpC~~;IACF,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,~~UAAU,CAAC,UAAwB~~;~~IACvE~~,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,~~UAAU,CAAC,UAAwB~~;~~IACvE~~,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,~~UAAU,CAAC,UAAwB~~;~~IACvE~~,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,~~UAAU,CAAC,UAAwB~~;~~IACvE~~,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,~~UAAU,CAAC,UAAwB~~;~~IACvE~~,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,~~aAAa,CAAC,UAAwB~~;~~IACvE~~,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO~~,CAAC,UAAwB~~;~~IACjE~~,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO~~,CAAC,UAAwB~~;~~IACjE~~,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO~~,CAAC,UAAwB~~;~~IACjE~~,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,~~YAAY,CAAC,UAAwB~~;~~IAC3E~~,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,~~eAAe~~;~~SACrD~~,~~UAAwB;IAC3B,~~CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC,~~cAAc~~;~~SACnD~~,~~UAAwB;IAC3B,~~CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC,~~cAAc~~;~~SACnD~~,~~UAAwB;IAC3B,~~CAAC,WAAW,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,~~gBAAgB~~;~~SACvD~~,~~UAAwB;CAC5B,~~CAAC","sourcesContent":["import { ~~typography~~ } from '@metamask-previews/design-~~tokens~~';\n\~~nimport { FontWeight, TextVariant } from '../../types';\~~n\n// Mappings\nexport const TWCLASSMAP_TEXT_FONTWEIGHT: {\n [key in FontWeight]: string;\n} = {\n [FontWeight.Regular]: '-regular',\n [FontWeight.Medium]: '-medium',\n [FontWeight.Bold]: '-bold',\n};\n\nexport const ~~MAP_TEXT_VARIANT_FONTWEIGHT~~: {\n [key in TextVariant]: FontWeight;\n} = {\n [TextVariant.DisplayLg]: ~~typography~~.~~sDisplayLG.fontWeight as FontWeight~~,\n [TextVariant.DisplayMd]: ~~typography~~.~~sDisplayMD.fontWeight as FontWeight~~,\n [TextVariant.HeadingLg]: ~~typography~~.~~sHeadingLG.fontWeight as FontWeight~~,\n [TextVariant.HeadingMd]: ~~typography~~.~~sHeadingMD.fontWeight as FontWeight~~,\n [TextVariant.HeadingSm]: ~~typography~~.~~sHeadingSM.fontWeight as FontWeight~~,\n [TextVariant.BodyLg]: ~~typography~~.~~sBodyLGMedium.fontWeight as FontWeight~~,\n [TextVariant.BodyMd]: ~~typography~~.~~sBodyMD.fontWeight as FontWeight~~,\n [TextVariant.BodySm]: ~~typography~~.~~sBodySM.fontWeight as FontWeight~~,\n [TextVariant.BodyXs]: ~~typography~~.~~sBodyXS.fontWeight as FontWeight~~,\n [TextVariant.PageHeading]: ~~typography~~.~~sPageHeading.fontWeight as FontWeight~~,\n [TextVariant.SectionHeading]: ~~typography~~.~~sSectionHeading\n .fontWeight as FontWeight~~,\n [TextVariant.ButtonLabelMd]: ~~typography~~.~~sButtonLabelMd\n .fontWeight as FontWeight~~,\n [TextVariant.ButtonLabelLg]: ~~typography~~.~~sButtonLabelLg\n .fontWeight as FontWeight~~,\n [TextVariant.AmountDisplayLg]: ~~typography~~.~~sAmountDisplayLg\n .fontWeight as FontWeight~~,\n};\n"]}
1	+ {"version":3,"file":"Text.constants.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,gDAAgD;AAElF,WAAW;AACX,MAAM,CAAC,MAAM,0BAA0B,GAEnC;IACF,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,UAAU;IAChC,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,SAAS;IAC9B,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,OAAO;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,kCAAkC,GAE3C;IACF,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,IAAI;IACxC,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,IAAI;IACxC,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,IAAI;IACxC,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,IAAI;IACxC,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,IAAI;IACxC,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,MAAM;IACvC,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO;IACxC,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO;IACxC,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO;IACxC,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,IAAI;IAC1C,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,IAAI;IAC7C,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC,MAAM;IAC9C,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC,MAAM;IAC9C,CAAC,WAAW,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,IAAI;CAC/C,CAAC","sourcesContent":["import { FontWeight, TextVariant } from '@metamask-previews/design-system-shared';\n\n// Mappings\nexport const TWCLASSMAP_TEXT_FONTWEIGHT: {\n [key in FontWeight]: string;\n} = {\n [FontWeight.Regular]: '-regular',\n [FontWeight.Medium]: '-medium',\n [FontWeight.Bold]: '-bold',\n};\n\nexport const TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT: {\n [key in TextVariant]: FontWeight;\n} = {\n [TextVariant.DisplayLg]: FontWeight.Bold,\n [TextVariant.DisplayMd]: FontWeight.Bold,\n [TextVariant.HeadingLg]: FontWeight.Bold,\n [TextVariant.HeadingMd]: FontWeight.Bold,\n [TextVariant.HeadingSm]: FontWeight.Bold,\n [TextVariant.BodyLg]: FontWeight.Medium,\n [TextVariant.BodyMd]: FontWeight.Regular,\n [TextVariant.BodySm]: FontWeight.Regular,\n [TextVariant.BodyXs]: FontWeight.Regular,\n [TextVariant.PageHeading]: FontWeight.Bold,\n [TextVariant.SectionHeading]: FontWeight.Bold,\n [TextVariant.ButtonLabelMd]: FontWeight.Medium,\n [TextVariant.ButtonLabelLg]: FontWeight.Medium,\n [TextVariant.AmountDisplayLg]: FontWeight.Bold,\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":"~~AACA~~,OAAO,KAAkB,cAAc;~~AASvC~~,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAE9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,~~CA4BpC~~,CAAC"}
1	+ {"version":3,"file":"Text.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAkB,cAAc;AAOvC,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAE9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BpC,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":"~~AACA~~,OAAO,KAAkB,cAAc;~~AASvC~~,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAE9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,~~CA4BpC~~,CAAC"}
1	+ {"version":3,"file":"Text.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAkB,cAAc;AAOvC,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAE9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BpC,CAAC"}

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

@@ -4,15 +4,15 @@ function $importDefault(module) {
     }
     return module;
 }
+import { FontFamily, FontStyle, TextColor, TextVariant } from "@metamask-previews/design-system-shared";
 import { useTailwind } from "@metamask-previews/design-system-twrnc-preset";
 import $React, { useMemo } from "react";
 const React = $importDefault($React);
 import { Text as RNText } from "react-native/index.js";
-import { FontFamily, FontStyle, TextVariant, TextColor } from "../../types/index.mjs";
-import { MAP_TEXT_VARIANT_FONTWEIGHT, TWCLASSMAP_TEXT_FONTWEIGHT } from "./Text.constants.mjs";
+import { TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT, TWCLASSMAP_TEXT_FONTWEIGHT } from "./Text.constants.mjs";
 export const Text = ({ variant = TextVariant.BodyMd, color = TextColor.TextDefault, style, children, fontWeight, fontFamily = FontFamily.Default, fontStyle = FontStyle.Normal, twClassName, ...props }) => {
     const tw = useTailwind();
-    const finalFontWeight = fontWeight ?? MAP_TEXT_VARIANT_FONTWEIGHT[variant];
+    const finalFontWeight = fontWeight ?? TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT[variant];
     const textStyle = useMemo(() => {
         const isItalic = fontStyle === FontStyle.Italic;
         const fontSuffix = `${TWCLASSMAP_TEXT_FONTWEIGHT[finalFontWeight]}${isItalic && fontFamily === FontFamily.Default ? '-italic' : ''}`;

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,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,QAAO,EAAE,OAAO,EAAE,cAAc;;AACvC,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,8BAAqB;AAE9C,OAAO,~~EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,8BAAoB;AAE5E,OAAO,~~EACL,~~2BAA2B~~,~~EAC3B~~,0BAA0B,EAC3B,6BAAyB;AAG1B,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,WAAW,CAAC,MAAM,EAC5B,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,GAAG,UAAU,CAAC,OAAO,EAC/B,SAAS,GAAG,SAAS,CAAC,MAAM,EAC5B,WAAW,EACX,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACzB,MAAM,eAAe,~~GAAG~~,UAAU,IAAI,~~2BAA2B~~,CAAC,OAAO,CAAC,CAAC;~~IAE3E~~,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,QAAQ,GAAG,SAAS,KAAK,SAAS,CAAC,MAAM,CAAC;QAChD,MAAM,UAAU,GAAG,GAAG,0BAA0B,CAAC,eAAe,CAAC,GAC/D,QAAQ,IAAI,UAAU,KAAK,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAC9D,EAAE,CAAC;QACH,MAAM,SAAS,GAAG,QAAQ,UAAU,GAAG,UAAU,EAAE,CAAC;QACpD,OAAO,EAAE,CAAC,KAAK,CAAC,QAAQ,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC;IAE9E,OAAO,CACL,CAAC,MAAM,CAAC,iBAAiB,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACpE;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useMemo } from 'react';\nimport { Text as RNText } from 'react-native';\n\nimport { ~~FontFamily, FontStyle, TextVariant, TextColor } from '../../types';\n~~\~~nimport {\~~n ~~MAP_TEXT_VARIANT_FONTWEIGHT~~,\n TWCLASSMAP_TEXT_FONTWEIGHT,\n} from './Text.constants';\nimport type { TextProps } from './Text.types';\n\nexport const Text: React.FC<TextProps> = ({\n variant = TextVariant.BodyMd,\n color = TextColor.TextDefault,\n style,\n children,\n fontWeight,\n fontFamily = FontFamily.Default,\n fontStyle = FontStyle.Normal,\n twClassName,\n ...props\n}) => {\n const tw = useTailwind();\n const finalFontWeight = fontWeight ?? ~~MAP_TEXT_VARIANT_FONTWEIGHT~~[variant];\n\n const textStyle = useMemo(() => {\n const isItalic = fontStyle === FontStyle.Italic;\n const fontSuffix = `${TWCLASSMAP_TEXT_FONTWEIGHT[finalFontWeight]}${\n isItalic && fontFamily === FontFamily.Default ? '-italic' : ''\n }`;\n const fontClass = `font-${fontFamily}${fontSuffix}`;\n return tw.style(`text-${variant}`, fontClass, color, twClassName);\n }, [variant, color, finalFontWeight, fontFamily, fontStyle, twClassName, tw]);\n\n return (\n <RNText accessibilityRole=\"text\" {...props} style={[textStyle, style]}>\n {children}\n </RNText>\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,SAAS,EACT,WAAW,EACZ,gDAAgD;AACjD,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,QAAO,EAAE,OAAO,EAAE,cAAc;;AACvC,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,8BAAqB;AAE9C,OAAO,EACL,kCAAkC,EAClC,0BAA0B,EAC3B,6BAAyB;AAG1B,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,WAAW,CAAC,MAAM,EAC5B,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,GAAG,UAAU,CAAC,OAAO,EAC/B,SAAS,GAAG,SAAS,CAAC,MAAM,EAC5B,WAAW,EACX,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACzB,MAAM,eAAe,GACnB,UAAU,IAAI,kCAAkC,CAAC,OAAO,CAAC,CAAC;IAE5D,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,QAAQ,GAAG,SAAS,KAAK,SAAS,CAAC,MAAM,CAAC;QAChD,MAAM,UAAU,GAAG,GAAG,0BAA0B,CAAC,eAAe,CAAC,GAC/D,QAAQ,IAAI,UAAU,KAAK,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAC9D,EAAE,CAAC;QACH,MAAM,SAAS,GAAG,QAAQ,UAAU,GAAG,UAAU,EAAE,CAAC;QACpD,OAAO,EAAE,CAAC,KAAK,CAAC,QAAQ,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC;IAE9E,OAAO,CACL,CAAC,MAAM,CAAC,iBAAiB,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACpE;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n FontFamily,\n FontStyle,\n TextColor,\n TextVariant,\n} from '@metamask-previews/design-system-shared';\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useMemo } from 'react';\nimport { Text as RNText } from 'react-native';\n\nimport {\n TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT,\n TWCLASSMAP_TEXT_FONTWEIGHT,\n} from './Text.constants';\nimport type { TextProps } from './Text.types';\n\nexport const Text: React.FC<TextProps> = ({\n variant = TextVariant.BodyMd,\n color = TextColor.TextDefault,\n style,\n children,\n fontWeight,\n fontFamily = FontFamily.Default,\n fontStyle = FontStyle.Normal,\n twClassName,\n ...props\n}) => {\n const tw = useTailwind();\n const finalFontWeight =\n fontWeight ?? TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT[variant];\n\n const textStyle = useMemo(() => {\n const isItalic = fontStyle === FontStyle.Italic;\n const fontSuffix = `${TWCLASSMAP_TEXT_FONTWEIGHT[finalFontWeight]}${\n isItalic && fontFamily === FontFamily.Default ? '-italic' : ''\n }`;\n const fontClass = `font-${fontFamily}${fontSuffix}`;\n return tw.style(`text-${variant}`, fontClass, color, twClassName);\n }, [variant, color, finalFontWeight, fontFamily, fontStyle, twClassName, tw]);\n\n return (\n <RNText accessibilityRole=\"text\" {...props} style={[textStyle, style]}>\n {children}\n </RNText>\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":["// ~~Third party dependencies.\nimport~~ type { ~~TextProps~~ ~~as RNTextProps~~ } from '~~react~~-~~native~~';\n\nimport type {~~\n TextVariant,\n TextColor,\n FontWeight,\n FontFamily,\n FontStyle,\n~~} from '~~../../types~~';\n\n/*\n Text component props.\n /\nexport type TextProps = {\n /\n ~~Optional enum to select between Typography variants.\~~n \n @default BodyMD\n /\n ~~variant?:~~ TextVariant;\n /\n Text to be displayed.\n /\n children: React.ReactNode;\n /\n Optional prop to add color to text.\n /\n color?: TextColor;\n /\n Optional prop to control the font weight of the text.\n * Normal: 400\n * Medium: 500\n * Bold: 600\n /\n fontWeight?: FontWeight;\n /\n Optional prop to adjust the font family.\n * Default: Geist\n * Accent: MM Sans\n * Hero: MM Poly\n /\n fontFamily?: FontFamily;\n /\n Optional prop to adjust the style of the font.\n /\n fontStyle?: FontStyle;\n /\n Optional prop to add twrnc overriding classNames.\n */\n twClassName?: string;\n} ~~& RNTextProps~~;\n"]}
1	+ {"version":3,"file":"Text.types.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TextPropsShared } from '@metamask-previews/design-system-shared';\nimport type { TextProps as RNTextProps } from 'react-native';\n\n/*\n Text component props.\n /\nexport type TextProps = TextPropsShared &\n RNTextProps & {\n /\n Optional prop to add twrnc overriding classNames.\n */\n twClassName?: string;\n };\n"]}

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

@@ -1,44 +1,12 @@
+import type { TextPropsShared } from "@metamask-previews/design-system-shared";
 import type { TextProps as RNTextProps } from "react-native/index.js";
-import type { TextVariant, TextColor, FontWeight, FontFamily, FontStyle } from "../../types/index.cjs";
 /**
  * Text component props.
  */
-export type TextProps = {
-    /**
-     * Optional enum to select between Typography variants.
-     *
-     * @default BodyMD
-     */
-    variant?: TextVariant;
-    /**
-     * Text to be displayed.
-     */
-    children: React.ReactNode;
-    /**
-     * Optional prop to add color to text.
-     */
-    color?: TextColor;
-    /**
-     * Optional prop to control the font weight of the text.
-     * Normal: 400
-     * Medium: 500
-     * Bold: 600
-     */
-    fontWeight?: FontWeight;
-    /**
-     * Optional prop to adjust the font family.
-     * Default: Geist
-     * Accent: MM Sans
-     * Hero: MM Poly
-     */
-    fontFamily?: FontFamily;
-    /**
-     * Optional prop to adjust the style of the font.
-     */
-    fontStyle?: FontStyle;
+export type TextProps = TextPropsShared & RNTextProps & {
     /**
      * Optional prop to add twrnc overriding classNames.
      */
     twClassName?: string;
-} & RNTextProps;
+};
 //# sourceMappingURL=Text.types.d.cts.map

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":"~~AACA~~,OAAO,KAAK,EAAE,~~SAAS~~,~~IAAI,WAAW,~~EAAE,~~8BAAqB~~;~~AAE7D~~,OAAO,KAAK,~~EACV~~,~~WAAW,EACX,~~SAAS,~~EACT~~,~~UAAU~~,~~EACV~~,~~UAAU,EACV,SAAS,EACV,8BAAoB~~;~~AAErB~~;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG~~;IACtB;;;;OAIG;IACH~~,~~OAAO~~,~~CAAC~~,~~EAAE,~~WAAW,~~CAAC~~;~~IACtB~~;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,~~GAAG,WAAW,~~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,gDAAgD;AAC/E,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,8BAAqB;AAE7D;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,eAAe,GACrC,WAAW,GAAG;IACZ;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

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

@@ -1,44 +1,12 @@
+import type { TextPropsShared } from "@metamask-previews/design-system-shared";
 import type { TextProps as RNTextProps } from "react-native/index.js";
-import type { TextVariant, TextColor, FontWeight, FontFamily, FontStyle } from "../../types/index.mjs";
 /**
  * Text component props.
  */
-export type TextProps = {
-    /**
-     * Optional enum to select between Typography variants.
-     *
-     * @default BodyMD
-     */
-    variant?: TextVariant;
-    /**
-     * Text to be displayed.
-     */
-    children: React.ReactNode;
-    /**
-     * Optional prop to add color to text.
-     */
-    color?: TextColor;
-    /**
-     * Optional prop to control the font weight of the text.
-     * Normal: 400
-     * Medium: 500
-     * Bold: 600
-     */
-    fontWeight?: FontWeight;
-    /**
-     * Optional prop to adjust the font family.
-     * Default: Geist
-     * Accent: MM Sans
-     * Hero: MM Poly
-     */
-    fontFamily?: FontFamily;
-    /**
-     * Optional prop to adjust the style of the font.
-     */
-    fontStyle?: FontStyle;
+export type TextProps = TextPropsShared & RNTextProps & {
     /**
      * Optional prop to add twrnc overriding classNames.
      */
     twClassName?: string;
-} & RNTextProps;
+};
 //# sourceMappingURL=Text.types.d.mts.map

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":"~~AACA~~,OAAO,KAAK,EAAE,~~SAAS~~,~~IAAI,WAAW,~~EAAE,~~8BAAqB~~;~~AAE7D~~,OAAO,KAAK,~~EACV~~,~~WAAW,EACX,~~SAAS,~~EACT~~,~~UAAU~~,~~EACV~~,~~UAAU,EACV,SAAS,EACV,8BAAoB~~;~~AAErB~~;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG~~;IACtB;;;;OAIG;IACH~~,~~OAAO~~,~~CAAC~~,~~EAAE,~~WAAW,~~CAAC~~;~~IACtB~~;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,~~GAAG,WAAW,~~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,gDAAgD;AAC/E,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,8BAAqB;AAE7D;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,eAAe,GACrC,WAAW,GAAG;IACZ;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,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":["// ~~Third party dependencies.\nimport~~ type { ~~TextProps~~ ~~as RNTextProps~~ } from '~~react~~-~~native~~';\n\nimport type {~~\n TextVariant,\n TextColor,\n FontWeight,\n FontFamily,\n FontStyle,\n~~} from '~~../../types~~';\n\n/*\n Text component props.\n /\nexport type TextProps = {\n /\n ~~Optional enum to select between Typography variants.\~~n \n @default BodyMD\n /\n ~~variant?:~~ TextVariant;\n /\n Text to be displayed.\n /\n children: React.ReactNode;\n /\n Optional prop to add color to text.\n /\n color?: TextColor;\n /\n Optional prop to control the font weight of the text.\n * Normal: 400\n * Medium: 500\n * Bold: 600\n /\n fontWeight?: FontWeight;\n /\n Optional prop to adjust the font family.\n * Default: Geist\n * Accent: MM Sans\n * Hero: MM Poly\n /\n fontFamily?: FontFamily;\n /\n Optional prop to adjust the style of the font.\n /\n fontStyle?: FontStyle;\n /\n Optional prop to add twrnc overriding classNames.\n */\n twClassName?: string;\n} ~~& RNTextProps~~;\n"]}
1	+ {"version":3,"file":"Text.types.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TextPropsShared } from '@metamask-previews/design-system-shared';\nimport type { TextProps as RNTextProps } from 'react-native';\n\n/*\n Text component props.\n /\nexport type TextProps = TextPropsShared &\n RNTextProps & {\n /\n Optional prop to add twrnc overriding classNames.\n */\n twClassName?: string;\n };\n"]}

package/dist/components/Text/index.cjs CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":";;;AAAA~~,+CAMqB~~;~~AALnB~~,~~oGAAA~~,~~WAAW~~,OAAA;~~AACX~~,~~kGAAA~~,~~SAAS~~,OAAA;~~AACT~~,~~mGAAA~~,UAAU,OAAA;AACV,~~mGAAA~~,UAAU,OAAA;AACV,~~kGAAA~~,SAAS,OAAA;~~AAEX~~,mCAA8B;AAArB,4FAAA,IAAI,OAAA","sourcesContent":["export {\n ~~TextVariant~~,\n ~~TextColor~~,\n FontWeight,\n FontFamily,\n FontStyle,\n} from '~~../../types~~';\nexport { Text } from './Text';\nexport type { TextProps } from './Text.types';\n"]}
1	+ {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":";;;AAAA,gFAOiD;AAN/C,iHAAA,SAAS,OAAA;AACT,mHAAA,WAAW,OAAA;AACX,kHAAA,UAAU,OAAA;AACV,kHAAA,UAAU,OAAA;AACV,iHAAA,SAAS,OAAA;AAGX,mCAA8B;AAArB,4FAAA,IAAI,OAAA","sourcesContent":["export {\n TextColor,\n TextVariant,\n FontWeight,\n FontFamily,\n FontStyle,\n type TextPropsShared,\n} from '@metamask-previews/design-system-shared';\nexport { Text } from './Text';\nexport type { TextProps } from './Text.types';\n"]}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -24,10 +24,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextButton = void 0;
+const design_system_shared_1 = require("@metamask-previews/design-system-shared");
 const react_1 = __importStar(require("react"));
-const types_1 = require("../../types/index.cjs");
 const Text_1 = require("../Text/index.cjs");
-const TextButton = ({ children, variant = types_1.TextVariant.BodyMd, fontWeight = Text_1.FontWeight.Medium, twClassName, accessibilityRole = 'link', onPress, onPressIn, onPressOut, suppressHighlighting = true, ...rest }) => {
+const TextButton = ({ children, variant = design_system_shared_1.TextVariant.BodyMd, fontWeight = Text_1.FontWeight.Medium, twClassName, accessibilityRole = 'link', onPress, onPressIn, onPressOut, suppressHighlighting = true, ...rest }) => {
     const [pressed, setPressed] = (0, react_1.useState)(false);
     const handlePressIn = (e) => {
         setPressed(true);
@@ -37,7 +37,7 @@ const TextButton = ({ children, variant = types_1.TextVariant.BodyMd, fontWeight
         setPressed(false);
         onPressOut?.(e);
     };
-    return (<Text_1.Text {...rest} accessibilityRole={accessibilityRole} variant={variant} fontWeight={fontWeight} color={pressed ? types_1.TextColor.PrimaryDefaultPressed : types_1.TextColor.PrimaryDefault} twClassName={twClassName} onPress={onPress} onPressIn={handlePressIn} onPressOut={handlePressOut} suppressHighlighting={suppressHighlighting}>
+    return (<Text_1.Text {...rest} accessibilityRole={accessibilityRole} variant={variant} fontWeight={fontWeight} color={pressed ? design_system_shared_1.TextColor.PrimaryDefaultPressed : design_system_shared_1.TextColor.PrimaryDefault} twClassName={twClassName} onPress={onPress} onPressIn={handlePressIn} onPressOut={handlePressOut} suppressHighlighting={suppressHighlighting}>
       {children}
     </Text_1.Text>);
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TextButton.cjs","sourceRoot":"","sources":["../../../src/components/TextButton/TextButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AAExC,~~iDAAqD;AACrD,~~4CAA2C;AAIpC,MAAM,UAAU,GAA8B,CAAC,EACpD,QAAQ,EACR,OAAO,GAAG,~~mBAAW~~,CAAC,MAAM,EAC5B,UAAU,GAAG,iBAAU,CAAC,MAAM,EAC9B,WAAW,EACX,iBAAiB,GAAG,MAAM,EAC1B,OAAO,EACP,SAAS,EACT,UAAU,EACV,oBAAoB,GAAG,IAAI,EAC3B,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,aAAa,GAA8C,CAAC,CAAC,EAAE,EAAE;QACrE,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,cAAc,GAA+C,CAAC,CAAC,EAAE,EAAE;QACvE,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,WAAI,CACH,IAAI,IAAI,CAAC,CACT,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,KAAK,CAAC,CACJ,OAAO,CAAC,CAAC,CAAC,~~iBAAS~~,CAAC,qBAAqB,CAAC,CAAC,CAAC,~~iBAAS~~,CAAC,cAAc,CACrE,CACD,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,SAAS,CAAC,CAAC,aAAa,CAAC,CACzB,UAAU,CAAC,CAAC,cAAc,CAAC,CAC3B,oBAAoB,CAAC,CAAC,oBAAoB,CAAC,CAE3C;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,WAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,UAAU,cA0CrB","sourcesContent":["import ~~React~~, { ~~useState~~ } from '~~react~~';\n\nimport { ~~TextVariant,~~ ~~TextColor~~ } from '~~../../types~~';\nimport { Text, FontWeight } from '../Text';\n\nimport type { TextButtonProps } from './TextButton.types';\n\nexport const TextButton: React.FC<TextButtonProps> = ({\n children,\n variant = TextVariant.BodyMd,\n fontWeight = FontWeight.Medium,\n twClassName,\n accessibilityRole = 'link',\n onPress,\n onPressIn,\n onPressOut,\n suppressHighlighting = true,\n ...rest\n}) => {\n const [pressed, setPressed] = useState(false);\n\n const handlePressIn: NonNullable<TextButtonProps['onPressIn']> = (e) => {\n setPressed(true);\n onPressIn?.(e);\n };\n\n const handlePressOut: NonNullable<TextButtonProps['onPressOut']> = (e) => {\n setPressed(false);\n onPressOut?.(e);\n };\n\n return (\n <Text\n {...rest}\n accessibilityRole={accessibilityRole}\n variant={variant}\n fontWeight={fontWeight}\n color={\n pressed ? TextColor.PrimaryDefaultPressed : TextColor.PrimaryDefault\n }\n twClassName={twClassName}\n onPress={onPress}\n onPressIn={handlePressIn}\n onPressOut={handlePressOut}\n suppressHighlighting={suppressHighlighting}\n >\n {children}\n </Text>\n );\n};\n"]}
1	+ {"version":3,"file":"TextButton.cjs","sourceRoot":"","sources":["../../../src/components/TextButton/TextButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kFAAiF;AACjF,+CAAwC;AAExC,4CAA2C;AAIpC,MAAM,UAAU,GAA8B,CAAC,EACpD,QAAQ,EACR,OAAO,GAAG,kCAAW,CAAC,MAAM,EAC5B,UAAU,GAAG,iBAAU,CAAC,MAAM,EAC9B,WAAW,EACX,iBAAiB,GAAG,MAAM,EAC1B,OAAO,EACP,SAAS,EACT,UAAU,EACV,oBAAoB,GAAG,IAAI,EAC3B,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,aAAa,GAA8C,CAAC,CAAC,EAAE,EAAE;QACrE,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,cAAc,GAA+C,CAAC,CAAC,EAAE,EAAE;QACvE,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,WAAI,CACH,IAAI,IAAI,CAAC,CACT,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,KAAK,CAAC,CACJ,OAAO,CAAC,CAAC,CAAC,gCAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,gCAAS,CAAC,cAAc,CACrE,CACD,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,SAAS,CAAC,CAAC,aAAa,CAAC,CACzB,UAAU,CAAC,CAAC,cAAc,CAAC,CAC3B,oBAAoB,CAAC,CAAC,oBAAoB,CAAC,CAE3C;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,WAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,UAAU,cA0CrB","sourcesContent":["import { TextColor, TextVariant } from '@metamask-previews/design-system-shared';\nimport React, { useState } from 'react';\n\nimport { Text, FontWeight } from '../Text';\n\nimport type { TextButtonProps } from './TextButton.types';\n\nexport const TextButton: React.FC<TextButtonProps> = ({\n children,\n variant = TextVariant.BodyMd,\n fontWeight = FontWeight.Medium,\n twClassName,\n accessibilityRole = 'link',\n onPress,\n onPressIn,\n onPressOut,\n suppressHighlighting = true,\n ...rest\n}) => {\n const [pressed, setPressed] = useState(false);\n\n const handlePressIn: NonNullable<TextButtonProps['onPressIn']> = (e) => {\n setPressed(true);\n onPressIn?.(e);\n };\n\n const handlePressOut: NonNullable<TextButtonProps['onPressOut']> = (e) => {\n setPressed(false);\n onPressOut?.(e);\n };\n\n return (\n <Text\n {...rest}\n accessibilityRole={accessibilityRole}\n variant={variant}\n fontWeight={fontWeight}\n color={\n pressed ? TextColor.PrimaryDefaultPressed : TextColor.PrimaryDefault\n }\n twClassName={twClassName}\n onPress={onPress}\n onPressIn={handlePressIn}\n onPressOut={handlePressOut}\n suppressHighlighting={suppressHighlighting}\n >\n {children}\n </Text>\n );\n};\n"]}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TextButton.d.cts","sourceRoot":"","sources":["../../../src/components/TextButton/TextButton.tsx"],"names":[],"mappings":"~~AAAA~~,OAAO,KAAmB,cAAc;~~AAKxC~~,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0ChD,CAAC"}
1	+ {"version":3,"file":"TextButton.d.cts","sourceRoot":"","sources":["../../../src/components/TextButton/TextButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,cAAc;AAIxC,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0ChD,CAAC"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TextButton.d.mts","sourceRoot":"","sources":["../../../src/components/TextButton/TextButton.tsx"],"names":[],"mappings":"~~AAAA~~,OAAO,KAAmB,cAAc;~~AAKxC~~,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0ChD,CAAC"}
1	+ {"version":3,"file":"TextButton.d.mts","sourceRoot":"","sources":["../../../src/components/TextButton/TextButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,cAAc;AAIxC,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0ChD,CAAC"}

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

@@ -4,9 +4,9 @@ function $importDefault(module) {
     }
     return module;
 }
+import { TextColor, TextVariant } from "@metamask-previews/design-system-shared";
 import $React, { useState } from "react";
 const React = $importDefault($React);
-import { TextVariant, TextColor } from "../../types/index.mjs";
 import { Text, FontWeight } from "../Text/index.mjs";
 export const TextButton = ({ children, variant = TextVariant.BodyMd, fontWeight = FontWeight.Medium, twClassName, accessibilityRole = 'link', onPress, onPressIn, onPressOut, suppressHighlighting = true, ...rest }) => {
     const [pressed, setPressed] = useState(false);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TextButton.mjs","sourceRoot":"","sources":["../../../src/components/TextButton/TextButton.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,~~QAAO~~,EAAE,~~QAAQ~~,EAAE,~~cAAc;;AAExC~~,OAAO,~~EAAE~~,~~WAAW,~~EAAE,~~SAAS~~,EAAE,~~8BAAoB;AACrD~~,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,0BAAgB;AAI3C,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EACpD,QAAQ,EACR,OAAO,GAAG,WAAW,CAAC,MAAM,EAC5B,UAAU,GAAG,UAAU,CAAC,MAAM,EAC9B,WAAW,EACX,iBAAiB,GAAG,MAAM,EAC1B,OAAO,EACP,SAAS,EACT,UAAU,EACV,oBAAoB,GAAG,IAAI,EAC3B,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,aAAa,GAA8C,CAAC,CAAC,EAAE,EAAE;QACrE,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,cAAc,GAA+C,CAAC,CAAC,EAAE,EAAE;QACvE,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CACH,IAAI,IAAI,CAAC,CACT,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,KAAK,CAAC,CACJ,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,cAAc,CACrE,CACD,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,SAAS,CAAC,CAAC,aAAa,CAAC,CACzB,UAAU,CAAC,CAAC,cAAc,CAAC,CAC3B,oBAAoB,CAAC,CAAC,oBAAoB,CAAC,CAE3C;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import ~~React~~, { ~~useState~~ } from '~~react~~';\n\nimport { ~~TextVariant,~~ ~~TextColor~~ } from '~~../../types~~';\nimport { Text, FontWeight } from '../Text';\n\nimport type { TextButtonProps } from './TextButton.types';\n\nexport const TextButton: React.FC<TextButtonProps> = ({\n children,\n variant = TextVariant.BodyMd,\n fontWeight = FontWeight.Medium,\n twClassName,\n accessibilityRole = 'link',\n onPress,\n onPressIn,\n onPressOut,\n suppressHighlighting = true,\n ...rest\n}) => {\n const [pressed, setPressed] = useState(false);\n\n const handlePressIn: NonNullable<TextButtonProps['onPressIn']> = (e) => {\n setPressed(true);\n onPressIn?.(e);\n };\n\n const handlePressOut: NonNullable<TextButtonProps['onPressOut']> = (e) => {\n setPressed(false);\n onPressOut?.(e);\n };\n\n return (\n <Text\n {...rest}\n accessibilityRole={accessibilityRole}\n variant={variant}\n fontWeight={fontWeight}\n color={\n pressed ? TextColor.PrimaryDefaultPressed : TextColor.PrimaryDefault\n }\n twClassName={twClassName}\n onPress={onPress}\n onPressIn={handlePressIn}\n onPressOut={handlePressOut}\n suppressHighlighting={suppressHighlighting}\n >\n {children}\n </Text>\n );\n};\n"]}
1	+ {"version":3,"file":"TextButton.mjs","sourceRoot":"","sources":["../../../src/components/TextButton/TextButton.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,gDAAgD;AACjF,OAAO,QAAO,EAAE,QAAQ,EAAE,cAAc;;AAExC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,0BAAgB;AAI3C,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EACpD,QAAQ,EACR,OAAO,GAAG,WAAW,CAAC,MAAM,EAC5B,UAAU,GAAG,UAAU,CAAC,MAAM,EAC9B,WAAW,EACX,iBAAiB,GAAG,MAAM,EAC1B,OAAO,EACP,SAAS,EACT,UAAU,EACV,oBAAoB,GAAG,IAAI,EAC3B,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,aAAa,GAA8C,CAAC,CAAC,EAAE,EAAE;QACrE,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,cAAc,GAA+C,CAAC,CAAC,EAAE,EAAE;QACvE,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CACH,IAAI,IAAI,CAAC,CACT,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,KAAK,CAAC,CACJ,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,cAAc,CACrE,CACD,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,SAAS,CAAC,CAAC,aAAa,CAAC,CACzB,UAAU,CAAC,CAAC,cAAc,CAAC,CAC3B,oBAAoB,CAAC,CAAC,oBAAoB,CAAC,CAE3C;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { TextColor, TextVariant } from '@metamask-previews/design-system-shared';\nimport React, { useState } from 'react';\n\nimport { Text, FontWeight } from '../Text';\n\nimport type { TextButtonProps } from './TextButton.types';\n\nexport const TextButton: React.FC<TextButtonProps> = ({\n children,\n variant = TextVariant.BodyMd,\n fontWeight = FontWeight.Medium,\n twClassName,\n accessibilityRole = 'link',\n onPress,\n onPressIn,\n onPressOut,\n suppressHighlighting = true,\n ...rest\n}) => {\n const [pressed, setPressed] = useState(false);\n\n const handlePressIn: NonNullable<TextButtonProps['onPressIn']> = (e) => {\n setPressed(true);\n onPressIn?.(e);\n };\n\n const handlePressOut: NonNullable<TextButtonProps['onPressOut']> = (e) => {\n setPressed(false);\n onPressOut?.(e);\n };\n\n return (\n <Text\n {...rest}\n accessibilityRole={accessibilityRole}\n variant={variant}\n fontWeight={fontWeight}\n color={\n pressed ? TextColor.PrimaryDefaultPressed : TextColor.PrimaryDefault\n }\n twClassName={twClassName}\n onPress={onPress}\n onPressIn={handlePressIn}\n onPressOut={handlePressOut}\n suppressHighlighting={suppressHighlighting}\n >\n {children}\n </Text>\n );\n};\n"]}

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

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextField = void 0;
+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 types_1 = require("../../types/index.cjs");
 const Input_1 = require("../Input/index.cjs");
 function getContainerBorderColorClass(isDisabled, isFocused, isError) {
     if (isDisabled) {
@@ -45,7 +45,7 @@ exports.TextField = (0, react_1.forwardRef)(({ style, startAccessory, endAccesso
     return (<react_native_1.Pressable testID={testID} style={[containerStyle, style]} onPress={onPressHandler} accessible={false}>
         {startAccessory}
         <react_native_1.View style={tw.style('min-h-0 flex-1 justify-center')}>
-          {inputElement ?? (<Input_1.Input {...props} ref={inputRef} textVariant={types_1.TextVariant.BodyMd} isDisabled={isDisabled} autoFocus={autoFocus} onBlur={onBlurHandler} onFocus={onFocusHandler} isStateStylesDisabled
+          {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}/>)}

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,8FAA4E;AAC5E,iCAOe;AACf,wDAA0D;AAE1D,~~iDAA0C;AAC1C,~~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~~mBAAW~~,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 { 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 { ~~TextVariant } from '../../types';\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 {\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"]}

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":"~~AASA~~,OAAO,EAAa,SAAS,EAAQ,8BAAqB;~~AAwB1D~~,eAAO,MAAM,SAAS;;;;;;;6CA6GrB,CAAC"}
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"}

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

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

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

@@ -1,7 +1,7 @@
+import { TextVariant } from "@metamask-previews/design-system-shared";
 import { useTailwind } from "@metamask-previews/design-system-twrnc-preset";
 import { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { Pressable, TextInput, View } from "react-native/index.js";
-import { TextVariant } from "../../types/index.mjs";
 import { Input } from "../Input/index.mjs";
 function getContainerBorderColorClass(isDisabled, isFocused, isError) {
     if (isDisabled) {