v0.52.2

0.52.2 (2024-06-14)

Bug Fixes

• revert mangle configuration from build (239a6a1)
• revert split of sbb-checkbox and sbb-radio-button (ebe391f)

v0.52.1

0.52.1 (2024-06-14)

Features

• sbb-image: provide load and error events (#2725) (56ae5b1)
• sbb-toggle-check: add size 'xs' (#2724) (7415aeb)

Bug Fixes

• avoid breaking type declarations due to alias resolution (#2776) (be72249)
• fix stacked overlays inert mechanism (#2736) (b611271)
• sbb-breadcrumb: avoid to collapse for two or fewer breadcrumbs (#2733) (ecdb355)

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)

v0.51.1

0.51.1 (2024-05-08)

Bug Fixes

• sbb-toggle: fix event timing (#2646) (6da2d26)

v0.51.0

0.51.0 (2024-05-07)

⚠ BREAKING CHANGES

• As we split up the former typography.css into smaller consumable modules, we had to change the names of some files.
  • Renamed typography.css to standard-theme.css. Notice: there is still a file called typography.css that contains only a few typography-related outputs. Therefore, import adaption from typography.css to standard-theme.css is mandatory.
  • Changed the name of fullfont.css to font-characters-extension.css.
• Replaced Roman, Bold, and Light font-face variants with the single SBB font. Using CSS font-weight property automatically selects the correct font family. Migration guide:
  • Replace font-family: "SBBWeb Roman", ... with font-family: "SBB", ... and use font-weight: normal (potentially not necessary as normal is the default).
  • Replace font-family: "SBBWeb Bold", ... with font-family: "SBB", ... and use font-weight: bold or CSS class sbb-text--bold.
  • Replace font-family: "SBBWeb Light", ... with font-family: "SBB", ... and use font-weight: 300.
  • Replace CSS variable --sbb-typo-type-face-sbb-roman with --sbb-typo-font-family and use font-weight: normal (potentially not necessary as normal is the default).
  • Replace CSS variable --sbb-typo-type-face-sbb-bold with --sbb-typo-font-family and use font-weight: bold.
  • Replace CSS variable --sbb-typo-type-face-sbb-light with --sbb-typo-font-family and use font-weight: 300.
• alert: Removed disable-animation property. Use animation='none' instead.
• notification: Removed disable-animation property. Use animation='none' instead or depending on the case 'open' or 'close'.
• disable-animation: Add the sbb-disable-animation CSS class to disable animations for the element and all its children. Consequently, all disable-animation properties of the following components have been removed.
  • Removed disable-animation property from sbb-accordion
  • Removed disable-animation property from sbb-alert
  • Removed disable-animation property from sbb-autocomplete
  • Removed disable-animation property from sbb-datepicker-toggle
  • Removed disable-animation property from sbb-dialog
  • Removed disable-animation property from sbb-expansion-panel
  • Removed disable-animation property from sbb-image
  • Removed disable-animation property from sbb-loading-indicator
  • Removed disable-animation property from sbb-menu
  • Removed disable-animation property from sbb-navigation
  • Removed disable-animation property from sbb-navigation-section
  • Removed disable-animation property from sbb-notification
  • Removed disable-animation property from sbb-overlay
  • Removed disable-animation property from sbb-popover
  • Removed disable-animation property from sbb-select
  • Removed disable-animation property from sbb-selection-panel
  • Removed disable-animation property from sbb-sticky-bar
  • Removed disable-animation property from sbb-toast
  • Removed disable-animation property from sbb-toggle

Features

• add default entries for style exports in package.json (#2643) (73271e2)
• add root entry point with global component registration (#2641) (3572fa9)
• alert: add animation property (#2507) (8b91eb8)
• notification: add animation property (#2507) (8b91eb8)
• notification: add size 's' (#2606) (cf97ecd)
• reduce font-faces to the single SBB variant (#2618) (679d9e9)
• sbb-accordion, sbb-expansion-panel: add size s (#2603) (015201d)
• sbb-alert: add size s (#2591) (3a82c67)
• sbb-container: allow expanded background color (#2640) (2854e8e)
• split CSS outputs into smaller modules (#2615) (646e5a4)

Bug Fixes

• enable next.js 14 support and add some upstream fixes (#2613) (341b7ce)
• prefix all css variable names (#2609) (788cef7)
• sbb-container: fix background color for nested containers (#2611) (c9f0e0e)
• sbb-dialog: show all content if header is always present (#2637) (924fa37), closes #2635
• sbb-image: fix alt attribute and provide css var for aspect-ratio (#2607) (54d3192)
• sbb-loading-indicator: fix sizes of loading indicator (#2630) (a1270b2)
• sbb-tab-group: avoid unwanted margin block spaces (#2628) (87d10d8)

Code Refactoring

• disable-animation: migrate disable-animation mechanism (#2507) (8b91eb8)

v0.50.2

0.50.2 (2024-04-16)

Bug Fixes

• adapt lyne tokens change (#2582) (94bf4f0)
• adapt react package import paths missed during migration (#2589) (0781c6a)
• sbb-overlay: consider sbb-overlay as overlay in inert mechanism (#2588) (4ecc125)
• sbb-teaser-hero: use auto hyphens for title text to avoid overflow (#2581) (3b8844c)

v0.50.1

0.50.1 (2024-04-15)

Bug Fixes

• update import paths missed in the migration (#2579) (9c90fa8)

v0.50.0

0.50.0 (2024-04-11)

⚠ BREAKING CHANGES

• The entry points for the @sbb-esta/lyne-components have changed from extension-less to including the extension (e.g. @sbb-esta/lyne-components/button to @sbb-esta/lyne-components/button.js).
• sbb-dialog: The sbb-dialog component now needs the dedicated inner elements sbb-dialog-title, sbb-dialog-content, and sbb-dialog-actions. Use these components to respectively provide a title, a content and, optionally, a footer with an action group. Moreover, the full-screen variant (which occurred when no title was provided to the dialog) has been removed. To achieve a full-screen overlay, please use the new sbb-overlay component. As a migration help, consider the following example. Old: <sbb-dialog title-content="Title"><p>Dialog content.</p><sbb-action-group slot="action-group">...</sbb-action-group></sbb-dialog>. New: <sbb-dialog><sbb-dialog-title>Title</sbb-dialog-title><sbb-dialog-content><p>Dialog content</p></sbb-dialog-content><sbb-dialog-actions>...</sbb-dialog-actions></sbb-dialog>. Previously, a full-screen dialog was displayed if no title was provided to the dialog component: <sbb-dialog><p>Dialog content.</p></sbb-dialog>. To achieve the same, it is now mandatory to use the sbb-overlay component: <sbb-overlay><p>Overlay content.</p></sbb-overlay>.
• Changed several internal class names. Consumers shouldn't be affected.
• sbb-form-field: The css var --sbb-form-field-height has been renamed to --sbb-form-field-min-height.

Features

• button: implemented size 'S' (#2544) (396d4dc)
• provide full font characters set as alternative (#2573) (4047883)
• sbb-form-field: support the textarea inside the <sbb-form-field> (#2506) (f8316f0), closes #2497
• sbb-overlay: extract sbb-overlay component from dialog (#2477) (5ea4fb7), closes #2476 #2470
• sbb-sticky-bar: allow configuration of z-index (#2566) (20a98b2)
• update size tokens (#2551) (74d8929)

Bug Fixes

• fix boolean handling in react wrapper (#2547) (e4ba04b)
• sbb-calendar: align month view label (#2564) (0215e00)
• sbb-dialog: fix accessibility with option to hide the header on scroll (159f536)
• sbb-dialog: fix z-index (#2572) (374d7b7)
• sbb-form-error: fix internal css variable name (#2558) (cc275af)
• set colspan properly (0215e00)
• use valid import/export syntax (#2563) (585cfc5)

Code Refactoring

• re-structure common behaviors (#2533) (906d576), closes #2534
• restructure entry points (#2575) (3d4c8ab)

v0.49.0

0.49.0 (2024-03-28)

⚠ BREAKING CHANGES

• sbb-form-field: label property and attribute of <sbb-form-field> was removed. Use <label> tag inside <sbb-form-field> to provide the label information. E.g. <sbb-form-field label="Example">...</sbb-form-field> becomes <sbb-form-field><label>Example</label>...</sbb-form-field>
• renamed component sbb-screenreader-only to sbb-screeen-reader-only.
• sbb-calendar: The SbbDatepicker property selectedDate has been renamed to selected. This also applies to the attribute selected-date, which has been renamed to selected. Additionally the DateAdapter (and NativeDateAdapter) have been superficially refactored. An important change is that the month is now 1-based, instead of 0-based.

Features

• implement experimental support for server side rendering (SSR) (#2466) (3abcc68)

Bug Fixes

• fix scrollbar styles for Chrome (#2524) (1266a21)
• sbb-button: remove gap for hidden icons in icon slot (#2526) (433c57c)
• sbb-form-field: remove label property and attribute (#2523) (602064c)
• stories with label bold for sbb-checkbox and sbb-radio-button (#2528) (9e85be5)

Code Refactoring

• rename component name from sbb-screenreader-only to sbb-screeen-reader-only (#2520) (6fbf085)
• sbb-calendar: implement initial support for other date libraries (6d4e9c2)

v0.48.3

0.48.3 (2024-03-21)

Bug Fixes

• sbb-checkbox, sbb-toggle-check: enable attribute mutation after form reset (#2505) (6bd8924)
• sbb-header: fix header shadow on keyboard navigation (#2508) (3eefbea)
• sbb-navigation-section: ensure sbb-active initializes correctly (#2493) (baede50)