Skip to content

56.0.0

Choose a tag to compare

@github-actions github-actions released this 23 Jul 22:09
891a9de

@metamask/design-system-react 0.34.0

Added

  • Added IconAlert for severity-mapped icon glyphs aligned with the React Native primitive (#1409)
  • Added showIcon to HelpText (default false) to render a leading IconAlert when severity is set (#1409)

Changed

  • Updated BannerBase spacing (padding, title/description gap, action button margin, and close button offset) to match Figma; inherited by BannerAlert and Toast (#1394)

@metamask/design-system-react-native 0.38.0

Added

  • Added KeyValueSelect for pressable key/value rows with a non-interactive SelectButton value (opens a picker or bottom sheet via onPress) (#1410)
  • Added HelpText for field-level helper and validation copy with optional HelpTextSeverity coloring (#1405)
  • Added showIcon to HelpText (default false) to render a leading IconAlert when severity is set (#1409)
  • Added isHidden / length support on string slots for Content, ListItem, TitleHub, and KeyValueRow via SensitiveText (e.g. valueProps, amountProps, valueTextProps) (#1406)

Changed

  • BREAKING: KeyValueRow now defaults to px-4 (16px) horizontal padding so rows align with other full-width list surfaces without a parent padding wrapper (#1410)
    • Call sites that already wrap rows in px-4 / paddingHorizontal={4} will double-pad unless that wrapper padding is removed
    • Flush rows can override with twClassName="px-0"
    • See Migration Guide
  • Updated BannerBase spacing (conditional bottom/right padding and title/description gap) to match Figma; inherited by BannerAlert and Toast (#1393)

Fixed

  • Fixed Slider thumb rewind on rapid taps and fast pans (#1397)
  • Fixed Content description stretching the end accessory when the description wraps (#1404)

@metamask/design-system-shared 0.31.0

Added

  • Added KeyValueSelectPropsShared, KeyValueSelectSelectButtonPropsShared, and KeyValueSelectVariant for cross-platform KeyValueSelect support (#1410)
  • Added showIcon to HelpTextPropsShared (default false) for an optional leading severity icon on HelpText (#1409)