Zur Navigation Zum Inhalt Kontakt
Deutsch Français Italiano English Releases

Latest Releases on Github

2.1.0 (2025-01-16)

Features

  • improve stacking context for overlay components (#3349) (7ea0640)
  • sbb-container, sbb-sticky-bar: add 'midnight' and 'charcoal' color variants (#3337) (6eee274)
  • sbb-dialog: introduce backdrop property to control backdrop density (#3325) (813b141), closes #2806
  • sbb-menu: improvements on arrow navigation (#3341) (d90364f)

Bug Fixes

Documentation

  • fix radio button group change event usages (#3330) (c5657de)

Download Repo as Zip

2.0.3 (2024-12-20)

Bug Fixes

  • sbb-radio-button-group: sync radios synchronously (#3323) (26c7b47)

Download Repo as Zip

2.0.2 (2024-12-19)

Bug Fixes

  • handle scroll events in custom scroll contexts (#3310) (3634e37), closes #3276
  • improve null/undefined type handling for Angular wrapper (#3302) (2f94992)
  • remove any type for Angular wrapper (#3297) (dca7ba5)
  • remove leading inline padding from icon list (#3311) (b9ce6d1)
  • sbb-accent-button: adapt to new design (#3313) (1af2691)
  • sbb-message: fix image alignment (#3305) (1d4a5de)
  • sbb-select: update displayed value on option label change (#3300) (3c2f3c5)
  • sbb-teaser-hero: fix image size on custom width (#3295) (5fc0634)

Documentation

Code Refactoring


Download Repo as Zip

2.0.1 (2024-12-12)

Features

  • add class generic type param in manifest (#3292) (3d872c1)

Bug Fixes

  • sbb-message: support the use of figure as image (#3294) (1d64853)
  • sbb-radio-button-panel: remove extension clause in mixin which cause incorrect manifest generation (#3288) (b5457a7)
  • sbb-teaser: fix image related issues (#3293) (e6f517b)

Miscellaneous Chores


Download Repo as Zip

2.0.0 (2024-12-11)

⚠ BREAKING CHANGES

  • Previously the disabledInteractive property had to be used along with the disabled property. With this change, either disabled or disabledInteractive should be used. This affects all button components (primarily sbb-button) and we strongly recommend checking all current usages of disabledInteractive.
  • willOpen, didOpen, willClose, didClose, willStick, didStick, willUnstick and didUnstick events no longer bubble.
  • Remove deprecated didChange events from sbb-checkbox, sbb-checkbox-panel, sbb-toggle-check, sbb-select, sbb-toggle and sbb-datepicker. Use change event as alternative.
  • react is now a peer dependency of our react package.
  • sbb-image: Removed caption, copyright, copyrightHolder attributes; We removed the caption and the copyright from the component to improve the usage flexibility of the sbb-image. The consumer is now responsible for providing them (see the sbb-image readme to know more).
  • sbb-image: Removed borderRadius, aspectRatio attributes. Use the utility classes instead (see the sbb-image readme to know more). Removed the --sbb-image-border-radius CSS var from the sbb-image. Alternatively, use the border-radius CSS property.
  • sbb-teaser-hero: Removed image-src, image-alt attributes. Removed chip slot. Consumers can slot an sbb-image and add overlay elements on top of it (see the sbb-teaser-hero readme to know more).
  • sbb-alert: The link properties (linkContent, href, target, rel, accessibilityLabel) of the sbb-alert have been removed. Consumers have to slot a <sbb-link> into the unnamed content slot.
  • sbb-loading-indicator: The sbb-loading-indicator component no longer supports the circle variant, to achieve this look use sbb-loading-indicator-circle instead. For any other case where it is used in its window variant just remove the variant property as it is no longer needed.
  • sbb-tertiary-button: sbb-tertiary-button was renamed to sbb-accent-button
  • sbb-header: removed the logo slot and the default sbb-logo from the sbb-header. Alternatively, add the sbb-header-logo CSS class to the logo or to an <a>-element containing the logo and use the default slot. To align the logo to the right, use a spacer element with the sbb-header-spacer CSS class applied. For more information, see sbb-header docs.
  • sbb-mini-button: the SbbMiniButtonBaseElement is used only in the sbb-mini-button-component, so it can be safely removed to avoid redundant code.
  • sbb-datepicker: This refactoring introduces multiple breaking changes to the datepicker:
    • DateAdapter: return value for invalid dates changed from undefined to
      null
    • Datepicker: removed functions getAvailableDate() and
      isDateAvailable()
    • Datepicker: moved functions findPreviousAvailableDate() and
      findNextAvailableDate() into SbbDatepickerElement and removed all
      params but date
    • Datepicker: removed properties dateParser and format, as
      alternative use custom DateAdapter
    • Datepicker: now property newly accepts null instead of undefined
    • Datepicker: removed methods getValueAsDate() and setValueAsDate().
      Use getter/setter valueAsDate instead.
  • sbb-dialog, sbb-link: Removed the word-break: break-word; CSS rule from lyne components. They will follow the default break rules. Impacted components are: sbb-dialog-content, sbb-link, sbb-link-button, sbb-link-static, sbb-block-link, sbb-block-link-button and sbb-block-link-static.
  • sbb-file-selector: The sbb-file-selector has been split into two components based on the values of the variant property. The files property has now Readonly<File>[] type instead than File[] to not allow the direct modification of the inner File properties. Changes:
    • the variant property has been removed from the sbb-file-selector component;
    • the sbb-file-selector now corresponds to the old default variant;
    • a new component named sbb-file-selector-dropzone has been created; it corresponds to the old dropzone variant;
    • the 'titleContent' property has been removed from the sbb-file-selector (since it refers only to dropzone case);
    • the files property now returns a Readonly<File>[];
    • the deprecated getFiles() method has been removed.
  • sbb-time-input: getValueAsDate() and setValueAsDate() methods of the sbb-time-input have been replaced by getter/setter valueAsDate.
  • sbb-alert, sbb-alert-group: The deprecated dismissalRequested event and requestDismissal() method of sbb-alert have been removed. The sbb-alert handles its closing and DOM removal on his own. If the closing should be prevented, the willClose event can be canceled. The didDismissAlert of the sbb-alert-group has been removed. As alternative, consumers can listen to the didClose event of an sbb-alert.
  • sbb-form-field: The getInputElement() method of the sbb-form-field has been removed. Use inputElement property as alternative.
  • sbb-option,sbb-autocomplete-grid-option: active property from sbb-option and sbb-autocomplete-grid-option has been removed
  • sbb-train-formation: The hide-wagen-label property of the sbb-train-formation was removed. Now it automatically doesn't show the label if no label is set on all the wagons. The i18n i18nClosedCompartmentLabel() method doesn't take wagonNumber as an argument anymore but is a constant now. Additionally, there are some visual changes:
    • sbb-train-wagon: The ouccpancy property doesn't default to none
      anymore but to null. Please replace the currently undefined occupancy
      property with the value none.
    • sbb-train-wagon: Previously for the locomotive the label was not
      displayed, but now it would, as soon as there is one provided
    • sbb-train-formation: The inline padding (left / right) was removed
      but can be set by CSS variable. See documentation.
  • sbb-radio-button, sbb-radio-button-panel: Removed SbbRadioButtonGroupEventDetail from the change, input and didChange events of the sbb-radio-button-group. As an alternative to event.detail.value use radioButtonGroup.value
  • sbb-chip-label: sbb-chip has been renamed to sbb-chip-label.
  • sbb-teaser-hero, sbb-teaser-paid: sbb-teaser-paid was removed and integrated in sbb-teaser-hero. Replacing the component / selector should be enough, as the API remains the same. sbb-teaser-hero moved from @sbb-esta/experimental into @sbb-esta/elements package, therefore imports need to be adapted.
  • Several deprecated core functionalities have been removed.
    • dom.js getDocumentWritingMode() removed
    • dom.js getLocalName() removed
    • eventing.js formElementHandlerAspect() removed
    • eventing.js HandlerRepository, HandlerAspectParams and
      HandlerAspect removed
    • mixins.js SbbFocusableDisabledActionMixin removed
    • observers.js completely removed (containing
      NodeIntersectionObserver, AgnosticIntersectionObserver,
      NodeMutationObserver, AgnosticMutationObserver, NodeResizeObserver
      and AgnosticResizeObserver)
    • waitForEvent() method was removed in favor of using EventSpy class

Features

  • introduce button form support (#3170) (eeb7a0a)
  • provide lean context config (#3233) (0e2a847)
  • sbb-file-selector: split file-selector variants in separate components (#3198) (7527030)
  • sbb-image: support overlapping sbb-chip-label (#3200) (a59064e)
  • sbb-radio-button, sbb-radio-button-panel: implement native form support (#3160) (e113c6a)
  • sbb-sticky-bar: introduce controllable slide in and out animation (11884da), closes #3072
  • sbb-train-formation: introduce new types and refactoring (#3199) (8eb7ae6)

Bug Fixes

  • cleanup deprecated core functionality (#3219) (4b129c4)
  • improve handling of animation events for zero duration (#3284) (6da37fc)
  • opening and close events no longer bubble (#3278) (eabc4ca)
  • remove deprecated didChange events where possible (#3253) (da64d5d)
  • sbb-alert, sbb-alert-group: remove dismissal event and method (#3216) (4acede6)
  • sbb-datepicker: remove deprecated methods and properties (#3247) (ad6b19f)
  • sbb-form-field: remove deprecated getInputElement() method (#3221) (23d1fea)
  • sbb-mini-button: remove useless base class (#3257) (ce8c318)
  • sbb-option,sbb-autocomplete-grid-option: remove deprecated active property (#3220) (bb62e75)
  • sbb-popover: ensure correct trigger connection after hydration (#3016) (5e59b8f), closes #3012 #3014
  • sbb-time-input: create get/set for valueAsDate (#2244) (7d39928)

Documentation

  • fix SASS link in getting started docs (#3151) (692a72d)
  • sbb-autocomplete-grid: fix urls in readme.md (#2979) (7aa916f)
  • sbb-card: cleanup stories and visual tests (#3225) (dd8d644)
  • teaser-product: fixed broken link in documentation (#3029) (f7e9807)

Code Refactoring

  • add SbbMediaMatcherController (#3205) (39fa565)
  • change react to a peer dependency (1e806ed)
  • fix scss mixed declarations (#2947) (ca22eda)
  • remove async modifier from willUpdate (#3223) (30292e9)
  • remove dvh/dvw backwards compatibility (#3228) (ef10abb)
  • remove font-smoothing (#3052) (489ef28)
  • remove obsolete getLocalName() (#3110) (f349463)
  • remove obsolete index.ts files (#3147) (837106d)
  • replace [rtl] and [ltr] selectors with :dir (#3084) (164e3bc)
  • sbb-alert: remove sbb-link from shadow DOM (#3270) (8197bf1)
  • sbb-chip-label: rename chip to chip-label (#3188) (4b2123d)
  • sbb-header: removed 'logo' slot (#3230) (0f0066d)
  • sbb-image: add utility classes for border-radius and aspect-ratio (#3200) (a59064e)
  • sbb-image: extract caption and copyright from the component (#3200) (a59064e)
  • sbb-loading-indicator: split variants into two components and add missing sizes (#3211) (d450f49)
  • sbb-teaser-hero: adapt to the new sbb-image usage (#3200) (a59064e)
  • sbb-teaser, sbb-teaser-product, sbb-teaser-product-static: adapt to the new sbb-image usage (#3200) (a59064e)
  • sbb-tertiary-button: rename tertiary to accent button (#3260) (449b04d)
  • use --sbb-hover-image-brightness token for images (#3045) (75b44c2)
  • use inert attribute instead of property hack (#3099) (fdd2862)
  • use lit observers (#3074) (3e554eb)

Styles

  • sbb-dialog, sbb-link: removed break-word css rule (#3231) (edcdec1)

Tests


Download Repo as Zip

1.16.0 (2024-12-11)

Features

Bug Fixes

  • sbb-form-field: update floating label on programmatic changes (#3277) (922bc3c), closes #3274
  • sbb-tab-group: correctly select a new tab if it is 'active' (#3251) (c2f0f36)

Documentation


Download Repo as Zip

1.15.1 (2024-12-03)

Bug Fixes

  • provide correct react typings (#3269) (9e763bd)
  • sbb-teaser, sbb-teaser-product: allow screen readers to navigate the content (#3250) (7ff6552)

Download Repo as Zip

1.15.0 (2024-11-28)

Features

  • sbb-sticky-bar: introduce controllable slide and out animation (#3073) (ea04e08), closes #3072

Bug Fixes

  • fix type of form associated controls (#3242) (c925c64)
  • fix width breakpoints of SbbMediaMatcherController (#3226) (edb639b)
  • sbb-autocomplete, sbb-autocomplete-grid: avoid form submission on enter press (#3243) (cbf81ec), closes #3239
  • sbb-flip-card: fix card summary image position (#3254) (214a57e)
  • sbb-map-container: improve support for tablet devices (#3214) (53711bf), closes #3091
  • sbb-select: improve connected label handling (#3229) (4d66d32)

Download Repo as Zip

1.14.1 (2024-11-07)

Bug Fixes

  • sbb-calendar: fix disabled month selection on wide view (#3195) (99b9a26)
  • sbb-calendar: fix month selection on wide view (#3192) (#3193) (4365e39)

Download Repo as Zip

1.14.0 (2024-10-28)

Features

  • sbb-paginator: add sbb-compact-paginator component variant (#3142) (2f3dc21)

Bug Fixes

  • switch to standard decorators and tighten property types (#3121) (e61bca5)

Download Repo as Zip

1.13.0 (2024-10-21)

Features

Bug Fixes

  • sbb-loading-indicator: center component into his box (#3144) (22978f6)
  • sbb-teaser: css variable typo (#3143) (d3e4fb3)

Download Repo as Zip

1.12.1 (2024-10-03)

Bug Fixes


Download Repo as Zip

1.12.0 (2024-09-26)

Features

Bug Fixes

  • sbb-radio-group: disable focus when disabling radio (#3116) (6453b6b)

Download Repo as Zip

1.11.3 (2024-09-24)

Bug Fixes

  • provide jsdom support for focus trap mechanism (#3113) (57179c1)

Download Repo as Zip

1.11.2 (2024-09-23)

Bug Fixes


Download Repo as Zip

1.11.1 (2024-09-20)

Bug Fixes

  • assign correct dependency versions for published packages (#3102) (ed99ce9), closes #3100

Download Repo as Zip

1.11.0 (2024-09-19)

Features

Bug Fixes

  • introduce disabledInteractive property and revert focusing disabled actions in general (#3096) (74b3e6f)

Download Repo as Zip

1.10.0 (2024-09-12)

Features

Bug Fixes


Download Repo as Zip

1.9.0 (2024-08-29)

Features

Bug Fixes

  • sbb-container: remove relative positioning for non-image case (#3024) (d0d928f)
  • sbb-datepicker-toggle: fix datepicker toggle empty state synchronization (#3032) (cae910b)
  • sbb-overlay: fix padding block (#3028) (6b95be6)
  • sbb-select: fix display value in SSR context (#3027) (f733b38)
  • sbb-toggle: avoid console error on checked option click (#3034) (94fa2b6)
  • step-list: fix border radius of step list elements (#3036) (cf26d07)

Download Repo as Zip

1.8.0 (2024-08-22)

Features

  • datepicker: add size s (#3006) (b75c4c5)
  • sbb-calendar, sbb-datepicker-toggle: allow choosing initial calendar view (#2990) (7c8a690), closes #2822
  • sbb-container: support background-expanded for images (#3004) (298b335)
  • sbb-lead-container: add spacing class support for notification (#3019) (2f4c817), closes #2932
  • sbb-select: introduce size s (#3011) (b614923)

Bug Fixes


Download Repo as Zip

1.7.0 (2024-08-15)

⚠ BREAKING CHANGES

  • sbb-teaser-hero, sbb-teaser-paid: sbb-teaser-paid was removed and integrated in sbb-teaser-hero. Replacing the component / selector should be enough, as the API remains the same. sbb-teaser-hero moved from @sbb-esta/experimental into @sbb-esta/elements package, therefore imports need to be adapted.

Features

  • sbb-container: support for background image (#2999) (ff68e28)
  • sbb-flip-card: add flip event and isFlipped getter (#2988) (b912dac)
  • sbb-form-field: introduce size s (#2995) (9abb131)
  • sbb-link-list-anchor: component implementation (#2987) (d81a565)
  • sbb-mini-button-group: component implementation (#2959) (e732593)
  • sbb-teaser-hero, sbb-teaser-paid: merge components and move into elements package (#2984) (2b3f13e)
  • sbb-teaser-product: initial implementation (#2976) (79601d2)

Bug Fixes

  • sbb-flip-card: fix accessibility issues (#3000) (1f107a0), closes #2983
  • sbb-flip-card: support disabled animation (#2998) (fbb6ca6)
  • sbb-flip-card: use type button to avoid accidental form submission (#3002) (25dbd78)
  • sbb-form-field: fix disabled state for borderless variant (#2994) (c31cc89)
  • sbb-form-field: fix textarea bottom padding (#2997) (1540f46)

Miscellaneous Chores


Download Repo as Zip

1.6.0 (2024-07-26)

Features

  • sbb-alert: add close fade-out animation and change animation property default to all (#2943) (581b95c)
  • sbb-icon: provide compatibility with sbb-angular (#2971) (3c4e4b0), closes #2746

Bug Fixes

  • sbb-clock: fix internal await to actually finish (#2966) (af634c0)
  • sbb-overlay: add background animation (#2945) (dac84ce)
  • sbb-toggle: spacing adjustment (#2957) (8870deb)
  • various: re-enable scrolling when disconnecting the component before animationend (#2970) (76ef11b), closes #2967

Download Repo as Zip

1.5.0 (2024-07-19)

Features


Download Repo as Zip

1.4.0 (2024-07-16)

Features

  • sbb-autocomplete-grid: component implementation (#2512) (0fc5f40)
  • sbb-image: provide ability to crop image on host (#2917) (84a7cf7)
  • sbb-radio-button, sbb-radio-button-group: add size xs (#2936) (7237dce)

Bug Fixes

  • sbb-checkbox, sbb-checkbox-panel: fix visual disabled state after prop change (#2906) (36999a9), closes #2905
  • sbb-container, sbb-tab-group: avoid reserving invisible space (#2921) (edec173), closes #2835
  • sbb-map-container: remove z-index to avoid stacking problems (#2924) (bf27c10), closes #2804
  • sbb-radio-button-panel: fix spacing between label and suffix (#2900) (c76a0ac)

Download Repo as Zip

1.3.0 (2024-07-08)

Features

  • sbb-datepicker: add support for DateAdapter (#2889) (4d9973e)

Bug Fixes

  • sbb-button: fix high contrast styles (#2890) (8f9237c)
  • sbb-form-field: ensure input element is detected during hydration (#2894) (9519827), closes #2877
  • sbb-map-container: respect disabled global animation (#2879) (d5e52e3)
  • sbb-notification: avoid resizeObserver loop warning (#2855) (6222b25)
  • sbb-popover: prevent matchMedia call before hydration (#2893) (c5bbb96), closes #2875
  • various: ensure slotchange event is handled properly in hydration (#2897) (9b5f498)

Download Repo as Zip

1.2.1 (2024-06-27)

Bug Fixes

  • ensure slotchange events are handled correctly in hydration (#2850) (06112a4)
  • missing async/await in tests (#2849) (14dcef4)
  • sbb-clock: treat a specific date consistently (#2838) (4ffa4bc)
  • sbb-visual-checkbox: fix high contrast mode of indeterminate state (#2845) (f7e5adb)

Download Repo as Zip

1.2.0 (2024-06-26)

Features

  • sbb-timetable-row: enhance trip status and display logic (#2680) (6e0424f)

Download Repo as Zip

Unfortunately, this release failed. This release entry is primarily to preserve the correct history. We will soon release a new version.

1.1.0 (2024-06-25)

Features

  • sbb-table-wrapper: initial implementation (#2715) (d6aaf68)

Bug Fixes


Download Repo as Zip

1.0.0 (2024-06-17)

Miscellaneous Chores

First Stable Release 🍾

This is our first stable release. We would like to take this moment to thank everyone involved in this project. Without your efforts, this would not have been possible.

Core Maintainers

  • @jeripeierSBB
  • @DavideMininni-Fincons
  • @dauriamarco
  • @federicoisepponfincons
  • @MarioCastigliano
  • @mcilurzo
  • @simone-sabato
  • @TomMenga

Contributors

  • @christoph-bittmann
  • @HendrikExtSBB
  • @k-luise
  • @konstantin-pachemski-one
  • @liviakuenzli
  • @mariohamann
  • @osminaz / @WalkingOS
  • @sandrooco
  • @schlpbch
  • @sebastiencloss

Founders

  • @4aficiona2
  • @feerglas
  • @mbleuer

Download Repo as Zip

0.53.0 (2024-06-17)

⚠ BREAKING CHANGES

  • sbb-teaser-hero, sbb-teaser-paid: sbb-teaser-hero and sbb-teaser-paid are now part of the @sbb-esta/lyne-elements-experimental package.
  • sbb-tab: the sbb-tab-title component has been renamed to sbb-tab-label. A new component named sbb-tab has been created, and it is now the only supported tag for the tab's content; article, section and div are not supported anymore. To solve the issue #1351, the didChange event on sbb-tab-group now includes an object which contains the currently selected tab index, the sbb-tab-label component and related sbb-tab component, plus, if available, the previous ones.
  • sbb-selection-panel, sbb-checkbox, sbb-radio-button: sbb-selection-panel has been renamed to sbb-selection-expansion-panel. The sbb-checkbox and sbb-radio-button components cannot be used anymore with sbb-selection-expansion-panel (does not apply for cases where they are slotted inside the content slot). As a replacement, we introduce the new components sbb-checkbox-panel and sbb-radio-button-panel, which could also be used standalone in cases where there is no content. sbb-checkbox-group and sbb-radio-button-group also support the panel variants. How to migrate?
    • Rename usages of sbb-selection-panel to sbb-selection-expansion-panel.
    • Inside the sbb-selection-expansion-panel, replace sbb-checkbox with sbb-checkbox-panel and sbb-radio-button with sbb-radio-button-panel (does not apply for cases where they are slotted inside the content slot of the sbb-selection-expansion-panel)
    • In cases where there was no content (slot), don't use sbb-selection-panel/sbb-selection-expansion-panel anymore, but directly use sbb-checkbox-panel or sbb-radio-button-panel.

Bug Fixes

  • sbb-train-formation: hide sectors row if no sectors were defined (#2779) (b011a92)

Code Refactoring

  • sbb-selection-panel, sbb-checkbox, sbb-radio-button: split into regular and panel variants (#2778) (d206926)
  • sbb-tab: align with sbb-stepper (#2744) (4305ca8)
  • sbb-teaser-hero, sbb-teaser-paid: move to @sbb-esta/lyne-elements-experimental (#2782) (1032e76)

Download Repo as Zip
Impressum Kontakt Datenschutz Cookie Einstellungen