@metamask-previews/design-system-shared 0.2.0-preview.694a8ed → 0.4.0-preview.3aca0bd

package/CHANGELOG.md

@@ -7,6 +7,25 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.4.0]
+
+### Added
+
+- Added shared `ButtonFilter` types and constants for cross-package reuse ([#964](https://github.com/MetaMask/metamask-design-system/pull/964))
+  - Added `ButtonFilterVariant` const object with derived string union type (`primary`, `secondary`)
+  - Added `ButtonFilterPropsShared` as the shared base props contract used by React and React Native implementations
+- Added shared `BannerBase` types and constants for cross-package reuse ([#955](https://github.com/MetaMask/metamask-design-system/pull/955))
+  - Added `BannerBaseSeverity` const object with derived string union type for severity variants
+  - Added `BannerBasePropsShared` as the shared base props contract used by React and React Native implementations
+
+## [0.3.0]
+
+### Added
+
+- Added shared `BadgeCount` types and constants for cross-package reuse ([#942](https://github.com/MetaMask/metamask-design-system/pull/942))
+  - Added `BadgeCountSize` const object and derived `BadgeCountSize` string union type
+  - Added `BadgeCountPropsShared` as the shared base props contract used by React and React Native implementations
+
 ## [0.2.0]
 
 ### Added
@@ -43,7 +62,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - **Initial release** - MetaMask Design System Shared
 - Adding CAIP-10 address utilities ([#817](https://github.com/MetaMask/metamask-design-system/pull/817))
 
-[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-shared@0.2.0...HEAD
+[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-shared@0.4.0...HEAD
+[0.4.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-shared@0.3.0...@metamask/design-system-shared@0.4.0
+[0.3.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-shared@0.2.0...@metamask/design-system-shared@0.3.0
 [0.2.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-shared@0.1.3...@metamask/design-system-shared@0.2.0
 [0.1.3]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-shared@0.1.2...@metamask/design-system-shared@0.1.3
 [0.1.2]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-shared@0.1.1...@metamask/design-system-shared@0.1.2

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BadgeStatusSize = exports.BadgeStatusStatus = exports.BadgeCountSize = exports.generateIconSeed = exports.isEthereumAddress = exports.generateSeedNonEthereum = exports.generateSeedEthereum = exports.extractAccountAddress = void 0;
+exports.BannerAlertSeverity = exports.BadgeStatusSize = exports.BadgeStatusStatus = exports.BadgeCountSize = exports.generateIconSeed = exports.isEthereumAddress = exports.generateSeedNonEthereum = exports.generateSeedEthereum = exports.extractAccountAddress = void 0;
 var caip_address_1 = require("./utils/caip-address.cjs");
 Object.defineProperty(exports, "extractAccountAddress", { enumerable: true, get: function () { return caip_address_1.extractAccountAddress; } });
 Object.defineProperty(exports, "generateSeedEthereum", { enumerable: true, get: function () { return caip_address_1.generateSeedEthereum; } });
@@ -14,4 +14,7 @@ Object.defineProperty(exports, "BadgeCountSize", { enumerable: true, get: functi
 var BadgeStatus_1 = require("./types/BadgeStatus/index.cjs");
 Object.defineProperty(exports, "BadgeStatusStatus", { enumerable: true, get: function () { return BadgeStatus_1.BadgeStatusStatus; } });
 Object.defineProperty(exports, "BadgeStatusSize", { enumerable: true, get: function () { return BadgeStatus_1.BadgeStatusSize; } });
+// BannerAlert types (ADR-0003 + ADR-0004)
+var BannerAlert_1 = require("./types/BannerAlert/index.cjs");
+Object.defineProperty(exports, "BannerAlertSeverity", { enumerable: true, get: function () { return BannerAlert_1.BannerAlertSeverity; } });
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,yDAM8B;AAL5B,qHAAA,qBAAqB,OAAA;AACrB,oHAAA,oBAAoB,OAAA;AACpB,uHAAA,uBAAuB,OAAA;AACvB,iHAAA,iBAAiB,OAAA;AACjB,gHAAA,gBAAgB,OAAA;AAGlB,yCAAyC;AACzC,2DAAgF;AAAvE,4GAAA,cAAc,OAAA;AAEvB,0CAA0C;AAC1C,6DAI6B;AAH3B,gHAAA,iBAAiB,OAAA;AACjB,8GAAA,eAAe,OAAA","sourcesContent":["export {\n  extractAccountAddress,\n  generateSeedEthereum,\n  generateSeedNonEthereum,\n  isEthereumAddress,\n  generateIconSeed,\n} from './utils/caip-address';\n\n// BadgeCount types (ADR-0003 + ADR-0004)\nexport { BadgeCountSize, type BadgeCountPropsShared } from './types/BadgeCount';\n\n// BadgeStatus types (ADR-0003 + ADR-0004)\nexport {\n  BadgeStatusStatus,\n  BadgeStatusSize,\n  type BadgeStatusPropsShared,\n} from './types/BadgeStatus';\n\n// BannerBase types (ADR-0004)\nexport { type BannerBasePropsShared } from './types/BannerBase';\n"]}
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,yDAM8B;AAL5B,qHAAA,qBAAqB,OAAA;AACrB,oHAAA,oBAAoB,OAAA;AACpB,uHAAA,uBAAuB,OAAA;AACvB,iHAAA,iBAAiB,OAAA;AACjB,gHAAA,gBAAgB,OAAA;AAGlB,yCAAyC;AACzC,2DAAgF;AAAvE,4GAAA,cAAc,OAAA;AAEvB,0CAA0C;AAC1C,6DAI6B;AAH3B,gHAAA,iBAAiB,OAAA;AACjB,8GAAA,eAAe,OAAA;AAUjB,0CAA0C;AAC1C,6DAG6B;AAF3B,kHAAA,mBAAmB,OAAA","sourcesContent":["export {\n  extractAccountAddress,\n  generateSeedEthereum,\n  generateSeedNonEthereum,\n  isEthereumAddress,\n  generateIconSeed,\n} from './utils/caip-address';\n\n// BadgeCount types (ADR-0003 + ADR-0004)\nexport { BadgeCountSize, type BadgeCountPropsShared } from './types/BadgeCount';\n\n// BadgeStatus types (ADR-0003 + ADR-0004)\nexport {\n  BadgeStatusStatus,\n  BadgeStatusSize,\n  type BadgeStatusPropsShared,\n} from './types/BadgeStatus';\n\n// BannerBase types (ADR-0004)\nexport { type BannerBasePropsShared } from './types/BannerBase';\n\n// ButtonFilter types (ADR-0004)\nexport { type ButtonFilterPropsShared } from './types/ButtonFilter';\n\n// BannerAlert types (ADR-0003 + ADR-0004)\nexport {\n  BannerAlertSeverity,\n  type BannerAlertPropsShared,\n} from './types/BannerAlert';\n"]}

package/dist/index.d.cts

@@ -2,4 +2,6 @@ export { extractAccountAddress, generateSeedEthereum, generateSeedNonEthereum, i
 export { BadgeCountSize, type BadgeCountPropsShared } from "./types/BadgeCount/index.cjs";
 export { BadgeStatusStatus, BadgeStatusSize, type BadgeStatusPropsShared, } from "./types/BadgeStatus/index.cjs";
 export { type BannerBasePropsShared } from "./types/BannerBase/index.cjs";
+export { type ButtonFilterPropsShared } from "./types/ButtonFilter/index.cjs";
+export { BannerAlertSeverity, type BannerAlertPropsShared, } from "./types/BannerAlert/index.cjs";
 //# sourceMappingURL=index.d.cts.map

package/dist/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,GACjB,iCAA6B;AAG9B,OAAO,EAAE,cAAc,EAAE,KAAK,qBAAqB,EAAE,qCAA2B;AAGhF,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,KAAK,sBAAsB,GAC5B,sCAA4B;AAG7B,OAAO,EAAE,KAAK,qBAAqB,EAAE,qCAA2B"}
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,GACjB,iCAA6B;AAG9B,OAAO,EAAE,cAAc,EAAE,KAAK,qBAAqB,EAAE,qCAA2B;AAGhF,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,KAAK,sBAAsB,GAC5B,sCAA4B;AAG7B,OAAO,EAAE,KAAK,qBAAqB,EAAE,qCAA2B;AAGhE,OAAO,EAAE,KAAK,uBAAuB,EAAE,uCAA6B;AAGpE,OAAO,EACL,mBAAmB,EACnB,KAAK,sBAAsB,GAC5B,sCAA4B"}

package/dist/index.d.mts

@@ -2,4 +2,6 @@ export { extractAccountAddress, generateSeedEthereum, generateSeedNonEthereum, i
 export { BadgeCountSize, type BadgeCountPropsShared } from "./types/BadgeCount/index.mjs";
 export { BadgeStatusStatus, BadgeStatusSize, type BadgeStatusPropsShared, } from "./types/BadgeStatus/index.mjs";
 export { type BannerBasePropsShared } from "./types/BannerBase/index.mjs";
+export { type ButtonFilterPropsShared } from "./types/ButtonFilter/index.mjs";
+export { BannerAlertSeverity, type BannerAlertPropsShared, } from "./types/BannerAlert/index.mjs";
 //# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,GACjB,iCAA6B;AAG9B,OAAO,EAAE,cAAc,EAAE,KAAK,qBAAqB,EAAE,qCAA2B;AAGhF,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,KAAK,sBAAsB,GAC5B,sCAA4B;AAG7B,OAAO,EAAE,KAAK,qBAAqB,EAAE,qCAA2B"}
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,GACjB,iCAA6B;AAG9B,OAAO,EAAE,cAAc,EAAE,KAAK,qBAAqB,EAAE,qCAA2B;AAGhF,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,KAAK,sBAAsB,GAC5B,sCAA4B;AAG7B,OAAO,EAAE,KAAK,qBAAqB,EAAE,qCAA2B;AAGhE,OAAO,EAAE,KAAK,uBAAuB,EAAE,uCAA6B;AAGpE,OAAO,EACL,mBAAmB,EACnB,KAAK,sBAAsB,GAC5B,sCAA4B"}

package/dist/index.mjs

@@ -3,4 +3,6 @@ export { extractAccountAddress, generateSeedEthereum, generateSeedNonEthereum, i
 export { BadgeCountSize } from "./types/BadgeCount/index.mjs";
 // BadgeStatus types (ADR-0003 + ADR-0004)
 export { BadgeStatusStatus, BadgeStatusSize } from "./types/BadgeStatus/index.mjs";
+// BannerAlert types (ADR-0003 + ADR-0004)
+export { BannerAlertSeverity } from "./types/BannerAlert/index.mjs";
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,EACjB,iCAA6B;AAE9B,yCAAyC;AACzC,OAAO,EAAE,cAAc,EAA8B,qCAA2B;AAEhF,0CAA0C;AAC1C,OAAO,EACL,iBAAiB,EACjB,eAAe,EAEhB,sCAA4B","sourcesContent":["export {\n  extractAccountAddress,\n  generateSeedEthereum,\n  generateSeedNonEthereum,\n  isEthereumAddress,\n  generateIconSeed,\n} from './utils/caip-address';\n\n// BadgeCount types (ADR-0003 + ADR-0004)\nexport { BadgeCountSize, type BadgeCountPropsShared } from './types/BadgeCount';\n\n// BadgeStatus types (ADR-0003 + ADR-0004)\nexport {\n  BadgeStatusStatus,\n  BadgeStatusSize,\n  type BadgeStatusPropsShared,\n} from './types/BadgeStatus';\n\n// BannerBase types (ADR-0004)\nexport { type BannerBasePropsShared } from './types/BannerBase';\n"]}
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,EACjB,iCAA6B;AAE9B,yCAAyC;AACzC,OAAO,EAAE,cAAc,EAA8B,qCAA2B;AAEhF,0CAA0C;AAC1C,OAAO,EACL,iBAAiB,EACjB,eAAe,EAEhB,sCAA4B;AAQ7B,0CAA0C;AAC1C,OAAO,EACL,mBAAmB,EAEpB,sCAA4B","sourcesContent":["export {\n  extractAccountAddress,\n  generateSeedEthereum,\n  generateSeedNonEthereum,\n  isEthereumAddress,\n  generateIconSeed,\n} from './utils/caip-address';\n\n// BadgeCount types (ADR-0003 + ADR-0004)\nexport { BadgeCountSize, type BadgeCountPropsShared } from './types/BadgeCount';\n\n// BadgeStatus types (ADR-0003 + ADR-0004)\nexport {\n  BadgeStatusStatus,\n  BadgeStatusSize,\n  type BadgeStatusPropsShared,\n} from './types/BadgeStatus';\n\n// BannerBase types (ADR-0004)\nexport { type BannerBasePropsShared } from './types/BannerBase';\n\n// ButtonFilter types (ADR-0004)\nexport { type ButtonFilterPropsShared } from './types/ButtonFilter';\n\n// BannerAlert types (ADR-0003 + ADR-0004)\nexport {\n  BannerAlertSeverity,\n  type BannerAlertPropsShared,\n} from './types/BannerAlert';\n"]}

package/dist/types/BannerAlert/BannerAlert.types.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerAlertSeverity = void 0;
+/**
+ * BannerAlert severity variants.
+ * Uses const object with derived union type (ADR-0003).
+ */
+exports.BannerAlertSeverity = {
+    /** Informational style. */
+    Info: 'info',
+    /** Success style. */
+    Success: 'success',
+    /** Warning style. */
+    Warning: 'warning',
+    /** Danger style. */
+    Danger: 'danger',
+};
+//# sourceMappingURL=BannerAlert.types.cjs.map

package/dist/types/BannerAlert/BannerAlert.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerAlert.types.cjs","sourceRoot":"","sources":["../../../src/types/BannerAlert/BannerAlert.types.ts"],"names":[],"mappings":";;;AAEA;;;GAGG;AACU,QAAA,mBAAmB,GAAG;IACjC,2BAA2B;IAC3B,IAAI,EAAE,MAAM;IACZ,qBAAqB;IACrB,OAAO,EAAE,SAAS;IAClB,qBAAqB;IACrB,OAAO,EAAE,SAAS;IAClB,oBAAoB;IACpB,MAAM,EAAE,QAAQ;CACR,CAAC","sourcesContent":["import type { BannerBasePropsShared } from '../BannerBase';\n\n/**\n * BannerAlert severity variants.\n * Uses const object with derived union type (ADR-0003).\n */\nexport const BannerAlertSeverity = {\n  /** Informational style. */\n  Info: 'info',\n  /** Success style. */\n  Success: 'success',\n  /** Warning style. */\n  Warning: 'warning',\n  /** Danger style. */\n  Danger: 'danger',\n} as const;\n\nexport type BannerAlertSeverity =\n  (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity];\n\n/**\n * BannerAlert shared props (ADR-0004).\n * Platform-independent properties shared across React and React Native.\n */\nexport type BannerAlertPropsShared = BannerBasePropsShared & {\n  /**\n   * Optional semantic severity.\n   *\n   * @default BannerAlertSeverity.Info\n   */\n  severity?: BannerAlertSeverity;\n};\n"]}

package/dist/types/BannerAlert/BannerAlert.types.d.cts

@@ -0,0 +1,29 @@
+import type { BannerBasePropsShared } from "../BannerBase/index.cjs";
+/**
+ * BannerAlert severity variants.
+ * Uses const object with derived union type (ADR-0003).
+ */
+export declare const BannerAlertSeverity: {
+    /** Informational style. */
+    readonly Info: "info";
+    /** Success style. */
+    readonly Success: "success";
+    /** Warning style. */
+    readonly Warning: "warning";
+    /** Danger style. */
+    readonly Danger: "danger";
+};
+export type BannerAlertSeverity = (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity];
+/**
+ * BannerAlert shared props (ADR-0004).
+ * Platform-independent properties shared across React and React Native.
+ */
+export type BannerAlertPropsShared = BannerBasePropsShared & {
+    /**
+     * Optional semantic severity.
+     *
+     * @default BannerAlertSeverity.Info
+     */
+    severity?: BannerAlertSeverity;
+};
+//# sourceMappingURL=BannerAlert.types.d.cts.map

package/dist/types/BannerAlert/BannerAlert.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerAlert.types.d.cts","sourceRoot":"","sources":["../../../src/types/BannerAlert/BannerAlert.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,gCAAsB;AAE3D;;;GAGG;AACH,eAAO,MAAM,mBAAmB;IAC9B,2BAA2B;;IAE3B,qBAAqB;;IAErB,qBAAqB;;IAErB,oBAAoB;;CAEZ,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAC7B,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAEjE;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,qBAAqB,GAAG;IAC3D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAChC,CAAC"}

package/dist/types/BannerAlert/BannerAlert.types.d.mts

@@ -0,0 +1,29 @@
+import type { BannerBasePropsShared } from "../BannerBase/index.mjs";
+/**
+ * BannerAlert severity variants.
+ * Uses const object with derived union type (ADR-0003).
+ */
+export declare const BannerAlertSeverity: {
+    /** Informational style. */
+    readonly Info: "info";
+    /** Success style. */
+    readonly Success: "success";
+    /** Warning style. */
+    readonly Warning: "warning";
+    /** Danger style. */
+    readonly Danger: "danger";
+};
+export type BannerAlertSeverity = (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity];
+/**
+ * BannerAlert shared props (ADR-0004).
+ * Platform-independent properties shared across React and React Native.
+ */
+export type BannerAlertPropsShared = BannerBasePropsShared & {
+    /**
+     * Optional semantic severity.
+     *
+     * @default BannerAlertSeverity.Info
+     */
+    severity?: BannerAlertSeverity;
+};
+//# sourceMappingURL=BannerAlert.types.d.mts.map

package/dist/types/BannerAlert/BannerAlert.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerAlert.types.d.mts","sourceRoot":"","sources":["../../../src/types/BannerAlert/BannerAlert.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,gCAAsB;AAE3D;;;GAGG;AACH,eAAO,MAAM,mBAAmB;IAC9B,2BAA2B;;IAE3B,qBAAqB;;IAErB,qBAAqB;;IAErB,oBAAoB;;CAEZ,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAC7B,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAEjE;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,qBAAqB,GAAG;IAC3D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAChC,CAAC"}

package/dist/types/BannerAlert/BannerAlert.types.mjs

@@ -0,0 +1,15 @@
+/**
+ * BannerAlert severity variants.
+ * Uses const object with derived union type (ADR-0003).
+ */
+export const BannerAlertSeverity = {
+    /** Informational style. */
+    Info: 'info',
+    /** Success style. */
+    Success: 'success',
+    /** Warning style. */
+    Warning: 'warning',
+    /** Danger style. */
+    Danger: 'danger',
+};
+//# sourceMappingURL=BannerAlert.types.mjs.map

package/dist/types/BannerAlert/BannerAlert.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerAlert.types.mjs","sourceRoot":"","sources":["../../../src/types/BannerAlert/BannerAlert.types.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,2BAA2B;IAC3B,IAAI,EAAE,MAAM;IACZ,qBAAqB;IACrB,OAAO,EAAE,SAAS;IAClB,qBAAqB;IACrB,OAAO,EAAE,SAAS;IAClB,oBAAoB;IACpB,MAAM,EAAE,QAAQ;CACR,CAAC","sourcesContent":["import type { BannerBasePropsShared } from '../BannerBase';\n\n/**\n * BannerAlert severity variants.\n * Uses const object with derived union type (ADR-0003).\n */\nexport const BannerAlertSeverity = {\n  /** Informational style. */\n  Info: 'info',\n  /** Success style. */\n  Success: 'success',\n  /** Warning style. */\n  Warning: 'warning',\n  /** Danger style. */\n  Danger: 'danger',\n} as const;\n\nexport type BannerAlertSeverity =\n  (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity];\n\n/**\n * BannerAlert shared props (ADR-0004).\n * Platform-independent properties shared across React and React Native.\n */\nexport type BannerAlertPropsShared = BannerBasePropsShared & {\n  /**\n   * Optional semantic severity.\n   *\n   * @default BannerAlertSeverity.Info\n   */\n  severity?: BannerAlertSeverity;\n};\n"]}

package/dist/types/BannerAlert/index.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerAlertSeverity = void 0;
+var BannerAlert_types_1 = require("./BannerAlert.types.cjs");
+Object.defineProperty(exports, "BannerAlertSeverity", { enumerable: true, get: function () { return BannerAlert_types_1.BannerAlertSeverity; } });
+//# sourceMappingURL=index.cjs.map

package/dist/types/BannerAlert/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/types/BannerAlert/index.ts"],"names":[],"mappings":";;;AAAA,6DAG6B;AAF3B,wHAAA,mBAAmB,OAAA","sourcesContent":["export {\n  BannerAlertSeverity,\n  type BannerAlertPropsShared,\n} from './BannerAlert.types';\n"]}

package/dist/types/BannerAlert/index.d.cts

@@ -0,0 +1,2 @@
+export { BannerAlertSeverity, type BannerAlertPropsShared, } from "./BannerAlert.types.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/types/BannerAlert/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/types/BannerAlert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,KAAK,sBAAsB,GAC5B,gCAA4B"}

package/dist/types/BannerAlert/index.d.mts

@@ -0,0 +1,2 @@
+export { BannerAlertSeverity, type BannerAlertPropsShared, } from "./BannerAlert.types.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/types/BannerAlert/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/types/BannerAlert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,KAAK,sBAAsB,GAC5B,gCAA4B"}

package/dist/types/BannerAlert/index.mjs

@@ -0,0 +1,2 @@
+export { BannerAlertSeverity } from "./BannerAlert.types.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/types/BannerAlert/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/types/BannerAlert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EAEpB,gCAA4B","sourcesContent":["export {\n  BannerAlertSeverity,\n  type BannerAlertPropsShared,\n} from './BannerAlert.types';\n"]}

package/dist/types/ButtonFilter/ButtonFilter.types.cjs

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ButtonFilter.types.cjs.map

package/dist/types/ButtonFilter/ButtonFilter.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonFilter.types.cjs","sourceRoot":"","sources":["../../../src/types/ButtonFilter/ButtonFilter.types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * ButtonFilter component shared props (ADR-0004)\n * Platform-independent state shared across React and React Native.\n */\nexport type ButtonFilterPropsShared = {\n  /**\n   * Whether the filter button is in an active state.\n   *\n   * @default false\n   */\n  isActive?: boolean;\n};\n"]}

package/dist/types/ButtonFilter/ButtonFilter.types.d.cts

@@ -0,0 +1,13 @@
+/**
+ * ButtonFilter component shared props (ADR-0004)
+ * Platform-independent state shared across React and React Native.
+ */
+export type ButtonFilterPropsShared = {
+    /**
+     * Whether the filter button is in an active state.
+     *
+     * @default false
+     */
+    isActive?: boolean;
+};
+//# sourceMappingURL=ButtonFilter.types.d.cts.map

package/dist/types/ButtonFilter/ButtonFilter.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonFilter.types.d.cts","sourceRoot":"","sources":["../../../src/types/ButtonFilter/ButtonFilter.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}

package/dist/types/ButtonFilter/ButtonFilter.types.d.mts

@@ -0,0 +1,13 @@
+/**
+ * ButtonFilter component shared props (ADR-0004)
+ * Platform-independent state shared across React and React Native.
+ */
+export type ButtonFilterPropsShared = {
+    /**
+     * Whether the filter button is in an active state.
+     *
+     * @default false
+     */
+    isActive?: boolean;
+};
+//# sourceMappingURL=ButtonFilter.types.d.mts.map

package/dist/types/ButtonFilter/ButtonFilter.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonFilter.types.d.mts","sourceRoot":"","sources":["../../../src/types/ButtonFilter/ButtonFilter.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}

package/dist/types/ButtonFilter/ButtonFilter.types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ButtonFilter.types.mjs.map

package/dist/types/ButtonFilter/ButtonFilter.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonFilter.types.mjs","sourceRoot":"","sources":["../../../src/types/ButtonFilter/ButtonFilter.types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * ButtonFilter component shared props (ADR-0004)\n * Platform-independent state shared across React and React Native.\n */\nexport type ButtonFilterPropsShared = {\n  /**\n   * Whether the filter button is in an active state.\n   *\n   * @default false\n   */\n  isActive?: boolean;\n};\n"]}

package/dist/types/ButtonFilter/index.cjs

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=index.cjs.map

package/dist/types/ButtonFilter/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/types/ButtonFilter/index.ts"],"names":[],"mappings":"","sourcesContent":["export { type ButtonFilterPropsShared } from './ButtonFilter.types';\n"]}

package/dist/types/ButtonFilter/index.d.cts

@@ -0,0 +1,2 @@
+export { type ButtonFilterPropsShared } from "./ButtonFilter.types.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/types/ButtonFilter/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/types/ButtonFilter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,uBAAuB,EAAE,iCAA6B"}

package/dist/types/ButtonFilter/index.d.mts

@@ -0,0 +1,2 @@
+export { type ButtonFilterPropsShared } from "./ButtonFilter.types.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/types/ButtonFilter/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/types/ButtonFilter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,uBAAuB,EAAE,iCAA6B"}

package/dist/types/ButtonFilter/index.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.mjs.map

package/dist/types/ButtonFilter/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/types/ButtonFilter/index.ts"],"names":[],"mappings":"","sourcesContent":["export { type ButtonFilterPropsShared } from './ButtonFilter.types';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metamask-previews/design-system-shared",
-  "version": "0.2.0-preview.694a8ed",
+  "version": "0.4.0-preview.3aca0bd",
   "description": "Shared types for design system libraries",
   "keywords": [
     "MetaMask",
@@ -52,6 +52,7 @@
     "@metamask/auto-changelog": "^5.3.2",
     "@ts-bridge/cli": "^0.6.3",
     "@types/jest": "^27.4.1",
+    "@types/react": "^18.2.0",
     "deepmerge": "^4.2.2",
     "jest": "^29.7.0",
     "ts-jest": "^29.2.5",