@metamask/design-system-react-native 0.25.0 → 0.27.0

package/dist/test-utils/createRenderer.cjs

@@ -0,0 +1,41 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRenderer = void 0;
+const react_1 = __importDefault(require("react"));
+const ReactTestRenderer = __importStar(require("react-test-renderer"));
+// Wraps ReactTestRenderer.create in act() as required by React 19.
+const createRenderer = (element) => {
+    let tree;
+    ReactTestRenderer.act(() => {
+        tree = ReactTestRenderer.create(element);
+    });
+    return tree;
+};
+exports.createRenderer = createRenderer;
+//# sourceMappingURL=createRenderer.cjs.map

package/dist/test-utils/createRenderer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRenderer.cjs","sourceRoot":"","sources":["../../src/test-utils/createRenderer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,uEAAyD;AAEzD,mEAAmE;AAC5D,MAAM,cAAc,GAAG,CAAC,OAA2B,EAAE,EAAE;IAC5D,IAAI,IAA0C,CAAC;IAC/C,iBAAiB,CAAC,GAAG,CAAC,GAAG,EAAE;QACzB,IAAI,GAAG,iBAAiB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AANW,QAAA,cAAc,kBAMzB","sourcesContent":["import React from 'react';\nimport * as ReactTestRenderer from 'react-test-renderer';\n\n// Wraps ReactTestRenderer.create in act() as required by React 19.\nexport const createRenderer = (element: React.ReactElement) => {\n  let tree!: ReactTestRenderer.ReactTestRenderer;\n  ReactTestRenderer.act(() => {\n    tree = ReactTestRenderer.create(element);\n  });\n  return tree;\n};\n"]}

package/dist/test-utils/createRenderer.d.cts

@@ -0,0 +1,4 @@
+import React from "react";
+import * as ReactTestRenderer from "react-test-renderer";
+export declare const createRenderer: (element: React.ReactElement) => ReactTestRenderer.ReactTestRenderer;
+//# sourceMappingURL=createRenderer.d.cts.map

package/dist/test-utils/createRenderer.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRenderer.d.cts","sourceRoot":"","sources":["../../src/test-utils/createRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAC1B,OAAO,KAAK,iBAAiB,4BAA4B;AAGzD,eAAO,MAAM,cAAc,YAAa,MAAM,YAAY,wCAMzD,CAAC"}

package/dist/test-utils/createRenderer.d.mts

@@ -0,0 +1,4 @@
+import React from "react";
+import * as ReactTestRenderer from "react-test-renderer";
+export declare const createRenderer: (element: React.ReactElement) => ReactTestRenderer.ReactTestRenderer;
+//# sourceMappingURL=createRenderer.d.mts.map

package/dist/test-utils/createRenderer.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRenderer.d.mts","sourceRoot":"","sources":["../../src/test-utils/createRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAC1B,OAAO,KAAK,iBAAiB,4BAA4B;AAGzD,eAAO,MAAM,cAAc,YAAa,MAAM,YAAY,wCAMzD,CAAC"}

package/dist/test-utils/createRenderer.mjs

@@ -0,0 +1,18 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React from "react";
+const React = $importDefault($React);
+import * as ReactTestRenderer from "react-test-renderer";
+// Wraps ReactTestRenderer.create in act() as required by React 19.
+export const createRenderer = (element) => {
+    let tree;
+    ReactTestRenderer.act(() => {
+        tree = ReactTestRenderer.create(element);
+    });
+    return tree;
+};
+//# sourceMappingURL=createRenderer.mjs.map

