Watson update #12

Breaking Changes

• WCollapse API updates:
  • Renamed open property to modelValue
  • Changed v-model:open to v-model
  • Updated related event names

Mobile-first Design

We've introduced comprehensive mobile support across Watson components with new mobile-specific tokens and responsive styles:

• Updated core components with mobile-optimized styles:
  • WButton
  • WInput
  • WSelect
  • WToggle
  • WRadio
  • WCheckbox
  • WText
  • WModal
  • WHeader
  • WNavList
  • WToast
  • WPopover - now includes mobile-specific backdrop and close button
  • WDropdown
  • WLink - updated icon size on mobile

Features

• WModal now supports preventClose property to control modal closing behavior
• WAvatar received a new xsmall size variant
• WDatepicker now supports firstDayOfWeek and highlightCurrentWeek properties
• Added hint slots to form components:
  • WDatepicker
  • WCombobox
  • WCheckbox
  • WFieldset
  • WFileUpload
  • WInput
  • WRadio
  • WSelect
  • WTextarea
  • WToggle
• WToast
  • Added position property
  • Added action button support
• WButton received a new alignLabel property
• WNavList added new slots for customization
• WDropdown added new slots for customization
• WActionBar updated breakpoints and stories
• Updated iconography with new icons and "unlock" icon

Bug Fixes

• Fixed icon shrinking issues in various scenarios
• WPopover now uses inert attribute instead of aria-hidden
• Improved accessibility and keyboard navigation
• Multiple fixes for form components and date handling
• Various minor improvements and optimizations
• Fixed missing badge variants
• Fixed skeleton text sizing for body variant
• Fixed hover color for WLink
• Avoid icon shrinking in some scenarios
• Replaced aria-hidden with inert in WPopover
• Fixed WDropdown size prop description
• Fixed adding attributes by default in table body cell
• Fixed WToast disabling teleport in web components