Release 24.0.0#954
Conversation
📖 Storybook Preview |
|
|
||
| ### Changed | ||
|
|
||
| - **BREAKING:** Updated `BadgeCount` type exports to use the ADR-0003/ADR-0004 const-object + string-union pattern instead of TypeScript enums ([#942](https://github.com/MetaMask/metamask-design-system/pull/942)) |
There was a problem hiding this comment.
Breaking change is well-documented with concrete examples of the enum-to-const-object migration pattern, including the specific import changes consumers need to make.
| - Added `ActionListItem` component for standardized list row actions ([#951](https://github.com/MetaMask/metamask-design-system/pull/951)) | ||
| - Added `SensitiveText` component for sensitive value display and reveal interactions ([#922](https://github.com/MetaMask/metamask-design-system/pull/922)) | ||
| - Added `ButtonSemantic` component for semantic intent button variants ([#950](https://github.com/MetaMask/metamask-design-system/pull/950)) | ||
| - Added `BottomSheetHeader` component for consistent bottom sheet header layouts ([#927](https://github.com/MetaMask/metamask-design-system/pull/927)) |
There was a problem hiding this comment.
Five new components added in this release provide critical UI primitives for mobile applications: action lists, sensitive data display, semantic buttons, hero CTAs, and bottom sheet headers.
| { | ||
| "name": "@metamask/design-system-react-native", | ||
| "version": "0.9.0", | ||
| "version": "0.10.0", |
There was a problem hiding this comment.
Critical dependency relationship: design-system-react and design-system-react-native both consume shared BadgeCount types from design-system-shared v0.3.0, requiring coordinated version bumps across all three packages.
|
|
||
| - 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 |
There was a problem hiding this comment.
Shared types foundation enables the ADR-0003/ADR-0004 architecture pattern where BadgeCount const objects and types are defined once and reused across both React and React Native packages.
| { | ||
| "name": "@metamask/metamask-design-system", | ||
| "version": "23.0.0", | ||
| "version": "24.0.0", |
There was a problem hiding this comment.
Monorepo root version tracks the release cadence but does not publish to npm. The three published packages (design-system-react, design-system-react-native, design-system-shared) maintain their own semantic versions.
📖 Storybook Preview |
Release 24.0.0
This release includes BadgeCount type migration updates and new React Native components.
📦 Package Versions
@metamask/design-system-shared: 0.3.0@metamask/design-system-react: 0.10.0@metamask/design-system-react-native: 0.10.0🔄 Shared + React Type Updates
BadgeCount ADR Migration (#942)
Updated
BadgeCounttypes to follow ADR-0003 and ADR-0004 patterns across shared, React, and React Native packages.What Changed:
BadgeCountSizenow uses const-object + string-union typing instead of enum-based typingBadgeCountprops/types are centralized in@metamask/design-system-sharedBadgeCounttypesImpact:
📱 React Native Updates (0.10.0)
Added
ActionListItemcomponent (feat: addActionListItem#951)SensitiveTextcomponent (feat: SensitiveText #922)ButtonSemanticcomponent (feat: addButtonSemantic#950)BottomSheetHeadercomponent (feat:BottomSheetHeader#927)ButtonHerocomponent to React Native package (feat: migrate ButtonHero to design-system-react-native #934)BadgeCounttype exports were migrated from enum-style to const-object/union style (refactor: migrate BadgeCount to union and shared types #942)✅ Checklist
yarn changelog:validate)Note
Low Risk
Changes are limited to version bumps and changelog updates; no runtime code is modified. The main risk is downstream impact from the documented breaking
BadgeCounttype export migration when consumers upgrade.Overview
Bumps the monorepo and package versions for the
24.0.0release (@metamask/design-system-react/react-nativeto0.10.0,@metamask/design-system-sharedto0.3.0).Updates changelogs to publish release notes, including a breaking
BadgeCounttype export migration to the const-object + string-union pattern and documenting newly added React Native components in0.10.0.Written by Cursor Bugbot for commit 6c194fe. This will update automatically on new commits. Configure here.