package/dist/test-utils/createRenderer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRenderer.mjs","sourceRoot":"","sources":["../../src/test-utils/createRenderer.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAC1B,OAAO,KAAK,iBAAiB,4BAA4B;AAEzD,mEAAmE;AACnE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,OAA2B,EAAE,EAAE;IAC5D,IAAI,IAA0C,CAAC;IAC/C,iBAAiB,CAAC,GAAG,CAAC,GAAG,EAAE;QACzB,IAAI,GAAG,iBAAiB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AACd,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport * as ReactTestRenderer from 'react-test-renderer';\n\n// Wraps ReactTestRenderer.create in act() as required by React 19.\nexport const createRenderer = (element: React.ReactElement) => {\n  let tree!: ReactTestRenderer.ReactTestRenderer;\n  ReactTestRenderer.act(() => {\n    tree = ReactTestRenderer.create(element);\n  });\n  return tree;\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metamask/design-system-react-native",
-  "version": "0.25.0",
+  "version": "0.27.0",
   "description": "Design System React Native",
   "keywords": [
     "MetaMask",
@@ -47,7 +47,7 @@
     "test:watch": "NODE_OPTIONS=--experimental-vm-modules jest --watch"
   },
   "dependencies": {
-    "@metamask/design-system-shared": "^0.18.0",
+    "@metamask/design-system-shared": "^0.20.0",
     "fast-text-encoding": "^1.0.6",
     "react-native-jazzicon": "^0.1.2"
   },
@@ -57,34 +57,33 @@
     "@babel/preset-react": "^7.25.9",
     "@babel/preset-typescript": "^7.23.3",
     "@figma/code-connect": "^1.0.0",
-    "@metamask/auto-changelog": "^6.1.0",
+    "@metamask/auto-changelog": "^6.1.1",
     "@metamask/design-system-twrnc-preset": "^0.4.2",
     "@metamask/design-tokens": "^8.4.0",
     "@metamask/utils": "^11.11.0",
-    "@react-native/babel-preset": "0.76.9",
-    "@react-native/typescript-config": "0.76.9",
-    "@storybook/react-native": "^10",
-    "@testing-library/react-hooks": "^8.0.1",
+    "@react-native/babel-preset": "0.81.5",
+    "@react-native/typescript-config": "0.81.5",
+    "@storybook/react-native": "10.4.0",
     "@testing-library/react-native": "^13.3.3",
     "@ts-bridge/cli": "^0.6.3",
     "@types/babel__preset-env": "^7",
     "@types/fast-text-encoding": "^1",
     "@types/jest": "^27.4.1",
     "@types/node": "^16.18.54",
-    "@types/react": "^18.2.0",
-    "@types/react-test-renderer": "^18",
+    "@types/react": "^19.1.0",
+    "@types/react-test-renderer": "^19.1.0",
     "babel-jest": "^29.7.0",
     "deepmerge": "^4.2.2",
     "jest": "^29.7.0",
-    "metro-react-native-babel-transformer": "0.76.9",
-    "react": "18.3.1",
-    "react-native": "0.76.9",
-    "react-native-gesture-handler": "~2.25.0",
-    "react-native-reanimated": "~3.17.2",
-    "react-native-safe-area-context": "^5.4.0",
-    "react-native-svg": "~15.11.2",
-    "react-native-svg-transformer": "^1.5.0",
-    "react-test-renderer": "^18.3.1",
+    "react": "19.1.0",
+    "react-native": "0.81.5",
+    "react-native-gesture-handler": "~2.28.0",
+    "react-native-reanimated": "~4.1.1",
+    "react-native-safe-area-context": "~5.6.0",
+    "react-native-svg": "15.12.1",
+    "react-native-svg-transformer": "^1.5.3",
+    "react-native-worklets": "0.5.1",
+    "react-test-renderer": "19.1.0",
     "ts-jest": "^29.2.5",
     "tsx": "^4.20.6",
     "typescript": "~5.2.2"

