Skip to content

25.0.0

Choose a tag to compare

@github-actions github-actions released this 10 Mar 20:43
6aab1c9

@metamask/design-system-react 0.11.0

Added

  • Added ButtonFilter component for filter button functionality (#964)
  • Added BannerBase component for creating custom banner notifications (#961)

Changed

  • BREAKING: Updated ButtonIcon API to use variant prop instead of isInverse and isFloating boolean props (#948)
    • Removed isInverse and isFloating props
    • Added variant prop with three options: ButtonIconVariant.Default (default), ButtonIconVariant.Filled (new muted background with rounded corners), and ButtonIconVariant.Floating (replaces isFloating behavior)
    • Migration: Replace isFloating={true} with variant={ButtonIconVariant.Floating}, and use variant={ButtonIconVariant.Default} for standard transparent background
    • See Migration Guide for complete migration instructions
  • Updated Ai icon to filled version for visual consistency (#970)

@metamask/design-system-react-native 0.11.0

Added

  • Added ButtonFilter component for filter button functionality (#964)
  • Added BottomSheet component for modal bottom sheet interactions (#963)
  • Added MainActionButton component for primary call-to-action buttons (#952)
  • Added BannerBase component for creating custom banner notifications (#955)
  • Added ListItem component for standardized list rows (#958)
  • Added TabEmptyState component for empty tab state displays (#949)
  • Added BottomSheetDialog component for bottom sheet dialog interactions (#905)

Changed

  • BREAKING: Updated ButtonIcon API to use variant prop instead of isInverse and isFloating boolean props (#948)
    • Removed isInverse and isFloating props
    • Added variant prop with three options: ButtonIconVariant.Default (default), ButtonIconVariant.Filled (new muted background with rounded corners), and ButtonIconVariant.Floating (replaces isFloating behavior)
    • Migration: Replace isFloating={true} with variant={ButtonIconVariant.Floating}, and use variant={ButtonIconVariant.Default} for standard transparent background
    • See Migration Guide for complete migration instructions
  • BREAKING: Input component now requires value prop and is controlled-only (#960)
    • Removed defaultValue prop - all Input instances must now pass a value prop and manage state via onChange
    • This change affects all components using Input directly, including TextField
    • Migration: Convert uncontrolled inputs to controlled by adding state management with value and onChange props
    • See Migration Guide for complete migration instructions
  • Updated Ai icon to filled version for visual consistency (#970)

Fixed

  • Fixed iOS placeholder alignment issue in Input component without affecting typed text rendering (#960)
  • Fixed missing component exports in package entry point (#967)

@metamask/design-system-shared 0.4.0

Added

  • Added shared ButtonFilter types and constants for cross-package reuse (#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)
    • 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