v4.0.0

4.0.0 (2023-01-26)

⚠️ Breaking Changes

• DropdownMenu: renamed prop onMenuToggle → onOpenToggle
• DropdownMenu: removed props popupClassName and popupPlacement, use popupProps instead
• DropdownMenu: changed type of DropdownMenuItemAction
• Breadcrumbs: changed type of BreadcrumbsItem['action']
• Label: s size became xs (20px) , new s size is 24px, default size changed to xs
• Toaster: singleton is no more instantiated on load, you should do it manually
• Toaster: removed deprecated methods createToast , removeToast , overrideToast. Use newer alternatives: add, remove, update
• Toaster: renamed prop timeout → autoHiding
• Toaster: removed prop allowAutoHiding, use autoHiding: false instead
• Popover: forceLinksAppearance prop is false by default
• HelpPopover: remove default offset
• ShareTooltip: renamed to SharePopover
• ShareTooltip: renamed prop socialNets → shareOptions
• Icon: remove onClick prop (clicks should be handled by accessible element)
• Text: renamed color prop value warning-medium → warning
• CSS: renamed var --yc-color-text-warning-medium → --yc-color-text-warning
• Modal: both Modal and Dialog are now using focus trapping by default for better accessibility.

🚀 Features

• React 18 support

  Use specific versions of Toaster when using React 18

• New CSS vars for semantic text over semantic background:
  • --yc-color-text-info-heavy
  • --yc-color-text-positive-heavy
  • --yc-color-text-danger-heavy
  • --yc-color-text-utility-heavy
  • --yc-color-text-misc-heavy