package/dist/components/BottomSheetHeader/BottomSheetHeader.constants.cjs

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BOTTOM_SHEET_HEADER_VARIANT_MAP = void 0;
-// External dependencies.
-const HeaderBase_types_1 = require("../HeaderBase/HeaderBase.types.cjs");
-// Internal dependencies.
-const BottomSheetHeader_types_1 = require("./BottomSheetHeader.types.cjs");
-/**
- * Maps BottomSheetHeaderVariant to HeaderBaseVariant.
- */
-exports.BOTTOM_SHEET_HEADER_VARIANT_MAP = {
-    [BottomSheetHeader_types_1.BottomSheetHeaderVariant.Display]: HeaderBase_types_1.HeaderBaseVariant.Display,
-    [BottomSheetHeader_types_1.BottomSheetHeaderVariant.Compact]: HeaderBase_types_1.HeaderBaseVariant.Compact,
-};
-//# sourceMappingURL=BottomSheetHeader.constants.cjs.map

package/dist/components/BottomSheetHeader/BottomSheetHeader.constants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BottomSheetHeader.constants.cjs","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/BottomSheetHeader.constants.ts"],"names":[],"mappings":";;;AAAA,yBAAyB;AACzB,yEAAmE;AAEnE,yBAAyB;AACzB,2EAAqE;AAErE;;GAEG;AACU,QAAA,+BAA+B,GAGxC;IACF,CAAC,kDAAwB,CAAC,OAAO,CAAC,EAAE,oCAAiB,CAAC,OAAO;IAC7D,CAAC,kDAAwB,CAAC,OAAO,CAAC,EAAE,oCAAiB,CAAC,OAAO;CAC9D,CAAC","sourcesContent":["// External dependencies.\nimport { HeaderBaseVariant } from '../HeaderBase/HeaderBase.types';\n\n// Internal dependencies.\nimport { BottomSheetHeaderVariant } from './BottomSheetHeader.types';\n\n/**\n * Maps BottomSheetHeaderVariant to HeaderBaseVariant.\n */\nexport const BOTTOM_SHEET_HEADER_VARIANT_MAP: Record<\n  BottomSheetHeaderVariant,\n  HeaderBaseVariant\n> = {\n  [BottomSheetHeaderVariant.Display]: HeaderBaseVariant.Display,\n  [BottomSheetHeaderVariant.Compact]: HeaderBaseVariant.Compact,\n};\n"]}

package/dist/components/BottomSheetHeader/BottomSheetHeader.constants.d.cts

@@ -1,7 +0,0 @@
-import { HeaderBaseVariant } from "../HeaderBase/HeaderBase.types.cjs";
-import { BottomSheetHeaderVariant } from "./BottomSheetHeader.types.cjs";
-/**
- * Maps BottomSheetHeaderVariant to HeaderBaseVariant.
- */
-export declare const BOTTOM_SHEET_HEADER_VARIANT_MAP: Record<BottomSheetHeaderVariant, HeaderBaseVariant>;
-//# sourceMappingURL=BottomSheetHeader.constants.d.cts.map

package/dist/components/BottomSheetHeader/BottomSheetHeader.constants.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BottomSheetHeader.constants.d.cts","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/BottomSheetHeader.constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,2CAAuC;AAGnE,OAAO,EAAE,wBAAwB,EAAE,sCAAkC;AAErE;;GAEG;AACH,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAClD,wBAAwB,EACxB,iBAAiB,CAIlB,CAAC"}

package/dist/components/BottomSheetHeader/BottomSheetHeader.constants.d.mts

@@ -1,7 +0,0 @@
-import { HeaderBaseVariant } from "../HeaderBase/HeaderBase.types.mjs";
-import { BottomSheetHeaderVariant } from "./BottomSheetHeader.types.mjs";
-/**
- * Maps BottomSheetHeaderVariant to HeaderBaseVariant.
- */
-export declare const BOTTOM_SHEET_HEADER_VARIANT_MAP: Record<BottomSheetHeaderVariant, HeaderBaseVariant>;
-//# sourceMappingURL=BottomSheetHeader.constants.d.mts.map

package/dist/components/BottomSheetHeader/BottomSheetHeader.constants.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BottomSheetHeader.constants.d.mts","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/BottomSheetHeader.constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,2CAAuC;AAGnE,OAAO,EAAE,wBAAwB,EAAE,sCAAkC;AAErE;;GAEG;AACH,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAClD,wBAAwB,EACxB,iBAAiB,CAIlB,CAAC"}

