diff --git a/package.json b/package.json
index 6aea096b5..34c687a7e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "@metamask/metamask-design-system",
- "version": "37.0.0",
+ "version": "38.0.0",
"private": true,
"description": "The MetaMask Design System monorepo",
"repository": {
diff --git a/packages/design-system-react-native/CHANGELOG.md b/packages/design-system-react-native/CHANGELOG.md
index 61a15bb7c..ddd27024f 100644
--- a/packages/design-system-react-native/CHANGELOG.md
+++ b/packages/design-system-react-native/CHANGELOG.md
@@ -7,6 +7,22 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
## [Unreleased]
+## [0.23.0]
+
+### Added
+
+- Added `Merge` to the icon set so it can be used anywhere `IconName` is supported in `@metamask/design-system-react-native` ([#1155](https://github.com/MetaMask/metamask-design-system/pull/1155))
+
+### Changed
+
+- **BREAKING:** Redesigned `Toast` to use a single mounted `` plus static `Toast.show(...)` and `Toast.hide()` methods for application usage ([#1104](https://github.com/MetaMask/metamask-design-system/pull/1104))
+ - Removed `ToastContext`, `ToastContextWrapper`, and `ToastContextParams` from the public export surface
+ - Renamed `ToastVariants` to `ToastVariant`, changed icon-only close buttons to `ToastCloseButtonVariant.Icon`, and renamed `customBottomOffset` to `bottomOffset`
+ - `Toast.show()` and `Toast.hide()` now throw a descriptive error if called before `` mounts
+ - See [Migration Guide](./MIGRATION.md#from-version-0220-to-0230)
+- Updated `Input` to use the shared cross-platform API. Consumers should pass a controlled `value`, replace `isReadonly` with `isReadOnly`, and use the shared state-style behavior expected by wrappers like `TextField` ([#1043](https://github.com/MetaMask/metamask-design-system/pull/1043))
+- Updated `AvatarGroup` to use shared cross-platform size and variant contracts, keeping React and React Native aligned on the same public API names and values ([#1067](https://github.com/MetaMask/metamask-design-system/pull/1067))
+
## [0.22.0]
### Changed
@@ -386,7 +402,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- Full TypeScript support with type definitions and enums
- React Native integration with TWRNC preset support
-[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.22.0...HEAD
+[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.23.0...HEAD
+[0.23.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.22.0...@metamask/design-system-react-native@0.23.0
[0.22.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.21.0...@metamask/design-system-react-native@0.22.0
[0.21.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.20.0...@metamask/design-system-react-native@0.21.0
[0.20.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.19.0...@metamask/design-system-react-native@0.20.0
diff --git a/packages/design-system-react-native/MIGRATION.md b/packages/design-system-react-native/MIGRATION.md
index e24b3fb30..dd2e4006f 100644
--- a/packages/design-system-react-native/MIGRATION.md
+++ b/packages/design-system-react-native/MIGRATION.md
@@ -26,7 +26,7 @@ This guide provides detailed instructions for migrating your project from one ve
- [TabEmptyState Component](#tabemptystate-component)
- [Toast Component](#toast-component)
- [Version Updates](#version-updates)
- - [From version 0.X.0 to 0.X.0](#from-version-0x0-to-0x0)
+ - [From version 0.22.0 to 0.23.0](#from-version-0220-to-0230)
- [From version 0.21.0 to 0.22.0](#from-version-0210-to-0220)
- [From version 0.19.0 to 0.20.0](#from-version-0190-to-0200)
- [From version 0.18.0 to 0.19.0](#from-version-0180-to-0190)
@@ -40,9 +40,33 @@ This guide provides detailed instructions for migrating your project from one ve
## Version Updates
-### From version 0.X.0 to 0.X.0
+### From version 0.22.0 to 0.23.0
-TODO(release): replace `0.X.0` with the actual version numbers when this PR lands in a release.
+#### Toast: static API replaces context-based usage
+
+**What changed:**
+
+- **`Toast`** now exposes static **`Toast.show(...)`** and **`Toast.hide()`** methods for application usage, instead of relying on **`ToastContext`**, **`ToastContextWrapper`**, or an app-level service singleton.
+- **`ToastContext`**, **`ToastContextWrapper`**, and **`ToastContextParams`** are no longer part of the public **`@metamask/design-system-react-native`** exports.
+- **`ToastVariants`** is renamed to **`ToastVariant`**.
+- Icon-only close buttons now use **`ToastCloseButtonVariant.Icon`** instead of **`ButtonVariants.Link`**.
+- **`customBottomOffset`** is renamed to **`bottomOffset`**.
+- Calling **`Toast.show()`** or **`Toast.hide()`** before **``** mounts now throws a descriptive runtime error instead of silently doing nothing.
+
+**Migration:**
+
+- Mount **``** exactly once near the root of the app.
+- Replace any **`useContext(ToastContext)`**, **`ToastContextWrapper`**, or app-level **`ToastService`** usage with **`Toast.show(...)`** and **`Toast.hide()`**.
+- Rename **`ToastVariants`** to **`ToastVariant`** in all call sites.
+- Replace icon-only close button usage from **`ButtonVariants.Link`** to **`ToastCloseButtonVariant.Icon`**.
+- Rename **`customBottomOffset`** to **`bottomOffset`**.
+
+See [Toast Component](#toast-component) for complete before/after examples and API mappings.
+
+**Impact:**
+
+- Existing **`@metamask/design-system-react-native`** consumers using the old context-based Toast flow must update imports, root mounting, and toast invocation patterns.
+- Existing call sites that already use the forwarded **`ToastRef`** methods for isolated cases can keep doing so, but app-level usage should move to the static API.
#### Input: shared controlled contract and readonly naming alignment
diff --git a/packages/design-system-react-native/package.json b/packages/design-system-react-native/package.json
index 02f0c6d18..588596aab 100644
--- a/packages/design-system-react-native/package.json
+++ b/packages/design-system-react-native/package.json
@@ -1,6 +1,6 @@
{
"name": "@metamask/design-system-react-native",
- "version": "0.22.0",
+ "version": "0.23.0",
"description": "Design System React Native",
"keywords": [
"MetaMask",
diff --git a/packages/design-system-react/CHANGELOG.md b/packages/design-system-react/CHANGELOG.md
index 4b9cd0d02..f685fdf26 100644
--- a/packages/design-system-react/CHANGELOG.md
+++ b/packages/design-system-react/CHANGELOG.md
@@ -7,6 +7,18 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
## [Unreleased]
+## [0.21.0]
+
+### Added
+
+- Added `Merge` to the icon set so it can be used anywhere `IconName` is supported in `@metamask/design-system-react` ([#1155](https://github.com/MetaMask/metamask-design-system/pull/1155))
+- Added `ModalOverlay`, `ModalBody`, `ModalFocus`, and `ModalFooter` to help Extension consumers migrate modal building blocks into `@metamask/design-system-react` ([#1120](https://github.com/MetaMask/metamask-design-system/pull/1120), [#1121](https://github.com/MetaMask/metamask-design-system/pull/1121), [#1128](https://github.com/MetaMask/metamask-design-system/pull/1128), [#1132](https://github.com/MetaMask/metamask-design-system/pull/1132))
+
+### Changed
+
+- Updated `Input` to use the shared cross-platform API. Consumers should pass a controlled `value`, use `isReadOnly` as the readonly prop name, and stop relying on `defaultValue` as part of the public component contract ([#1043](https://github.com/MetaMask/metamask-design-system/pull/1043))
+- Updated `AvatarGroup` to use shared cross-platform size and variant contracts, keeping React and React Native aligned on the same public API names and values ([#1067](https://github.com/MetaMask/metamask-design-system/pull/1067))
+
## [0.20.0]
### Changed
@@ -282,7 +294,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- Full TypeScript support with type definitions and enums
- Tailwind CSS integration with design token support
-[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.20.0...HEAD
+[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.21.0...HEAD
+[0.21.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.20.0...@metamask/design-system-react@0.21.0
[0.20.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.19.0...@metamask/design-system-react@0.20.0
[0.19.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.18.0...@metamask/design-system-react@0.19.0
[0.18.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.17.1...@metamask/design-system-react@0.18.0
diff --git a/packages/design-system-react/package.json b/packages/design-system-react/package.json
index ea6e9c526..da11c1e27 100644
--- a/packages/design-system-react/package.json
+++ b/packages/design-system-react/package.json
@@ -1,6 +1,6 @@
{
"name": "@metamask/design-system-react",
- "version": "0.20.0",
+ "version": "0.21.0",
"description": "Design system react ui components",
"keywords": [
"MetaMask",
@@ -78,7 +78,7 @@
"typescript": "~5.2.2"
},
"peerDependencies": {
- "@metamask/design-system-tailwind-preset": "^0.6.0",
+ "@metamask/design-system-tailwind-preset": "^0.7.0",
"@metamask/design-tokens": "^8.1.0",
"@metamask/utils": "^11.11.0",
"react": "^17.0.0 || ^18.0.0 || ^19.0.0",
diff --git a/packages/design-system-shared/CHANGELOG.md b/packages/design-system-shared/CHANGELOG.md
index 6aa74ee10..b4e3646e4 100644
--- a/packages/design-system-shared/CHANGELOG.md
+++ b/packages/design-system-shared/CHANGELOG.md
@@ -7,6 +7,14 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
## [Unreleased]
+## [0.16.0]
+
+### Added
+
+- Added `Merge` to the shared icon exports so React and React Native consumers can access it through their existing `IconName` APIs ([#1155](https://github.com/MetaMask/metamask-design-system/pull/1155))
+- Added shared `Input` contracts for a controlled `value`, `isReadOnly`, and `isStateStylesDisabled`, making it easier to build cross-platform wrappers against one public input API ([#1043](https://github.com/MetaMask/metamask-design-system/pull/1043))
+- Added shared `AvatarGroup` size, variant, and prop contracts for consumers building cross-platform abstractions on top of `@metamask/design-system-shared` ([#1067](https://github.com/MetaMask/metamask-design-system/pull/1067))
+
## [0.15.0]
### Added
@@ -166,7 +174,8 @@ 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.15.0...HEAD
+[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-shared@0.16.0...HEAD
+[0.16.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-shared@0.15.0...@metamask/design-system-shared@0.16.0
[0.15.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-shared@0.14.0...@metamask/design-system-shared@0.15.0
[0.14.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-shared@0.13.0...@metamask/design-system-shared@0.14.0
[0.13.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-shared@0.12.0...@metamask/design-system-shared@0.13.0
diff --git a/packages/design-system-shared/package.json b/packages/design-system-shared/package.json
index 404a0746d..4ff2858c4 100644
--- a/packages/design-system-shared/package.json
+++ b/packages/design-system-shared/package.json
@@ -1,6 +1,6 @@
{
"name": "@metamask/design-system-shared",
- "version": "0.15.0",
+ "version": "0.16.0",
"description": "Shared types for design system libraries",
"keywords": [
"MetaMask",
diff --git a/packages/design-system-tailwind-preset/CHANGELOG.md b/packages/design-system-tailwind-preset/CHANGELOG.md
index 6846af4ea..e020597f6 100644
--- a/packages/design-system-tailwind-preset/CHANGELOG.md
+++ b/packages/design-system-tailwind-preset/CHANGELOG.md
@@ -7,6 +7,16 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
## [Unreleased]
+## [0.7.0]
+
+### Added
+
+- Added a `fade-in` animation utility so consumers can use `animate-fade-in` for simple opacity entrance transitions, including the new `ModalOverlay` web migration path ([#1120](https://github.com/MetaMask/metamask-design-system/pull/1120))
+
+### Changed
+
+- Clarified the migration path for consumers moving to Tailwind CSS v4. Existing Tailwind v3 projects can keep using this preset, while Tailwind v4 projects should move to `@metamask/design-tokens/tailwind/theme.css` instead ([#1117](https://github.com/MetaMask/metamask-design-system/pull/1117))
+
## [0.6.1]
### Fixed
@@ -42,7 +52,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Changed
-- **BREAKING:** Removed variant-specific font family classnames in favor of base font families ([#533](https://github.com/MetaMask/metamask-design-system/pull/533)):
+- **BREAKING:** Removed variant-specific font family classnames in favor of base font families: ([#533](https://github.com/MetaMask/metamask-design-system/pull/533))
- Removed all `s-*` and `l-*` typography font family classnames (e.g., `s-display-md`, `s-heading-lg`, etc.)
- Now using three base font family classnames:
- `font-default` for default text (Geist)
@@ -54,7 +64,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Changed
-- Updated to use new font family configuration from @metamask/design-tokens@6.0.0 ([#499](https://github.com/MetaMask/metamask-design-system/pull/499)). Note: This includes breaking changes in the design-tokens package - see the [@metamask/design-tokens migration guide](../design-tokens/MIGRATION.md#from-version-510-to-600) for details.
+- Updated to use new font family configuration from @metamask/design-tokens@6.0.0. Note: This includes breaking changes in the design-tokens package - see the [@metamask/design-tokens migration guide](../design-tokens/MIGRATION.md#from-version-510-to-600) for details. ([#499](https://github.com/MetaMask/metamask-design-system/pull/499))
## [0.1.0]
@@ -62,7 +72,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- Initial release.
-[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-tailwind-preset@0.6.1...HEAD
+[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-tailwind-preset@0.7.0...HEAD
+[0.7.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-tailwind-preset@0.6.1...@metamask/design-system-tailwind-preset@0.7.0
[0.6.1]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-tailwind-preset@0.6.0...@metamask/design-system-tailwind-preset@0.6.1
[0.6.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-tailwind-preset@0.5.0...@metamask/design-system-tailwind-preset@0.6.0
[0.5.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-tailwind-preset@0.4.0...@metamask/design-system-tailwind-preset@0.5.0
diff --git a/packages/design-system-tailwind-preset/package.json b/packages/design-system-tailwind-preset/package.json
index dbd560e04..a7e36ecb0 100644
--- a/packages/design-system-tailwind-preset/package.json
+++ b/packages/design-system-tailwind-preset/package.json
@@ -1,6 +1,6 @@
{
"name": "@metamask/design-system-tailwind-preset",
- "version": "0.6.1",
+ "version": "0.7.0",
"description": "Design System Tailwind CSS preset for MetaMask projects",
"keywords": [
"MetaMask",
diff --git a/packages/design-tokens/CHANGELOG.md b/packages/design-tokens/CHANGELOG.md
index 986c59c50..b6c2fefc2 100644
--- a/packages/design-tokens/CHANGELOG.md
+++ b/packages/design-tokens/CHANGELOG.md
@@ -7,11 +7,17 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
## [Unreleased]
+## [8.4.0]
+
+### Added
+
+- Added `@metamask/design-tokens/tailwind/theme.css` for Tailwind CSS v4, giving consumers a single import for MetaMask token variables, theme values, typography utilities, font utilities, and shadow utilities. See the [migration guide](./MIGRATION.md#tailwind-css-v3-to-v4) for upgrade steps ([#1117](https://github.com/MetaMask/metamask-design-system/pull/1117))
+
## [8.3.0]
### Changed
-- `fontWeights.bold` and the `--font-weight-bold` CSS variable now return `600`, and the Storybook font loaders/`@font-face` declarations consume the new `Geist-SemiBold`/`Geist-SemiBoldItalic` assets instead of the retired bold files ([#1017](https://github.com/MetaMask/metamask-design-system/pull/1017)). The `design-system-twrnc-preset` mapping for `default-bold`/`default-bold-italic` now resolves to those semibold PostScript names, so custom Tailwind classnames should align with the new fonts. Update `@font-face` declarations, font bundles, and `font-weight: 700` styles to point at the semibold files, include the semibold assets from `apps/storybook-react-native/fonts/Geist` and `apps/storybook-react/fonts/Geist` when you bundle fonts manually, and run the [migration guide](./MIGRATION.md#from-version-822-to-830) to verify `fontWeights.bold` references propagate through CSS, JS, and Tailwind configurations.
+- `fontWeights.bold` and the `--font-weight-bold` CSS variable now return `600`, and the Storybook font loaders/`@font-face` declarations consume the new `Geist-SemiBold`/`Geist-SemiBoldItalic` assets instead of the retired bold files. The `design-system-twrnc-preset` mapping for `default-bold`/`default-bold-italic` now resolves to those semibold PostScript names, so custom Tailwind classnames should align with the new fonts. Update `@font-face` declarations, font bundles, and `font-weight: 700` styles to point at the semibold files, include the semibold assets from `apps/storybook-react-native/fonts/Geist` and `apps/storybook-react/fonts/Geist` when you bundle fonts manually, and run the [migration guide](./MIGRATION.md#from-version-822-to-830) to verify `fontWeights.bold` references propagate through CSS, JS, and Tailwind configurations. ([#1017](https://github.com/MetaMask/metamask-design-system/pull/1017))
## [8.2.2]
@@ -66,9 +72,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Changed
-- **BREAKING:** Updated `background/muted` from opaque colors to transparent colors and added new `background/section` and `background/subsection` tokens ([#682](https://github.com/MetaMask/metamask-design-system/pull/682)). This is a breaking change that affects components requiring opaque backgrounds like BadgeNetwork, avatar fallbacks, and non-action elements. Applications must swap `background/muted` with `background/section` for opaque backgrounds.
-- **BREAKING:** Removed deprecated typography tokens `sHeadingSMRegular` and `lHeadingSMRegular` ([#699](https://github.com/MetaMask/metamask-design-system/pull/699)). Choose an appropriate replacement typography token based on your design needs. See the [migration guide](./MIGRATION.md#from-version-700-to-800) for details.
-- **BREAKING:** Changed default font from CentraNo1 to Geist ([#756](https://github.com/MetaMask/metamask-design-system/pull/756)). This affects all typography tokens and requires updating font imports and references. See the [migration guide](./MIGRATION.md#from-version-700-to-800) for details.
+- **BREAKING:** Updated `background/muted` from opaque colors to transparent colors and added new `background/section` and `background/subsection` tokens. This is a breaking change that affects components requiring opaque backgrounds like BadgeNetwork, avatar fallbacks, and non-action elements. Applications must swap `background/muted` with `background/section` for opaque backgrounds. ([#682](https://github.com/MetaMask/metamask-design-system/pull/682))
+- **BREAKING:** Removed deprecated typography tokens `sHeadingSMRegular` and `lHeadingSMRegular`. Choose an appropriate replacement typography token based on your design needs. See the [migration guide](./MIGRATION.md#from-version-700-to-800) for details. ([#699](https://github.com/MetaMask/metamask-design-system/pull/699))
+- **BREAKING:** Changed default font from CentraNo1 to Geist. This affects all typography tokens and requires updating font imports and references. See the [migration guide](./MIGRATION.md#from-version-700-to-800) for details. ([#756](https://github.com/MetaMask/metamask-design-system/pull/756))
- Fixed `text/alternative`, `text/muted`, `icon/alternative`, and `icon/muted` colors in dark mode to match design specifications ([#709](https://github.com/MetaMask/metamask-design-system/pull/709))
## [7.1.0]
@@ -82,7 +88,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Added
- **BREAKING:** Removed individual typography font family tokens in favor of base font family tokens. See the [migration guide](./MIGRATION.md#from-version-600-to-700) for details.
-- **BREAKING:** Updated Body variants(BodyXs, BodySm, BodyMd, BodyLg) font size for small screens ([#533](https://github.com/MetaMask/metamask-design-system/pull/533)). See the [migration guide](./MIGRATION.md#from-version-700-to-800) for details.
+- **BREAKING:** Updated Body variants(BodyXs, BodySm, BodyMd, BodyLg) font size for small screens. See the [migration guide](./MIGRATION.md#from-version-700-to-800) for details. ([#533](https://github.com/MetaMask/metamask-design-system/pull/533))
## [6.1.0]
@@ -100,7 +106,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Changed
-- **BREAKING:** Replaced Euclid Circular B with CentraNo1 as the primary font family ([#499](https://github.com/MetaMask/metamask-design-system/pull/499)). See the [migration guide](./MIGRATION.md#from-version-510-to-600) for details.
+- **BREAKING:** Replaced Euclid Circular B with CentraNo1 as the primary font family. See the [migration guide](./MIGRATION.md#from-version-510-to-600) for details. ([#499](https://github.com/MetaMask/metamask-design-system/pull/499))
- Removed `--font-family-euclid-circular-b` and `--font-family-roboto` CSS variables
- Changed `--font-family-sans` to use CentraNo1 with updated fallback chain
@@ -118,16 +124,14 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Added
-- **BREAKING:** Following the unintentional breaking change in `4.2.0` we are now exporting the types from root index instead of requiring deep imports ([#340](https://github.com/MetaMask/metamask-design-system/pull/340)). See the [migration guide](./MIGRATION.md#from-version-410-to-500) for details.
-
+- **BREAKING:** Following the unintentional breaking change in `4.2.0` we are now exporting the types from root index instead of requiring deep imports. See the [migration guide](./MIGRATION.md#from-version-410-to-500) for details. ([#340](https://github.com/MetaMask/metamask-design-system/pull/340))
- Added 8 new colors (4 muted-hover & 4 muted-pressed) to design-tokens Figma Json. ([#325](https://github.com/MetaMask/metamask-design-system/pull/325))
## [4.2.0]
### Added
-- feat: color updates to the design tokens package ([#230](https://github.com/metamask/metamask-design-system/pull/230))
-
+- feat: color updates to the design tokens package ([#230](https://github.com/MetaMask/metamask-design-system/pull/230))
- **BREAKING:** `@metamask/design-tokens` package migrated from standalone repository into the design system monorepo, which unintentionally broke type imports ([128](https://github.com/MetaMask/metamask-design-system/pull/128)). See the [migration guide](./MIGRATION.md#from-version-410-to-500) for details on the fix in 5.0.0.
## [4.1.0]
@@ -431,7 +435,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- Initial release.
-[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-tokens@8.3.0...HEAD
+[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-tokens@8.4.0...HEAD
+[8.4.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-tokens@8.3.0...@metamask/design-tokens@8.4.0
[8.3.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-tokens@8.2.2...@metamask/design-tokens@8.3.0
[8.2.2]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-tokens@8.2.1...@metamask/design-tokens@8.2.2
[8.2.1]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-tokens@8.2.0...@metamask/design-tokens@8.2.1
diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json
index ef80f391c..704214ba0 100644
--- a/packages/design-tokens/package.json
+++ b/packages/design-tokens/package.json
@@ -1,6 +1,6 @@
{
"name": "@metamask/design-tokens",
- "version": "8.3.0",
+ "version": "8.4.0",
"description": "Design tokens to be used throughout MetaMask products",
"keywords": [
"MetaMask",
diff --git a/yarn.lock b/yarn.lock
index 0eb8ced0f..42f538f93 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3378,7 +3378,7 @@ __metadata:
tsx: "npm:^4.20.6"
typescript: "npm:~5.2.2"
peerDependencies:
- "@metamask/design-system-tailwind-preset": ^0.6.0
+ "@metamask/design-system-tailwind-preset": ^0.7.0
"@metamask/design-tokens": ^8.1.0
"@metamask/utils": ^11.11.0
react: ^17.0.0 || ^18.0.0 || ^19.0.0