Zur Navigation Zum Inhalt Kontakt Menu
Prinzipien Grundlagen Barrierefreiheit Design System Guidelines Deutsch Français Italiano English Unsere Gestaltungsprinzipien Nutzerzentriert Wiedererkennbar Inklusiv Reduziert Ganzheitlich Selbsterklärend Aufgabenorientiert Passend SBB Markenportal Logo Digitale Uhr Nutzungsrechte Basis-Farben Funktionale Farben Off-Brand Farben Icons Fahrplan-Icons Piktogramme Über Barrierefreiheit Über diesen Guide Kontakt Weitere Informationen Product Owner User Research Interaction Design Visual Design Development Content Design Testing Was ist ein Design System?​ Designing Coding FAQ Hilfe Prozess Contribution Kontakt Übersicht Basis Komponenten Übersicht Releases Design Tokens Komponenten Roadmap Übersicht Basis Informationen Übersicht Basis Komponenten Sinn & Zweck Community Assets Anleitung Power-Apps Digitale Werbebanner SAP App Icons Releases

Latest Releases on Github

2.2.0 (2025-02-06)

Features

  • sbb-autocomplete: opens automatically on new options (#3365) (8ca33ef)

Bug Fixes

  • avoid moving content when blocking scrolling (#3369) (f7b84ad)
  • display non bubbling events in storybook actions (#3355) (fdf9899), closes #3354
  • provide accessibility-current property for link elements (#3384) (5a3168e)
  • sbb-datepicker-toggle: allow defining slot attribute (#3376) (87c97ba), closes #3375
  • sbb-datepicker-toggle: reset popover style (#3386) (789f0a5)
  • sbb-radio-button-group: prevent didChange emit from nested group (#3371) (3fca755)

Documentation

Code Refactoring

  • prepare standalone usage of buttons (#3326) (154370b)
  • sbb-title, sbb-dialog-title: remove obsolete h1-h6 tags (#3363) (a64ea72)

Download Repo as Zip

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
Impressum Kontakt Datenschutz Cookie Einstellungen