package/dist/components/BottomSheetHeader/BottomSheetHeader.constants.mjs

@@ -1,12 +0,0 @@
-// External dependencies.
-import { HeaderBaseVariant } from "../HeaderBase/HeaderBase.types.mjs";
-// Internal dependencies.
-import { BottomSheetHeaderVariant } from "./BottomSheetHeader.types.mjs";
-/**
- * Maps BottomSheetHeaderVariant to HeaderBaseVariant.
- */
-export const BOTTOM_SHEET_HEADER_VARIANT_MAP = {
-    [BottomSheetHeaderVariant.Display]: HeaderBaseVariant.Display,
-    [BottomSheetHeaderVariant.Compact]: HeaderBaseVariant.Compact,
-};
-//# sourceMappingURL=BottomSheetHeader.constants.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BottomSheetHeader.constants.mjs","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/BottomSheetHeader.constants.ts"],"names":[],"mappings":"AAAA,yBAAyB;AACzB,OAAO,EAAE,iBAAiB,EAAE,2CAAuC;AAEnE,yBAAyB;AACzB,OAAO,EAAE,wBAAwB,EAAE,sCAAkC;AAErE;;GAEG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAGxC;IACF,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC,OAAO;IAC7D,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC,OAAO;CAC9D,CAAC","sourcesContent":["// External dependencies.\nimport { HeaderBaseVariant } from '../HeaderBase/HeaderBase.types';\n\n// Internal dependencies.\nimport { BottomSheetHeaderVariant } from './BottomSheetHeader.types';\n\n/**\n * Maps BottomSheetHeaderVariant to HeaderBaseVariant.\n */\nexport const BOTTOM_SHEET_HEADER_VARIANT_MAP: Record<\n  BottomSheetHeaderVariant,\n  HeaderBaseVariant\n> = {\n  [BottomSheetHeaderVariant.Display]: HeaderBaseVariant.Display,\n  [BottomSheetHeaderVariant.Compact]: HeaderBaseVariant.Compact,\n};\n"]}

package/dist/components/HeaderBase/HeaderBase.constants.cjs

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HEADERBASE_VARIANT_TEXT_VARIANTS = void 0;
-// External dependencies.
-const Text_1 = require("../Text/index.cjs");
-// Internal dependencies.
-const HeaderBase_types_1 = require("./HeaderBase.types.cjs");
-/**
- * Text variant mapping based on HeaderBase variant.
- */
-exports.HEADERBASE_VARIANT_TEXT_VARIANTS = {
-    [HeaderBase_types_1.HeaderBaseVariant.Compact]: Text_1.TextVariant.HeadingSm,
-    [HeaderBase_types_1.HeaderBaseVariant.Display]: Text_1.TextVariant.HeadingLg,
-};
-//# sourceMappingURL=HeaderBase.constants.cjs.map

package/dist/components/HeaderBase/HeaderBase.constants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderBase.constants.cjs","sourceRoot":"","sources":["../../../src/components/HeaderBase/HeaderBase.constants.ts"],"names":[],"mappings":";;;AAAA,yBAAyB;AACzB,4CAAsC;AAEtC,yBAAyB;AACzB,6DAAuD;AAEvD;;GAEG;AACU,QAAA,gCAAgC,GAGzC;IACF,CAAC,oCAAiB,CAAC,OAAO,CAAC,EAAE,kBAAW,CAAC,SAAS;IAClD,CAAC,oCAAiB,CAAC,OAAO,CAAC,EAAE,kBAAW,CAAC,SAAS;CACnD,CAAC","sourcesContent":["// External dependencies.\nimport { TextVariant } from '../Text';\n\n// Internal dependencies.\nimport { HeaderBaseVariant } from './HeaderBase.types';\n\n/**\n * Text variant mapping based on HeaderBase variant.\n */\nexport const HEADERBASE_VARIANT_TEXT_VARIANTS: Record<\n  HeaderBaseVariant,\n  TextVariant\n> = {\n  [HeaderBaseVariant.Compact]: TextVariant.HeadingSm,\n  [HeaderBaseVariant.Display]: TextVariant.HeadingLg,\n};\n"]}

