npm - @metamask-previews/design-system-react-native - Versions diffs - 0.13.0-preview.dbe1fac → 0.14.0-preview.4ce710b - Mend

@metamask-previews/design-system-react-native 0.13.0-preview.dbe1fac → 0.14.0-preview.4ce710b

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

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

@@ -1,67 +1,67 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MAP_TEXT_VARIANT_INPUT_METRICS = void 0;
+const design_system_shared_1 = require("@metamask-previews/design-system-shared");
 const design_tokens_1 = require("@metamask-previews/design-tokens");
-const types_1 = require("../../types/index.cjs");
 /**
  * Typographic metrics for Input: same tokens as `text-*` utilities but **without** `lineHeight`.
  * React Native `TextInput` aligns single-line text more predictably when line height is not set
  * from the design-system paragraph specs (matches legacy / temp Input.styles behavior).
  */
 exports.MAP_TEXT_VARIANT_INPUT_METRICS = {
-    [types_1.TextVariant.DisplayLg]: {
+    [design_system_shared_1.TextVariant.DisplayLg]: {
         fontSize: design_tokens_1.typography.sDisplayLG.fontSize,
         letterSpacing: design_tokens_1.typography.sDisplayLG.letterSpacing,
     },
-    [types_1.TextVariant.DisplayMd]: {
+    [design_system_shared_1.TextVariant.DisplayMd]: {
         fontSize: design_tokens_1.typography.sDisplayMD.fontSize,
         letterSpacing: design_tokens_1.typography.sDisplayMD.letterSpacing,
     },
-    [types_1.TextVariant.HeadingLg]: {
+    [design_system_shared_1.TextVariant.HeadingLg]: {
         fontSize: design_tokens_1.typography.sHeadingLG.fontSize,
         letterSpacing: design_tokens_1.typography.sHeadingLG.letterSpacing,
     },
-    [types_1.TextVariant.HeadingMd]: {
+    [design_system_shared_1.TextVariant.HeadingMd]: {
         fontSize: design_tokens_1.typography.sHeadingMD.fontSize,
         letterSpacing: design_tokens_1.typography.sHeadingMD.letterSpacing,
     },
-    [types_1.TextVariant.HeadingSm]: {
+    [design_system_shared_1.TextVariant.HeadingSm]: {
         fontSize: design_tokens_1.typography.sHeadingSM.fontSize,
         letterSpacing: design_tokens_1.typography.sHeadingSM.letterSpacing,
     },
-    [types_1.TextVariant.BodyLg]: {
+    [design_system_shared_1.TextVariant.BodyLg]: {
         fontSize: design_tokens_1.typography.sBodyLGMedium.fontSize,
         letterSpacing: design_tokens_1.typography.sBodyLGMedium.letterSpacing,
     },
-    [types_1.TextVariant.BodyMd]: {
+    [design_system_shared_1.TextVariant.BodyMd]: {
         fontSize: design_tokens_1.typography.sBodyMD.fontSize,
         letterSpacing: design_tokens_1.typography.sBodyMD.letterSpacing,
     },
-    [types_1.TextVariant.BodySm]: {
+    [design_system_shared_1.TextVariant.BodySm]: {
         fontSize: design_tokens_1.typography.sBodySM.fontSize,
         letterSpacing: design_tokens_1.typography.sBodySM.letterSpacing,
     },
-    [types_1.TextVariant.BodyXs]: {
+    [design_system_shared_1.TextVariant.BodyXs]: {
         fontSize: design_tokens_1.typography.sBodyXS.fontSize,
         letterSpacing: design_tokens_1.typography.sBodyXS.letterSpacing,
     },
-    [types_1.TextVariant.PageHeading]: {
+    [design_system_shared_1.TextVariant.PageHeading]: {
         fontSize: design_tokens_1.typography.sPageHeading.fontSize,
         letterSpacing: design_tokens_1.typography.sPageHeading.letterSpacing,
     },
-    [types_1.TextVariant.SectionHeading]: {
+    [design_system_shared_1.TextVariant.SectionHeading]: {
         fontSize: design_tokens_1.typography.sSectionHeading.fontSize,
         letterSpacing: design_tokens_1.typography.sSectionHeading.letterSpacing,
     },
-    [types_1.TextVariant.ButtonLabelMd]: {
+    [design_system_shared_1.TextVariant.ButtonLabelMd]: {
         fontSize: design_tokens_1.typography.sButtonLabelMd.fontSize,
         letterSpacing: design_tokens_1.typography.sButtonLabelMd.letterSpacing,
     },
-    [types_1.TextVariant.ButtonLabelLg]: {
+    [design_system_shared_1.TextVariant.ButtonLabelLg]: {
         fontSize: design_tokens_1.typography.sButtonLabelLg.fontSize,
         letterSpacing: design_tokens_1.typography.sButtonLabelLg.letterSpacing,
     },
-    [types_1.TextVariant.AmountDisplayLg]: {
+    [design_system_shared_1.TextVariant.AmountDisplayLg]: {
         fontSize: design_tokens_1.typography.sAmountDisplayLg.fontSize,
         letterSpacing: design_tokens_1.typography.sAmountDisplayLg.letterSpacing,
     },

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.constants.cjs","sourceRoot":"","sources":["../../../src/components/Input/Input.constants.ts"],"names":[],"mappings":";;;AAAA,oEAA8D;AAE9D~~,iDAA0C;AAE1C~~;;;;GAIG;AACU,QAAA,8BAA8B,GAGvC;IACF,CAAC,~~mBAAW~~,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,0BAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,0BAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,~~mBAAW~~,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,0BAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,0BAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,~~mBAAW~~,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,0BAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,0BAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,~~mBAAW~~,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,0BAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,0BAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,~~mBAAW~~,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,0BAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,0BAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,~~mBAAW~~,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,0BAAU,CAAC,aAAa,CAAC,QAAQ;QAC3C,aAAa,EAAE,0BAAU,CAAC,aAAa,CAAC,aAAa;KACtD;IACD,CAAC,~~mBAAW~~,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,0BAAU,CAAC,OAAO,CAAC,QAAQ;QACrC,aAAa,EAAE,0BAAU,CAAC,OAAO,CAAC,aAAa;KAChD;IACD,CAAC,~~mBAAW~~,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,0BAAU,CAAC,OAAO,CAAC,QAAQ;QACrC,aAAa,EAAE,0BAAU,CAAC,OAAO,CAAC,aAAa;KAChD;IACD,CAAC,~~mBAAW~~,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,0BAAU,CAAC,OAAO,CAAC,QAAQ;QACrC,aAAa,EAAE,0BAAU,CAAC,OAAO,CAAC,aAAa;KAChD;IACD,CAAC,~~mBAAW~~,CAAC,WAAW,CAAC,EAAE;QACzB,QAAQ,EAAE,0BAAU,CAAC,YAAY,CAAC,QAAQ;QAC1C,aAAa,EAAE,0BAAU,CAAC,YAAY,CAAC,aAAa;KACrD;IACD,CAAC,~~mBAAW~~,CAAC,cAAc,CAAC,EAAE;QAC5B,QAAQ,EAAE,0BAAU,CAAC,eAAe,CAAC,QAAQ;QAC7C,aAAa,EAAE,0BAAU,CAAC,eAAe,CAAC,aAAa;KACxD;IACD,CAAC,~~mBAAW~~,CAAC,aAAa,CAAC,EAAE;QAC3B,QAAQ,EAAE,0BAAU,CAAC,cAAc,CAAC,QAAQ;QAC5C,aAAa,EAAE,0BAAU,CAAC,cAAc,CAAC,aAAa;KACvD;IACD,CAAC,~~mBAAW~~,CAAC,aAAa,CAAC,EAAE;QAC3B,QAAQ,EAAE,0BAAU,CAAC,cAAc,CAAC,QAAQ;QAC5C,aAAa,EAAE,0BAAU,CAAC,cAAc,CAAC,aAAa;KACvD;IACD,CAAC,~~mBAAW~~,CAAC,eAAe,CAAC,EAAE;QAC7B,QAAQ,EAAE,0BAAU,CAAC,gBAAgB,CAAC,QAAQ;QAC9C,aAAa,EAAE,0BAAU,CAAC,gBAAgB,CAAC,aAAa;KACzD;CACF,CAAC","sourcesContent":["import { ~~typography~~ } from '@metamask-previews/design-~~tokens~~';\n\nimport { ~~TextVariant~~ } from '~~../../types~~';\n\n/*\n Typographic metrics for Input: same tokens as `text-` utilities but without* `lineHeight`.\n * React Native `TextInput` aligns single-line text more predictably when line height is not set\n * from the design-system paragraph specs (matches legacy / temp Input.styles behavior).\n */\nexport const MAP_TEXT_VARIANT_INPUT_METRICS: Record<\n TextVariant,\n { fontSize: number; letterSpacing: number }\n> = {\n [TextVariant.DisplayLg]: {\n fontSize: typography.sDisplayLG.fontSize,\n letterSpacing: typography.sDisplayLG.letterSpacing,\n },\n [TextVariant.DisplayMd]: {\n fontSize: typography.sDisplayMD.fontSize,\n letterSpacing: typography.sDisplayMD.letterSpacing,\n },\n [TextVariant.HeadingLg]: {\n fontSize: typography.sHeadingLG.fontSize,\n letterSpacing: typography.sHeadingLG.letterSpacing,\n },\n [TextVariant.HeadingMd]: {\n fontSize: typography.sHeadingMD.fontSize,\n letterSpacing: typography.sHeadingMD.letterSpacing,\n },\n [TextVariant.HeadingSm]: {\n fontSize: typography.sHeadingSM.fontSize,\n letterSpacing: typography.sHeadingSM.letterSpacing,\n },\n [TextVariant.BodyLg]: {\n fontSize: typography.sBodyLGMedium.fontSize,\n letterSpacing: typography.sBodyLGMedium.letterSpacing,\n },\n [TextVariant.BodyMd]: {\n fontSize: typography.sBodyMD.fontSize,\n letterSpacing: typography.sBodyMD.letterSpacing,\n },\n [TextVariant.BodySm]: {\n fontSize: typography.sBodySM.fontSize,\n letterSpacing: typography.sBodySM.letterSpacing,\n },\n [TextVariant.BodyXs]: {\n fontSize: typography.sBodyXS.fontSize,\n letterSpacing: typography.sBodyXS.letterSpacing,\n },\n [TextVariant.PageHeading]: {\n fontSize: typography.sPageHeading.fontSize,\n letterSpacing: typography.sPageHeading.letterSpacing,\n },\n [TextVariant.SectionHeading]: {\n fontSize: typography.sSectionHeading.fontSize,\n letterSpacing: typography.sSectionHeading.letterSpacing,\n },\n [TextVariant.ButtonLabelMd]: {\n fontSize: typography.sButtonLabelMd.fontSize,\n letterSpacing: typography.sButtonLabelMd.letterSpacing,\n },\n [TextVariant.ButtonLabelLg]: {\n fontSize: typography.sButtonLabelLg.fontSize,\n letterSpacing: typography.sButtonLabelLg.letterSpacing,\n },\n [TextVariant.AmountDisplayLg]: {\n fontSize: typography.sAmountDisplayLg.fontSize,\n letterSpacing: typography.sAmountDisplayLg.letterSpacing,\n },\n};\n"]}
1	+ {"version":3,"file":"Input.constants.cjs","sourceRoot":"","sources":["../../../src/components/Input/Input.constants.ts"],"names":[],"mappings":";;;AAAA,kFAAsE;AACtE,oEAA8D;AAE9D;;;;GAIG;AACU,QAAA,8BAA8B,GAGvC;IACF,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,0BAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,0BAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,0BAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,0BAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,0BAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,0BAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,0BAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,0BAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,0BAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,0BAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,kCAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,0BAAU,CAAC,aAAa,CAAC,QAAQ;QAC3C,aAAa,EAAE,0BAAU,CAAC,aAAa,CAAC,aAAa;KACtD;IACD,CAAC,kCAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,0BAAU,CAAC,OAAO,CAAC,QAAQ;QACrC,aAAa,EAAE,0BAAU,CAAC,OAAO,CAAC,aAAa;KAChD;IACD,CAAC,kCAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,0BAAU,CAAC,OAAO,CAAC,QAAQ;QACrC,aAAa,EAAE,0BAAU,CAAC,OAAO,CAAC,aAAa;KAChD;IACD,CAAC,kCAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,0BAAU,CAAC,OAAO,CAAC,QAAQ;QACrC,aAAa,EAAE,0BAAU,CAAC,OAAO,CAAC,aAAa;KAChD;IACD,CAAC,kCAAW,CAAC,WAAW,CAAC,EAAE;QACzB,QAAQ,EAAE,0BAAU,CAAC,YAAY,CAAC,QAAQ;QAC1C,aAAa,EAAE,0BAAU,CAAC,YAAY,CAAC,aAAa;KACrD;IACD,CAAC,kCAAW,CAAC,cAAc,CAAC,EAAE;QAC5B,QAAQ,EAAE,0BAAU,CAAC,eAAe,CAAC,QAAQ;QAC7C,aAAa,EAAE,0BAAU,CAAC,eAAe,CAAC,aAAa;KACxD;IACD,CAAC,kCAAW,CAAC,aAAa,CAAC,EAAE;QAC3B,QAAQ,EAAE,0BAAU,CAAC,cAAc,CAAC,QAAQ;QAC5C,aAAa,EAAE,0BAAU,CAAC,cAAc,CAAC,aAAa;KACvD;IACD,CAAC,kCAAW,CAAC,aAAa,CAAC,EAAE;QAC3B,QAAQ,EAAE,0BAAU,CAAC,cAAc,CAAC,QAAQ;QAC5C,aAAa,EAAE,0BAAU,CAAC,cAAc,CAAC,aAAa;KACvD;IACD,CAAC,kCAAW,CAAC,eAAe,CAAC,EAAE;QAC7B,QAAQ,EAAE,0BAAU,CAAC,gBAAgB,CAAC,QAAQ;QAC9C,aAAa,EAAE,0BAAU,CAAC,gBAAgB,CAAC,aAAa;KACzD;CACF,CAAC","sourcesContent":["import { TextVariant } from '@metamask-previews/design-system-shared';\nimport { typography } from '@metamask-previews/design-tokens';\n\n/*\n Typographic metrics for Input: same tokens as `text-` utilities but without* `lineHeight`.\n * React Native `TextInput` aligns single-line text more predictably when line height is not set\n * from the design-system paragraph specs (matches legacy / temp Input.styles behavior).\n */\nexport const MAP_TEXT_VARIANT_INPUT_METRICS: Record<\n TextVariant,\n { fontSize: number; letterSpacing: number }\n> = {\n [TextVariant.DisplayLg]: {\n fontSize: typography.sDisplayLG.fontSize,\n letterSpacing: typography.sDisplayLG.letterSpacing,\n },\n [TextVariant.DisplayMd]: {\n fontSize: typography.sDisplayMD.fontSize,\n letterSpacing: typography.sDisplayMD.letterSpacing,\n },\n [TextVariant.HeadingLg]: {\n fontSize: typography.sHeadingLG.fontSize,\n letterSpacing: typography.sHeadingLG.letterSpacing,\n },\n [TextVariant.HeadingMd]: {\n fontSize: typography.sHeadingMD.fontSize,\n letterSpacing: typography.sHeadingMD.letterSpacing,\n },\n [TextVariant.HeadingSm]: {\n fontSize: typography.sHeadingSM.fontSize,\n letterSpacing: typography.sHeadingSM.letterSpacing,\n },\n [TextVariant.BodyLg]: {\n fontSize: typography.sBodyLGMedium.fontSize,\n letterSpacing: typography.sBodyLGMedium.letterSpacing,\n },\n [TextVariant.BodyMd]: {\n fontSize: typography.sBodyMD.fontSize,\n letterSpacing: typography.sBodyMD.letterSpacing,\n },\n [TextVariant.BodySm]: {\n fontSize: typography.sBodySM.fontSize,\n letterSpacing: typography.sBodySM.letterSpacing,\n },\n [TextVariant.BodyXs]: {\n fontSize: typography.sBodyXS.fontSize,\n letterSpacing: typography.sBodyXS.letterSpacing,\n },\n [TextVariant.PageHeading]: {\n fontSize: typography.sPageHeading.fontSize,\n letterSpacing: typography.sPageHeading.letterSpacing,\n },\n [TextVariant.SectionHeading]: {\n fontSize: typography.sSectionHeading.fontSize,\n letterSpacing: typography.sSectionHeading.letterSpacing,\n },\n [TextVariant.ButtonLabelMd]: {\n fontSize: typography.sButtonLabelMd.fontSize,\n letterSpacing: typography.sButtonLabelMd.letterSpacing,\n },\n [TextVariant.ButtonLabelLg]: {\n fontSize: typography.sButtonLabelLg.fontSize,\n letterSpacing: typography.sButtonLabelLg.letterSpacing,\n },\n [TextVariant.AmountDisplayLg]: {\n fontSize: typography.sAmountDisplayLg.fontSize,\n letterSpacing: typography.sAmountDisplayLg.letterSpacing,\n },\n};\n"]}

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

@@ -1,4 +1,4 @@
-import { TextVariant } from "../../types/index.cjs";
+import { TextVariant } from "@metamask-previews/design-system-shared";
 /**
  * Typographic metrics for Input: same tokens as `text-*` utilities but **without** `lineHeight`.
  * React Native `TextInput` aligns single-line text more predictably when line height is not set

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.constants.d.cts","sourceRoot":"","sources":["../../../src/components/Input/Input.constants.ts"],"names":[],"mappings":"~~AAEA~~,OAAO,EAAE,WAAW,EAAE,~~8BAAoB~~;~~AAE1C~~;;;;GAIG;AACH,eAAO,MAAM,8BAA8B,EAAE,MAAM,CACjD,WAAW,EACX;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,CA0D5C,CAAC"}
1	+ {"version":3,"file":"Input.constants.d.cts","sourceRoot":"","sources":["../../../src/components/Input/Input.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,gDAAgD;AAGtE;;;;GAIG;AACH,eAAO,MAAM,8BAA8B,EAAE,MAAM,CACjD,WAAW,EACX;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,CA0D5C,CAAC"}

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

@@ -1,4 +1,4 @@
-import { TextVariant } from "../../types/index.mjs";
+import { TextVariant } from "@metamask-previews/design-system-shared";
 /**
  * Typographic metrics for Input: same tokens as `text-*` utilities but **without** `lineHeight`.
  * React Native `TextInput` aligns single-line text more predictably when line height is not set

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.constants.d.mts","sourceRoot":"","sources":["../../../src/components/Input/Input.constants.ts"],"names":[],"mappings":"~~AAEA~~,OAAO,EAAE,WAAW,EAAE,~~8BAAoB~~;~~AAE1C~~;;;;GAIG;AACH,eAAO,MAAM,8BAA8B,EAAE,MAAM,CACjD,WAAW,EACX;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,CA0D5C,CAAC"}
1	+ {"version":3,"file":"Input.constants.d.mts","sourceRoot":"","sources":["../../../src/components/Input/Input.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,gDAAgD;AAGtE;;;;GAIG;AACH,eAAO,MAAM,8BAA8B,EAAE,MAAM,CACjD,WAAW,EACX;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,CA0D5C,CAAC"}

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

@@ -1,5 +1,5 @@
+import { TextVariant } from "@metamask-previews/design-system-shared";
 import { typography } from "@metamask-previews/design-tokens";
-import { TextVariant } from "../../types/index.mjs";
 /**
  * Typographic metrics for Input: same tokens as `text-*` utilities but **without** `lineHeight`.
  * React Native `TextInput` aligns single-line text more predictably when line height is not set

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.constants.mjs","sourceRoot":"","sources":["../../../src/components/Input/Input.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,~~UAAU~~,EAAE,~~yCAAyC~~;~~AAE9D~~,OAAO,EAAE,~~WAAW~~,EAAE,~~8BAAoB~~;~~AAE1C~~;;;;GAIG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAGvC;IACF,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,UAAU,CAAC,aAAa,CAAC,QAAQ;QAC3C,aAAa,EAAE,UAAU,CAAC,aAAa,CAAC,aAAa;KACtD;IACD,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ;QACrC,aAAa,EAAE,UAAU,CAAC,OAAO,CAAC,aAAa;KAChD;IACD,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ;QACrC,aAAa,EAAE,UAAU,CAAC,OAAO,CAAC,aAAa;KAChD;IACD,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ;QACrC,aAAa,EAAE,UAAU,CAAC,OAAO,CAAC,aAAa;KAChD;IACD,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE;QACzB,QAAQ,EAAE,UAAU,CAAC,YAAY,CAAC,QAAQ;QAC1C,aAAa,EAAE,UAAU,CAAC,YAAY,CAAC,aAAa;KACrD;IACD,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE;QAC5B,QAAQ,EAAE,UAAU,CAAC,eAAe,CAAC,QAAQ;QAC7C,aAAa,EAAE,UAAU,CAAC,eAAe,CAAC,aAAa;KACxD;IACD,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE;QAC3B,QAAQ,EAAE,UAAU,CAAC,cAAc,CAAC,QAAQ;QAC5C,aAAa,EAAE,UAAU,CAAC,cAAc,CAAC,aAAa;KACvD;IACD,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE;QAC3B,QAAQ,EAAE,UAAU,CAAC,cAAc,CAAC,QAAQ;QAC5C,aAAa,EAAE,UAAU,CAAC,cAAc,CAAC,aAAa;KACvD;IACD,CAAC,WAAW,CAAC,eAAe,CAAC,EAAE;QAC7B,QAAQ,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ;QAC9C,aAAa,EAAE,UAAU,CAAC,gBAAgB,CAAC,aAAa;KACzD;CACF,CAAC","sourcesContent":["import { ~~typography~~ } from '@metamask-previews/design-~~tokens~~';\n\nimport { ~~TextVariant~~ } from '~~../../types~~';\n\n/*\n Typographic metrics for Input: same tokens as `text-` utilities but without* `lineHeight`.\n * React Native `TextInput` aligns single-line text more predictably when line height is not set\n * from the design-system paragraph specs (matches legacy / temp Input.styles behavior).\n */\nexport const MAP_TEXT_VARIANT_INPUT_METRICS: Record<\n TextVariant,\n { fontSize: number; letterSpacing: number }\n> = {\n [TextVariant.DisplayLg]: {\n fontSize: typography.sDisplayLG.fontSize,\n letterSpacing: typography.sDisplayLG.letterSpacing,\n },\n [TextVariant.DisplayMd]: {\n fontSize: typography.sDisplayMD.fontSize,\n letterSpacing: typography.sDisplayMD.letterSpacing,\n },\n [TextVariant.HeadingLg]: {\n fontSize: typography.sHeadingLG.fontSize,\n letterSpacing: typography.sHeadingLG.letterSpacing,\n },\n [TextVariant.HeadingMd]: {\n fontSize: typography.sHeadingMD.fontSize,\n letterSpacing: typography.sHeadingMD.letterSpacing,\n },\n [TextVariant.HeadingSm]: {\n fontSize: typography.sHeadingSM.fontSize,\n letterSpacing: typography.sHeadingSM.letterSpacing,\n },\n [TextVariant.BodyLg]: {\n fontSize: typography.sBodyLGMedium.fontSize,\n letterSpacing: typography.sBodyLGMedium.letterSpacing,\n },\n [TextVariant.BodyMd]: {\n fontSize: typography.sBodyMD.fontSize,\n letterSpacing: typography.sBodyMD.letterSpacing,\n },\n [TextVariant.BodySm]: {\n fontSize: typography.sBodySM.fontSize,\n letterSpacing: typography.sBodySM.letterSpacing,\n },\n [TextVariant.BodyXs]: {\n fontSize: typography.sBodyXS.fontSize,\n letterSpacing: typography.sBodyXS.letterSpacing,\n },\n [TextVariant.PageHeading]: {\n fontSize: typography.sPageHeading.fontSize,\n letterSpacing: typography.sPageHeading.letterSpacing,\n },\n [TextVariant.SectionHeading]: {\n fontSize: typography.sSectionHeading.fontSize,\n letterSpacing: typography.sSectionHeading.letterSpacing,\n },\n [TextVariant.ButtonLabelMd]: {\n fontSize: typography.sButtonLabelMd.fontSize,\n letterSpacing: typography.sButtonLabelMd.letterSpacing,\n },\n [TextVariant.ButtonLabelLg]: {\n fontSize: typography.sButtonLabelLg.fontSize,\n letterSpacing: typography.sButtonLabelLg.letterSpacing,\n },\n [TextVariant.AmountDisplayLg]: {\n fontSize: typography.sAmountDisplayLg.fontSize,\n letterSpacing: typography.sAmountDisplayLg.letterSpacing,\n },\n};\n"]}
1	+ {"version":3,"file":"Input.constants.mjs","sourceRoot":"","sources":["../../../src/components/Input/Input.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,gDAAgD;AACtE,OAAO,EAAE,UAAU,EAAE,yCAAyC;AAE9D;;;;GAIG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAGvC;IACF,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,UAAU,CAAC,aAAa,CAAC,QAAQ;QAC3C,aAAa,EAAE,UAAU,CAAC,aAAa,CAAC,aAAa;KACtD;IACD,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ;QACrC,aAAa,EAAE,UAAU,CAAC,OAAO,CAAC,aAAa;KAChD;IACD,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ;QACrC,aAAa,EAAE,UAAU,CAAC,OAAO,CAAC,aAAa;KAChD;IACD,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ;QACrC,aAAa,EAAE,UAAU,CAAC,OAAO,CAAC,aAAa;KAChD;IACD,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE;QACzB,QAAQ,EAAE,UAAU,CAAC,YAAY,CAAC,QAAQ;QAC1C,aAAa,EAAE,UAAU,CAAC,YAAY,CAAC,aAAa;KACrD;IACD,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE;QAC5B,QAAQ,EAAE,UAAU,CAAC,eAAe,CAAC,QAAQ;QAC7C,aAAa,EAAE,UAAU,CAAC,eAAe,CAAC,aAAa;KACxD;IACD,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE;QAC3B,QAAQ,EAAE,UAAU,CAAC,cAAc,CAAC,QAAQ;QAC5C,aAAa,EAAE,UAAU,CAAC,cAAc,CAAC,aAAa;KACvD;IACD,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE;QAC3B,QAAQ,EAAE,UAAU,CAAC,cAAc,CAAC,QAAQ;QAC5C,aAAa,EAAE,UAAU,CAAC,cAAc,CAAC,aAAa;KACvD;IACD,CAAC,WAAW,CAAC,eAAe,CAAC,EAAE;QAC7B,QAAQ,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ;QAC9C,aAAa,EAAE,UAAU,CAAC,gBAAgB,CAAC,aAAa;KACzD;CACF,CAAC","sourcesContent":["import { TextVariant } from '@metamask-previews/design-system-shared';\nimport { typography } from '@metamask-previews/design-tokens';\n\n/*\n Typographic metrics for Input: same tokens as `text-` utilities but without* `lineHeight`.\n * React Native `TextInput` aligns single-line text more predictably when line height is not set\n * from the design-system paragraph specs (matches legacy / temp Input.styles behavior).\n */\nexport const MAP_TEXT_VARIANT_INPUT_METRICS: Record<\n TextVariant,\n { fontSize: number; letterSpacing: number }\n> = {\n [TextVariant.DisplayLg]: {\n fontSize: typography.sDisplayLG.fontSize,\n letterSpacing: typography.sDisplayLG.letterSpacing,\n },\n [TextVariant.DisplayMd]: {\n fontSize: typography.sDisplayMD.fontSize,\n letterSpacing: typography.sDisplayMD.letterSpacing,\n },\n [TextVariant.HeadingLg]: {\n fontSize: typography.sHeadingLG.fontSize,\n letterSpacing: typography.sHeadingLG.letterSpacing,\n },\n [TextVariant.HeadingMd]: {\n fontSize: typography.sHeadingMD.fontSize,\n letterSpacing: typography.sHeadingMD.letterSpacing,\n },\n [TextVariant.HeadingSm]: {\n fontSize: typography.sHeadingSM.fontSize,\n letterSpacing: typography.sHeadingSM.letterSpacing,\n },\n [TextVariant.BodyLg]: {\n fontSize: typography.sBodyLGMedium.fontSize,\n letterSpacing: typography.sBodyLGMedium.letterSpacing,\n },\n [TextVariant.BodyMd]: {\n fontSize: typography.sBodyMD.fontSize,\n letterSpacing: typography.sBodyMD.letterSpacing,\n },\n [TextVariant.BodySm]: {\n fontSize: typography.sBodySM.fontSize,\n letterSpacing: typography.sBodySM.letterSpacing,\n },\n [TextVariant.BodyXs]: {\n fontSize: typography.sBodyXS.fontSize,\n letterSpacing: typography.sBodyXS.letterSpacing,\n },\n [TextVariant.PageHeading]: {\n fontSize: typography.sPageHeading.fontSize,\n letterSpacing: typography.sPageHeading.letterSpacing,\n },\n [TextVariant.SectionHeading]: {\n fontSize: typography.sSectionHeading.fontSize,\n letterSpacing: typography.sSectionHeading.letterSpacing,\n },\n [TextVariant.ButtonLabelMd]: {\n fontSize: typography.sButtonLabelMd.fontSize,\n letterSpacing: typography.sButtonLabelMd.letterSpacing,\n },\n [TextVariant.ButtonLabelLg]: {\n fontSize: typography.sButtonLabelLg.fontSize,\n letterSpacing: typography.sButtonLabelLg.letterSpacing,\n },\n [TextVariant.AmountDisplayLg]: {\n fontSize: typography.sAmountDisplayLg.fontSize,\n letterSpacing: typography.sAmountDisplayLg.letterSpacing,\n },\n};\n"]}

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

@@ -1,5 +1,5 @@
+import { TextVariant } from "@metamask-previews/design-system-shared";
 import { TextInput } from "react-native/index.js";
-import { TextVariant } from "../../types/index.cjs";
 export declare const Input: import("react").ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "editable" | "value" | "defaultValue"> & {
     value: string;
     textVariant?: TextVariant | undefined;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.d.cts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"~~AAOA~~,OAAO,~~EAAY~~,~~SAAS~~,EAAE,~~8BAAqB~~;~~AAEnD~~,OAAO,~~EAAc~~,~~WAAW~~,EAAE,~~8BAAoB~~;~~AAStD~~,eAAO,MAAM,KAAK;;;;;;;6CAqHjB,CAAC"}
1	+ {"version":3,"file":"Input.d.cts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,WAAW,EAAE,gDAAgD;AAQlF,OAAO,EAAY,SAAS,EAAE,8BAAqB;AAUnD,eAAO,MAAM,KAAK;;;;;;;6CAqHjB,CAAC"}

package/dist/components/Input/Input.d.mts CHANGED Viewed

@@ -1,5 +1,5 @@
+import { TextVariant } from "@metamask-previews/design-system-shared";
 import { TextInput } from "react-native/index.js";
-import { TextVariant } from "../../types/index.mjs";
 export declare const Input: import("react").ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "editable" | "value" | "defaultValue"> & {
     value: string;
     textVariant?: TextVariant | undefined;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.d.mts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"~~AAOA~~,OAAO,~~EAAY~~,~~SAAS~~,EAAE,~~8BAAqB~~;~~AAEnD~~,OAAO,~~EAAc~~,~~WAAW~~,EAAE,~~8BAAoB~~;~~AAStD~~,eAAO,MAAM,KAAK;;;;;;;6CAqHjB,CAAC"}
1	+ {"version":3,"file":"Input.d.mts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,WAAW,EAAE,gDAAgD;AAQlF,OAAO,EAAY,SAAS,EAAE,8BAAqB;AAUnD,eAAO,MAAM,KAAK;;;;;;;6CAqHjB,CAAC"}

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

@@ -1,8 +1,8 @@
+import { FontFamily, TextVariant } from "@metamask-previews/design-system-shared";
 import { Theme, useTailwind, useTheme } from "@metamask-previews/design-system-twrnc-preset";
 import { darkTheme, lightTheme } from "@metamask-previews/design-tokens";
 import { forwardRef, useCallback, useMemo, useState } from "react";
 import { Platform, TextInput } from "react-native/index.js";
-import { FontFamily, TextVariant } from "../../types/index.mjs";
 import { MAP_TEXT_VARIANT_FONTWEIGHT, TWCLASSMAP_TEXT_FONTWEIGHT } from "../Text/Text.constants.mjs";
 import { MAP_TEXT_VARIANT_INPUT_METRICS } from "./Input.constants.mjs";
 export const Input = forwardRef(({ style, textVariant = TextVariant.BodyMd, isStateStylesDisabled, isDisabled = false, isReadonly = false, value, placeholder, twClassName, onBlur, onFocus, autoFocus = false, ...props }, ref) => {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.mjs","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACT,sDAAsD;AACvD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,yCAAyC;AACzE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc;AACnE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,8BAAqB;AAEnD,OAAO,~~EAAE,UAAU,EAAE,WAAW,EAAE,8BAAoB;AACtD,OAAO,~~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","sourcesContent":["import {\n Theme,\n useTailwind,\n useTheme,\n} from '@metamask-previews/design-system-twrnc-preset';\nimport { darkTheme, lightTheme } from '@metamask-previews/design-tokens';\nimport { forwardRef, useCallback, useMemo, useState } from 'react';\nimport { Platform, TextInput } from 'react-native';\n\nimport { ~~FontFamily, TextVariant } from '../../types';\nimport {~~\n MAP_TEXT_VARIANT_FONTWEIGHT,\n TWCLASSMAP_TEXT_FONTWEIGHT,\n} from '../Text/Text.constants';\n\nimport { MAP_TEXT_VARIANT_INPUT_METRICS } from './Input.constants';\nimport type { InputProps } from './Input.types';\n\nexport const Input = forwardRef<TextInput, InputProps>(\n (\n {\n style,\n textVariant = TextVariant.BodyMd,\n isStateStylesDisabled,\n isDisabled = false,\n isReadonly = false,\n value,\n placeholder,\n twClassName,\n onBlur,\n onFocus,\n autoFocus = false,\n ...props\n },\n ref,\n ) => {\n const [isFocused, setIsFocused] = useState(autoFocus);\n const tw = useTailwind();\n const theme = useTheme();\n\n const placeholderTextColor = useMemo(\n () =>\n theme === Theme.Light\n ? lightTheme.colors.text.alternative\n : darkTheme.colors.text.alternative,\n [theme],\n );\n\n const finalFontWeight = MAP_TEXT_VARIANT_FONTWEIGHT[textVariant];\n const fontSuffix = TWCLASSMAP_TEXT_FONTWEIGHT[finalFontWeight];\n const fontClass = `font-${FontFamily.Default}${fontSuffix}`;\n const hasPlaceholder =\n placeholder !== undefined && placeholder !== null && placeholder !== '';\n // Only apply placeholder-mode styling when a placeholder is present and\n // the controlled value is empty. This keeps the iOS lineHeight workaround\n // scoped to the placeholder-visible state without affecting typed text.\n const isPlaceholderVisible = hasPlaceholder && value === '';\n\n const inputStyle = useMemo(\n () =>\n tw.style(\n fontClass,\n 'text-default',\n 'bg-default',\n 'border',\n 'border-transparent',\n !isStateStylesDisabled && isDisabled && 'opacity-50',\n !isStateStylesDisabled &&\n !isDisabled &&\n isFocused &&\n 'border-primary-default',\n twClassName,\n ),\n [\n fontClass,\n isStateStylesDisabled,\n isDisabled,\n isFocused,\n twClassName,\n tw,\n ],\n );\n\n const variantTextStyle = useMemo(\n () => MAP_TEXT_VARIANT_INPUT_METRICS[textVariant],\n [textVariant],\n );\n\n /* istanbul ignore next: handler body covered by focus/blur tests /\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 / istanbul ignore next: handler body covered by focus/blur tests */\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 const resolvedStyle = [\n inputStyle,\n variantTextStyle,\n // iOS-only workaround: when a placeholder is visible, native iOS\n // TextInput can render placeholder text vertically offset.\n // Keep this iOS-only because lineHeight: 0 can collapse text on Android.\n Platform.OS === 'ios' &&\n isPlaceholderVisible && { lineHeight: 0 as const },\n style,\n ].filter(Boolean);\n\n return (\n <TextInput\n ref={ref}\n placeholderTextColor={placeholderTextColor}\n {...props}\n placeholder={placeholder}\n value={value}\n style={resolvedStyle}\n editable={!isDisabled && !isReadonly}\n autoFocus={autoFocus}\n onBlur={onBlurHandler}\n onFocus={onFocusHandler}\n />\n );\n },\n);\n"]}
1	+ {"version":3,"file":"Input.mjs","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FontFamily, TextVariant } from '@metamask-previews/design-system-shared';\nimport {\n Theme,\n useTailwind,\n useTheme,\n} from '@metamask-previews/design-system-twrnc-preset';\nimport { darkTheme, lightTheme } from '@metamask-previews/design-tokens';\nimport { forwardRef, useCallback, useMemo, useState } from 'react';\nimport { Platform, TextInput } from 'react-native';\n\nimport {\n MAP_TEXT_VARIANT_FONTWEIGHT,\n TWCLASSMAP_TEXT_FONTWEIGHT,\n} from '../Text/Text.constants';\n\nimport { MAP_TEXT_VARIANT_INPUT_METRICS } from './Input.constants';\nimport type { InputProps } from './Input.types';\n\nexport const Input = forwardRef<TextInput, InputProps>(\n (\n {\n style,\n textVariant = TextVariant.BodyMd,\n isStateStylesDisabled,\n isDisabled = false,\n isReadonly = false,\n value,\n placeholder,\n twClassName,\n onBlur,\n onFocus,\n autoFocus = false,\n ...props\n },\n ref,\n ) => {\n const [isFocused, setIsFocused] = useState(autoFocus);\n const tw = useTailwind();\n const theme = useTheme();\n\n const placeholderTextColor = useMemo(\n () =>\n theme === Theme.Light\n ? lightTheme.colors.text.alternative\n : darkTheme.colors.text.alternative,\n [theme],\n );\n\n const finalFontWeight = MAP_TEXT_VARIANT_FONTWEIGHT[textVariant];\n const fontSuffix = TWCLASSMAP_TEXT_FONTWEIGHT[finalFontWeight];\n const fontClass = `font-${FontFamily.Default}${fontSuffix}`;\n const hasPlaceholder =\n placeholder !== undefined && placeholder !== null && placeholder !== '';\n // Only apply placeholder-mode styling when a placeholder is present and\n // the controlled value is empty. This keeps the iOS lineHeight workaround\n // scoped to the placeholder-visible state without affecting typed text.\n const isPlaceholderVisible = hasPlaceholder && value === '';\n\n const inputStyle = useMemo(\n () =>\n tw.style(\n fontClass,\n 'text-default',\n 'bg-default',\n 'border',\n 'border-transparent',\n !isStateStylesDisabled && isDisabled && 'opacity-50',\n !isStateStylesDisabled &&\n !isDisabled &&\n isFocused &&\n 'border-primary-default',\n twClassName,\n ),\n [\n fontClass,\n isStateStylesDisabled,\n isDisabled,\n isFocused,\n twClassName,\n tw,\n ],\n );\n\n const variantTextStyle = useMemo(\n () => MAP_TEXT_VARIANT_INPUT_METRICS[textVariant],\n [textVariant],\n );\n\n /* istanbul ignore next: handler body covered by focus/blur tests /\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 / istanbul ignore next: handler body covered by focus/blur tests */\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 const resolvedStyle = [\n inputStyle,\n variantTextStyle,\n // iOS-only workaround: when a placeholder is visible, native iOS\n // TextInput can render placeholder text vertically offset.\n // Keep this iOS-only because lineHeight: 0 can collapse text on Android.\n Platform.OS === 'ios' &&\n isPlaceholderVisible && { lineHeight: 0 as const },\n style,\n ].filter(Boolean);\n\n return (\n <TextInput\n ref={ref}\n placeholderTextColor={placeholderTextColor}\n {...props}\n placeholder={placeholder}\n value={value}\n style={resolvedStyle}\n editable={!isDisabled && !isReadonly}\n autoFocus={autoFocus}\n onBlur={onBlurHandler}\n onFocus={onFocusHandler}\n />\n );\n },\n);\n"]}

package/dist/components/Input/Input.types.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.types.cjs","sourceRoot":"","sources":["../../../src/components/Input/Input.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ~~TextInputProps~~ } from '~~react~~-~~native~~';\n\nimport type { ~~TextVariant~~ } from '~~../../types~~';\n\nexport type InputProps = Omit<\n TextInputProps,\n 'editable' \| 'value' \| 'defaultValue'\n> & {\n /*\n Controlled value for Input.\n /\n value: string;\n /\n Optional enum to select between Typography variants.\n \n @default BodyMd\n /\n textVariant?: TextVariant;\n /\n Optional boolean to disable Input.\n \n @default false\n /\n isDisabled?: boolean;\n /\n Optional boolean to show readonly input.\n \n @default false\n /\n isReadonly?: boolean;\n /\n Optional boolean to disable state styles.\n \n @default false\n /\n isStateStylesDisabled?: boolean;\n /\n Optional prop to add twrnc overriding classNames.\n */\n twClassName?: string;\n};\n"]}
1	+ {"version":3,"file":"Input.types.cjs","sourceRoot":"","sources":["../../../src/components/Input/Input.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TextVariant } from '@metamask-previews/design-system-shared';\nimport type { TextInputProps } from 'react-native';\n\nexport type InputProps = Omit<\n TextInputProps,\n 'editable' \| 'value' \| 'defaultValue'\n> & {\n /*\n Controlled value for Input.\n /\n value: string;\n /\n Optional enum to select between Typography variants.\n \n @default BodyMd\n /\n textVariant?: TextVariant;\n /\n Optional boolean to disable Input.\n \n @default false\n /\n isDisabled?: boolean;\n /\n Optional boolean to show readonly input.\n \n @default false\n /\n isReadonly?: boolean;\n /\n Optional boolean to disable state styles.\n \n @default false\n /\n isStateStylesDisabled?: boolean;\n /\n Optional prop to add twrnc overriding classNames.\n */\n twClassName?: string;\n};\n"]}

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

@@ -1,5 +1,5 @@
+import type { TextVariant } from "@metamask-previews/design-system-shared";
 import type { TextInputProps } from "react-native/index.js";
-import type { TextVariant } from "../../types/index.cjs";
 export type InputProps = Omit<TextInputProps, 'editable' | 'value' | 'defaultValue'> & {
     /**
      * Controlled value for Input.

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.types.d.cts","sourceRoot":"","sources":["../../../src/components/Input/Input.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,~~cAAc~~,EAAE,~~8BAAqB~~;~~AAEnD~~,OAAO,KAAK,EAAE,~~WAAW~~,EAAE,~~8BAAoB~~;~~AAE/C~~,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,cAAc,EACd,UAAU,GAAG,OAAO,GAAG,cAAc,CACtC,GAAG;IACF;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
1	+ {"version":3,"file":"Input.types.d.cts","sourceRoot":"","sources":["../../../src/components/Input/Input.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,gDAAgD;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,8BAAqB;AAEnD,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,cAAc,EACd,UAAU,GAAG,OAAO,GAAG,cAAc,CACtC,GAAG;IACF;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

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

@@ -1,5 +1,5 @@
+import type { TextVariant } from "@metamask-previews/design-system-shared";
 import type { TextInputProps } from "react-native/index.js";
-import type { TextVariant } from "../../types/index.mjs";
 export type InputProps = Omit<TextInputProps, 'editable' | 'value' | 'defaultValue'> & {
     /**
      * Controlled value for Input.

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.types.d.mts","sourceRoot":"","sources":["../../../src/components/Input/Input.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,~~cAAc~~,EAAE,~~8BAAqB~~;~~AAEnD~~,OAAO,KAAK,EAAE,~~WAAW~~,EAAE,~~8BAAoB~~;~~AAE/C~~,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,cAAc,EACd,UAAU,GAAG,OAAO,GAAG,cAAc,CACtC,GAAG;IACF;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
1	+ {"version":3,"file":"Input.types.d.mts","sourceRoot":"","sources":["../../../src/components/Input/Input.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,gDAAgD;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,8BAAqB;AAEnD,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,cAAc,EACd,UAAU,GAAG,OAAO,GAAG,cAAc,CACtC,GAAG;IACF;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

package/dist/components/Input/Input.types.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.types.mjs","sourceRoot":"","sources":["../../../src/components/Input/Input.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ~~TextInputProps~~ } from '~~react~~-~~native~~';\n\nimport type { ~~TextVariant~~ } from '~~../../types~~';\n\nexport type InputProps = Omit<\n TextInputProps,\n 'editable' \| 'value' \| 'defaultValue'\n> & {\n /*\n Controlled value for Input.\n /\n value: string;\n /\n Optional enum to select between Typography variants.\n \n @default BodyMd\n /\n textVariant?: TextVariant;\n /\n Optional boolean to disable Input.\n \n @default false\n /\n isDisabled?: boolean;\n /\n Optional boolean to show readonly input.\n \n @default false\n /\n isReadonly?: boolean;\n /\n Optional boolean to disable state styles.\n \n @default false\n /\n isStateStylesDisabled?: boolean;\n /\n Optional prop to add twrnc overriding classNames.\n */\n twClassName?: string;\n};\n"]}
1	+ {"version":3,"file":"Input.types.mjs","sourceRoot":"","sources":["../../../src/components/Input/Input.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TextVariant } from '@metamask-previews/design-system-shared';\nimport type { TextInputProps } from 'react-native';\n\nexport type InputProps = Omit<\n TextInputProps,\n 'editable' \| 'value' \| 'defaultValue'\n> & {\n /*\n Controlled value for Input.\n /\n value: string;\n /\n Optional enum to select between Typography variants.\n \n @default BodyMd\n /\n textVariant?: TextVariant;\n /\n Optional boolean to disable Input.\n \n @default false\n /\n isDisabled?: boolean;\n /\n Optional boolean to show readonly input.\n \n @default false\n /\n isReadonly?: boolean;\n /\n Optional boolean to disable state styles.\n \n @default false\n /\n isStateStylesDisabled?: boolean;\n /\n Optional prop to add twrnc overriding classNames.\n */\n twClassName?: string;\n};\n"]}

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

@@ -24,17 +24,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Text = 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 = __importStar(require("react"));
 const react_native_1 = require("react-native/index.js");
-const types_1 = require("../../types/index.cjs");
 const Text_constants_1 = require("./Text.constants.cjs");
-const Text = ({ variant = types_1.TextVariant.BodyMd, color = types_1.TextColor.TextDefault, style, children, fontWeight, fontFamily = types_1.FontFamily.Default, fontStyle = types_1.FontStyle.Normal, twClassName, ...props }) => {
+const Text = ({ variant = design_system_shared_1.TextVariant.BodyMd, color = design_system_shared_1.TextColor.TextDefault, style, children, fontWeight, fontFamily = design_system_shared_1.FontFamily.Default, fontStyle = design_system_shared_1.FontStyle.Normal, twClassName, ...props }) => {
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
     const finalFontWeight = fontWeight ?? Text_constants_1.MAP_TEXT_VARIANT_FONTWEIGHT[variant];
     const textStyle = (0, react_1.useMemo)(() => {
-        const isItalic = fontStyle === types_1.FontStyle.Italic;
-        const fontSuffix = `${Text_constants_1.TWCLASSMAP_TEXT_FONTWEIGHT[finalFontWeight]}${isItalic && fontFamily === types_1.FontFamily.Default ? '-italic' : ''}`;
+        const isItalic = fontStyle === design_system_shared_1.FontStyle.Italic;
+        const fontSuffix = `${Text_constants_1.TWCLASSMAP_TEXT_FONTWEIGHT[finalFontWeight]}${isItalic && fontFamily === design_system_shared_1.FontFamily.Default ? '-italic' : ''}`;
         const fontClass = `font-${fontFamily}${fontSuffix}`;
         return tw.style(`text-${variant}`, fontClass, color, twClassName);
     }, [variant, color, finalFontWeight, fontFamily, fontStyle, twClassName, tw]);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8FAA4E;AAC5E,+CAAuC;AACvC,wDAA8C;AAE9C,~~iDAA4E;AAE5E,~~yDAG0B;AAGnB,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,~~mBAAW~~,CAAC,MAAM,EAC5B,KAAK,GAAG,~~iBAAS~~,CAAC,WAAW,EAC7B,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,GAAG,~~kBAAU~~,CAAC,OAAO,EAC/B,SAAS,GAAG,~~iBAAS~~,CAAC,MAAM,EAC5B,WAAW,EACX,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,eAAe,GAAG,UAAU,IAAI,4CAA2B,CAAC,OAAO,CAAC,CAAC;IAE3E,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC7B,MAAM,QAAQ,GAAG,SAAS,KAAK,~~iBAAS~~,CAAC,MAAM,CAAC;QAChD,MAAM,UAAU,GAAG,GAAG,2CAA0B,CAAC,eAAe,CAAC,GAC/D,QAAQ,IAAI,UAAU,KAAK,~~kBAAU~~,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,mBAAM,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,mBAAM,CAAC,CACV,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,IAAI,QA4Bf","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.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kFAKiD;AACjD,8FAA4E;AAC5E,+CAAuC;AACvC,wDAA8C;AAE9C,yDAG0B;AAGnB,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,kCAAW,CAAC,MAAM,EAC5B,KAAK,GAAG,gCAAS,CAAC,WAAW,EAC7B,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,GAAG,iCAAU,CAAC,OAAO,EAC/B,SAAS,GAAG,gCAAS,CAAC,MAAM,EAC5B,WAAW,EACX,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,eAAe,GAAG,UAAU,IAAI,4CAA2B,CAAC,OAAO,CAAC,CAAC;IAE3E,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC7B,MAAM,QAAQ,GAAG,SAAS,KAAK,gCAAS,CAAC,MAAM,CAAC;QAChD,MAAM,UAAU,GAAG,GAAG,2CAA0B,CAAC,eAAe,CAAC,GAC/D,QAAQ,IAAI,UAAU,KAAK,iCAAU,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,mBAAM,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,mBAAM,CAAC,CACV,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,IAAI,QA4Bf","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 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"]}

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");
+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,
+    [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,2BAA2B,GAEpC;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 MAP_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,4 +1,4 @@
-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;
 };

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,2BAA2B,EAAE;KACvC,GAAG,IAAI,WAAW,GAAG,UAAU;CAgBjC,CAAC"}

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

@@ -1,4 +1,4 @@
-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;
 };

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,2BAA2B,EAAE;KACvC,GAAG,IAAI,WAAW,GAAG,UAAU;CAgBjC,CAAC"}

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

@@ -1,5 +1,4 @@
-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',
@@ -7,23 +6,19 @@ export const TWCLASSMAP_TEXT_FONTWEIGHT = {
     [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,
+    [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,2BAA2B,GAEpC;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 MAP_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,CA4BpC,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,CA4BpC,CAAC"}

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

@@ -4,11 +4,11 @@ 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";
 export const Text = ({ variant = TextVariant.BodyMd, color = TextColor.TextDefault, style, children, fontWeight, fontFamily = FontFamily.Default, fontStyle = FontStyle.Normal, twClassName, ...props }) => {
     const tw = useTailwind();

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,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 {\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 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"]}

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"]}