v0.52.0

0.52.0 (2024-06-06)

⚠ BREAKING CHANGES

• type 'SbbDialogCloseEventDetails' has been renamed to 'SbbOverlayCloseEventDetails'
• The half-public data-now attribute has become a public now property that can be used to set time or date-based components into a specific state, especially for testing purposes.
  • sbb-calendar, sbb-datepicker, sbb-timetable-row, sbb-journey-summary, sbb-pearl-chain, sbb-pearl-chain-time: change the attribute data-now to now. The property now can be a Date or Unix timestamp. If you had a timestamp in milliseconds before, please divide by 1000 to get seconds.
  • sbb-clock: change the attribute data-now to now. The property now has to be in the format "HH:MM:SS".
• Lyne components and Lyne components react libraries have been renamed, please update imports accordingly.
  • @sbb-esta/lyne-components => @sbb-esta/lyne-elements
  • @sbb-esta/lyne-components-react => @sbb-esta/lyne-react
    The following components, and their react wrappers, have been moved into @sbb-esta/lyne-elements-experimental and @sbb-esta/lyne-react-experimental respectively:
  • sbb-journey-summary
  • sbb-pearl-chain
  • sbb-pearl-chain-time
  • sbb-pearl-chain-vertical
  • sbb-pearl-chain-vertical-item
  • sbb-timetable-duration
  • sbb-timetable-row
• sbb-link: Due to screen reader limitations, we had to move the link role inside the Shadow DOM. Therefore, for the following components, replace the [aria-label] usages with [accessibility-label] attribute or accessibilityLabel property:
  • sbb-breadcrumb
  • sbb-button-link, sbb-secondary-button-link, sbb-tertiary-button-link, sbb-transparent-button-link
  • sbb-card-link
  • sbb-header-link
  • sbb-link, sbb-block-link
  • sbb-menu-link
  • sbb-navigation-link
  • sbb-teaser, sbb-teaser-hero, sbb-teaser-paid

Features

• add 'now' property instead of data-now attribute (#2674) (94c25b1)
• file-selector: add size s (#2685) (6783621)
• journey-header: add size s (#2656) (610ef3a)
• sbb-lead-container: add support for sbb-alert-group (#2719) (3d556f9), closes #2714
• sbb-lead-container: initial implementation (#2672) (bb1f3a8)
• sbb-popover: change close button size (#2688) (1f259be)
• sbb-stepper: introduce sbb-stepper component (#2491) (d389572)
• sbb-tab-group: add size s variant (#2683) (c00aa58)
• sbb-tag, sbb-tag-group: add size s variant (#2664) (6291bdc)

Bug Fixes

• fix lead container tests (d6355dd)
• prevent stack overflow with attribute changes (#2661) (4b382ed)
• sbb-alert: improve SSR hydration support (#2650) (1b09429)
• sbb-block-link: always show underline except for footer links (#2705) (5fbedd2)
• sbb-button: fix gap between icon and text for size s (#2678) (38efbd8)
• sbb-datepicker: handle hydration correctly (#2721) (058489a), closes #2691
• sbb-dialog: fix dialog-content z-index (#2722) (55b3446)
• sbb-image: render URL correctly with SSR (#2712) (fde1700)
• sbb-link: fix accessibility by inlining link functionality into Shadow DOM (52344e9)
• sbb-option: correctly determine highlight state with SSR (#2713) (d2d253c), closes #2689
• sbb-radio-button: fix checked initialization (#2692) (abdaf43)

Code Refactoring

• create base class for overlay functionality (#2599) (2059719)
• rename lyne-components into lyne-elements and create lyne-elements-experimental (edd3a73)