package/dist/components/HeaderBase/HeaderBase.constants.d.cts

@@ -1,7 +0,0 @@
-import { TextVariant } from "../Text/index.cjs";
-import { HeaderBaseVariant } from "./HeaderBase.types.cjs";
-/**
- * Text variant mapping based on HeaderBase variant.
- */
-export declare const HEADERBASE_VARIANT_TEXT_VARIANTS: Record<HeaderBaseVariant, TextVariant>;
-//# sourceMappingURL=HeaderBase.constants.d.cts.map

package/dist/components/HeaderBase/HeaderBase.constants.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderBase.constants.d.cts","sourceRoot":"","sources":["../../../src/components/HeaderBase/HeaderBase.constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,0BAAgB;AAGtC,OAAO,EAAE,iBAAiB,EAAE,+BAA2B;AAEvD;;GAEG;AACH,eAAO,MAAM,gCAAgC,EAAE,MAAM,CACnD,iBAAiB,EACjB,WAAW,CAIZ,CAAC"}

package/dist/components/HeaderBase/HeaderBase.constants.d.mts

@@ -1,7 +0,0 @@
-import { TextVariant } from "../Text/index.mjs";
-import { HeaderBaseVariant } from "./HeaderBase.types.mjs";
-/**
- * Text variant mapping based on HeaderBase variant.
- */
-export declare const HEADERBASE_VARIANT_TEXT_VARIANTS: Record<HeaderBaseVariant, TextVariant>;
-//# sourceMappingURL=HeaderBase.constants.d.mts.map

package/dist/components/HeaderBase/HeaderBase.constants.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderBase.constants.d.mts","sourceRoot":"","sources":["../../../src/components/HeaderBase/HeaderBase.constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,0BAAgB;AAGtC,OAAO,EAAE,iBAAiB,EAAE,+BAA2B;AAEvD;;GAEG;AACH,eAAO,MAAM,gCAAgC,EAAE,MAAM,CACnD,iBAAiB,EACjB,WAAW,CAIZ,CAAC"}

package/dist/components/HeaderBase/HeaderBase.constants.mjs

@@ -1,12 +0,0 @@
-// External dependencies.
-import { TextVariant } from "../Text/index.mjs";
-// Internal dependencies.
-import { HeaderBaseVariant } from "./HeaderBase.types.mjs";
-/**
- * Text variant mapping based on HeaderBase variant.
- */
-export const HEADERBASE_VARIANT_TEXT_VARIANTS = {
-    [HeaderBaseVariant.Compact]: TextVariant.HeadingSm,
-    [HeaderBaseVariant.Display]: TextVariant.HeadingLg,
-};
-//# sourceMappingURL=HeaderBase.constants.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderBase.constants.mjs","sourceRoot":"","sources":["../../../src/components/HeaderBase/HeaderBase.constants.ts"],"names":[],"mappings":"AAAA,yBAAyB;AACzB,OAAO,EAAE,WAAW,EAAE,0BAAgB;AAEtC,yBAAyB;AACzB,OAAO,EAAE,iBAAiB,EAAE,+BAA2B;AAEvD;;GAEG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAGzC;IACF,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS;IAClD,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS;CACnD,CAAC","sourcesContent":["// External dependencies.\nimport { TextVariant } from '../Text';\n\n// Internal dependencies.\nimport { HeaderBaseVariant } from './HeaderBase.types';\n\n/**\n * Text variant mapping based on HeaderBase variant.\n */\nexport const HEADERBASE_VARIANT_TEXT_VARIANTS: Record<\n  HeaderBaseVariant,\n  TextVariant\n> = {\n  [HeaderBaseVariant.Compact]: TextVariant.HeadingSm,\n  [HeaderBaseVariant.Display]: TextVariant.HeadingLg,\n};\n"]}