@sbb-esta/lyne-elements 4.3.1 → 4.4.0

package/index.js

@@ -1,160 +1,160 @@
-import { SbbVisualCheckboxElement } from "./visual-checkbox/visual-checkbox.component.js";
-import { SbbTrainWagonElement } from "./train/train-wagon/train-wagon.component.js";
-import { SbbTrainFormationElement } from "./train/train-formation/train-formation.component.js";
-import { SbbTrainBlockedPassageElement } from "./train/train-blocked-passage/train-blocked-passage.component.js";
-import { SbbTrainElement } from "./train/train/train.component.js";
-import { SbbTooltipElement } from "./tooltip/tooltip.component.js";
-import { SbbToggleCheckElement } from "./toggle-check/toggle-check.component.js";
-import { SbbToggleOptionElement } from "./toggle/toggle-option/toggle-option.component.js";
-import { SbbToggleElement } from "./toggle/toggle/toggle.component.js";
-import { SbbToastElement } from "./toast/toast.component.js";
-import { SbbTitleElement } from "./title/title.component.js";
-import { SbbTimetableOccupancyIconElement } from "./timetable-occupancy-icon/timetable-occupancy-icon.component.js";
-import { SbbTimetableOccupancyElement } from "./timetable-occupancy/timetable-occupancy.component.js";
-import { SbbTimetableFormSwapButtonElement } from "./timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js";
-import { SbbTimetableFormFieldElement } from "./timetable-form/timetable-form-field/timetable-form-field.component.js";
-import { SbbTimetableFormDetailsElement } from "./timetable-form/timetable-form-details/timetable-form-details.component.js";
-import { SbbTimetableFormElement } from "./timetable-form/timetable-form/timetable-form.component.js";
-import { SbbTimeInputElement } from "./time-input/time-input.component.js";
-import { SbbTeaserProductStaticElement } from "./teaser-product/teaser-product-static/teaser-product-static.component.js";
-import { SbbTeaserProductElement } from "./teaser-product/teaser-product/teaser-product.component.js";
-import { SbbTeaserHeroElement } from "./teaser-hero/teaser-hero.component.js";
-import { SbbTeaserElement } from "./teaser/teaser.component.js";
-import { SbbTagGroupElement } from "./tag/tag-group/tag-group.component.js";
-import { SbbTagElement } from "./tag/tag/tag.component.js";
-import { SbbTabNavBarElement } from "./tabs/tab-nav-bar/tab-nav-bar.component.js";
-import { SbbTabLabelElement } from "./tabs/tab-label/tab-label.component.js";
-import { SbbTabGroupElement } from "./tabs/tab-group/tab-group.component.js";
-import { SbbTabElement } from "./tabs/tab/tab.component.js";
-import { SbbTableWrapperElement } from "./table/table-wrapper/table-wrapper.component.js";
-import { SbbStepperElement } from "./stepper/stepper/stepper.component.js";
-import { SbbStepLabelElement } from "./stepper/step-label/step-label.component.js";
-import { SbbStepElement } from "./stepper/step/step.component.js";
-import { SbbStatusElement } from "./status/status.component.js";
-import { SbbSliderElement } from "./slider/slider.component.js";
-import { SbbSkiplinkListElement } from "./skiplink-list/skiplink-list.component.js";
-import { SbbSignetElement } from "./signet/signet.component.js";
-import { SbbSidebarTitleElement } from "./sidebar/sidebar-title/sidebar-title.component.js";
-import { SbbSidebarContentElement } from "./sidebar/sidebar-content/sidebar-content.component.js";
-import { SbbSidebarContainerElement } from "./sidebar/sidebar-container/sidebar-container.component.js";
-import { SbbSidebarCloseButtonElement } from "./sidebar/sidebar-close-button/sidebar-close-button.component.js";
-import { SbbSidebarElement } from "./sidebar/sidebar/sidebar.component.js";
-import { SbbSelectionExpansionPanelElement } from "./selection-expansion-panel/selection-expansion-panel.component.js";
-import { SbbSelectionActionPanelElement } from "./selection-action-panel/selection-action-panel.component.js";
-import { SbbSelectElement } from "./select/select.component.js";
-import { SbbScreenReaderOnlyElement } from "./screen-reader-only/screen-reader-only.component.js";
-import { SbbRadioButtonPanelElement } from "./radio-button/radio-button-panel/radio-button-panel.component.js";
-import { SbbRadioButtonGroupElement } from "./radio-button/radio-button-group/radio-button-group.component.js";
-import { SbbRadioButtonElement } from "./radio-button/radio-button/radio-button.component.js";
-import { SbbPopoverElement } from "./popover/popover.component.js";
-import { SbbPaginatorElement } from "./paginator/paginator/paginator.component.js";
-import { SbbCompactPaginatorElement } from "./paginator/compact-paginator/compact-paginator.component.js";
-import { SbbOverlayElement } from "./overlay/overlay.component.js";
-import { SbbOptionHintElement } from "./option/option-hint/option-hint.component.js";
-import { SbbOptionElement } from "./option/option/option.component.js";
-import { SbbOptGroupElement } from "./option/optgroup/optgroup.component.js";
-import { SbbNotificationElement } from "./notification/notification.component.js";
-import { SbbNavigationSectionElement } from "./navigation/navigation-section/navigation-section.component.js";
-import { SbbNavigationMarkerElement } from "./navigation/navigation-marker/navigation-marker.component.js";
-import { SbbNavigationListElement } from "./navigation/navigation-list/navigation-list.component.js";
-import { SbbNavigationLinkElement } from "./navigation/navigation-link/navigation-link.component.js";
-import { SbbNavigationButtonElement } from "./navigation/navigation-button/navigation-button.component.js";
-import { SbbNavigationElement } from "./navigation/navigation/navigation.component.js";
-import { SbbMiniCalendarMonthElement } from "./mini-calendar/mini-calendar-month/mini-calendar-month.component.js";
-import { SbbMiniCalendarDayElement } from "./mini-calendar/mini-calendar-day/mini-calendar-day.component.js";
-import { SbbMiniCalendarElement } from "./mini-calendar/mini-calendar/mini-calendar.component.js";
-import { SbbMessageElement } from "./message/message.component.js";
-import { SbbMenuLinkElement } from "./menu/menu-link/menu-link.component.js";
-import { SbbMenuButtonElement } from "./menu/menu-button/menu-button.component.js";
-import { SbbMenuElement } from "./menu/menu/menu.component.js";
-import { SbbMapContainerElement } from "./map-container/map-container.component.js";
-import { SbbLogoElement } from "./logo/logo.component.js";
-import { SbbLoadingIndicatorCircleElement } from "./loading-indicator-circle/loading-indicator-circle.component.js";
-import { SbbLoadingIndicatorElement } from "./loading-indicator/loading-indicator.component.js";
-import { SbbLinkListAnchorElement } from "./link-list/link-list-anchor/link-list-anchor.component.js";
-import { SbbLinkListElement } from "./link-list/link-list/link-list.component.js";
-import { SbbLinkStaticElement } from "./link/link-static/link-static.component.js";
-import { SbbLinkButtonElement } from "./link/link-button/link-button.component.js";
-import { SbbLinkElement } from "./link/link/link.component.js";
-import { SbbBlockLinkStaticElement } from "./link/block-link-static/block-link-static.component.js";
-import { SbbBlockLinkButtonElement } from "./link/block-link-button/block-link-button.component.js";
-import { SbbBlockLinkElement } from "./link/block-link/block-link.component.js";
-import { SbbLeadContainerElement } from "./lead-container/lead-container.component.js";
-import { SbbJourneyHeaderElement } from "./journey-header/journey-header.component.js";
-import { SbbImageElement } from "./image/image.component.js";
-import { SbbIconSidebarLinkElement } from "./icon-sidebar/icon-sidebar-link/icon-sidebar-link.component.js";
-import { SbbIconSidebarContentElement } from "./icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js";
-import { SbbIconSidebarContainerElement } from "./icon-sidebar/icon-sidebar-container/icon-sidebar-container.component.js";
-import { SbbIconSidebarButtonElement } from "./icon-sidebar/icon-sidebar-button/icon-sidebar-button.component.js";
-import { SbbIconSidebarElement } from "./icon-sidebar/icon-sidebar/icon-sidebar.component.js";
-import { SbbIconElement } from "./icon/icon.component.js";
-import { SbbHeaderLinkElement } from "./header/header-link/header-link.component.js";
-import { SbbHeaderEnvironmentElement } from "./header/header-environment/header-environment.component.js";
-import { SbbHeaderButtonElement } from "./header/header-button/header-button.component.js";
-import { SbbHeaderElement } from "./header/header/header.component.js";
-import { SbbFormFieldClearElement } from "./form-field/form-field-clear/form-field-clear.component.js";
-import { SbbFormFieldElement } from "./form-field/form-field/form-field.component.js";
-import { SbbErrorElement } from "./form-field/error/error.component.js";
-import { SbbFooterElement } from "./footer/footer.component.js";
-import { SbbFlipCardSummaryElement } from "./flip-card/flip-card-summary/flip-card-summary.component.js";
-import { SbbFlipCardDetailsElement } from "./flip-card/flip-card-details/flip-card-details.component.js";
-import { SbbFlipCardElement } from "./flip-card/flip-card/flip-card.component.js";
-import { SbbFileSelectorDropzoneElement } from "./file-selector/file-selector-dropzone/file-selector-dropzone.component.js";
-import { SbbFileSelectorElement } from "./file-selector/file-selector/file-selector.component.js";
-import { SbbExpansionPanelHeaderElement } from "./expansion-panel/expansion-panel-header/expansion-panel-header.component.js";
-import { SbbExpansionPanelContentElement } from "./expansion-panel/expansion-panel-content/expansion-panel-content.component.js";
-import { SbbExpansionPanelElement } from "./expansion-panel/expansion-panel/expansion-panel.component.js";
-import { SbbDividerElement } from "./divider/divider.component.js";
-import { SbbDialogTitleElement } from "./dialog/dialog-title/dialog-title.component.js";
-import { SbbDialogContentElement } from "./dialog/dialog-content/dialog-content.component.js";
-import { SbbDialogCloseButtonElement } from "./dialog/dialog-close-button/dialog-close-button.component.js";
-import { SbbDialogActionsElement } from "./dialog/dialog-actions/dialog-actions.component.js";
-import { SbbDialogElement } from "./dialog/dialog/dialog.component.js";
-import { SbbDatepickerToggleElement } from "./datepicker/datepicker-toggle/datepicker-toggle.component.js";
-import { SbbDatepickerPreviousDayElement } from "./datepicker/datepicker-previous-day/datepicker-previous-day.component.js";
-import { SbbDatepickerNextDayElement } from "./datepicker/datepicker-next-day/datepicker-next-day.component.js";
-import { SbbDatepickerElement } from "./datepicker/datepicker/datepicker.component.js";
-import { SbbDateInputElement } from "./date-input/date-input.component.js";
-import {  } from "./core/decorators/host-attributes.js";
-import { SbbStickyBarElement } from "./container/sticky-bar/sticky-bar.component.js";
-import { SbbContainerElement } from "./container/container/container.component.js";
-import { SbbClockElement } from "./clock/clock.component.js";
-import { SbbChipLabelElement } from "./chip-label/chip-label.component.js";
-import { SbbChipGroupElement } from "./chip/chip-group/chip-group.component.js";
-import { SbbChipElement } from "./chip/chip/chip.component.js";
-import { SbbCheckboxPanelElement } from "./checkbox/checkbox-panel/checkbox-panel.component.js";
-import { SbbCheckboxGroupElement } from "./checkbox/checkbox-group/checkbox-group.component.js";
-import { SbbCheckboxElement } from "./checkbox/checkbox/checkbox.component.js";
-import { SbbCarouselListElement } from "./carousel/carousel-list/carousel-list.component.js";
-import { SbbCarouselItemElement } from "./carousel/carousel-item/carousel-item.component.js";
-import { SbbCarouselElement } from "./carousel/carousel/carousel.component.js";
-import { SbbCardLinkElement } from "./card/card-link/card-link.component.js";
-import { SbbCardButtonElement } from "./card/card-button/card-button.component.js";
-import { SbbCardBadgeElement } from "./card/card-badge/card-badge.component.js";
-import { SbbCardElement } from "./card/card/card.component.js";
-import { SbbCalendarElement } from "./calendar/calendar.component.js";
-import { SbbTransparentButtonStaticElement } from "./button/transparent-button-static/transparent-button-static.component.js";
-import { SbbTransparentButtonLinkElement } from "./button/transparent-button-link/transparent-button-link.component.js";
-import { SbbTransparentButtonElement } from "./button/transparent-button/transparent-button.component.js";
-import { SbbSecondaryButtonStaticElement } from "./button/secondary-button-static/secondary-button-static.component.js";
-import { SbbSecondaryButtonLinkElement } from "./button/secondary-button-link/secondary-button-link.component.js";
-import { SbbSecondaryButtonElement } from "./button/secondary-button/secondary-button.component.js";
-import { SbbMiniButtonLinkElement } from "./button/mini-button-link/mini-button-link.component.js";
-import { SbbMiniButtonGroupElement } from "./button/mini-button-group/mini-button-group.component.js";
-import { SbbMiniButtonElement } from "./button/mini-button/mini-button.component.js";
-import { SbbButtonStaticElement } from "./button/button-static/button-static.component.js";
-import { SbbButtonLinkElement } from "./button/button-link/button-link.component.js";
-import { SbbButtonElement } from "./button/button/button.component.js";
-import { SbbAccentButtonStaticElement } from "./button/accent-button-static/accent-button-static.component.js";
-import { SbbAccentButtonLinkElement } from "./button/accent-button-link/accent-button-link.component.js";
-import { SbbAccentButtonElement } from "./button/accent-button/accent-button.component.js";
-import { SbbBreadcrumbGroupElement } from "./breadcrumb/breadcrumb-group/breadcrumb-group.component.js";
-import { SbbBreadcrumbElement } from "./breadcrumb/breadcrumb/breadcrumb.component.js";
+import { SbbAccordionElement } from "./accordion/accordion.component.js";
+import { SbbActionGroupElement } from "./action-group/action-group.component.js";
 import { SbbAutocompleteElement } from "./autocomplete/autocomplete.component.js";
-import { SbbAlertGroupElement } from "./alert/alert-group/alert-group.component.js";
+import { SbbCalendarElement } from "./calendar/calendar.component.js";
+import { SbbChipLabelElement } from "./chip-label/chip-label.component.js";
+import { SbbClockElement } from "./clock/clock.component.js";
+import { SbbDateInputElement } from "./date-input/date-input.component.js";
+import { SbbDividerElement } from "./divider/divider.component.js";
+import { SbbFooterElement } from "./footer/footer.component.js";
+import { SbbIconElement } from "./icon/icon.component.js";
+import { SbbImageElement } from "./image/image.component.js";
+import { SbbJourneyHeaderElement } from "./journey-header/journey-header.component.js";
+import { SbbLeadContainerElement } from "./lead-container/lead-container.component.js";
+import { SbbLoadingIndicatorElement } from "./loading-indicator/loading-indicator.component.js";
+import { SbbLoadingIndicatorCircleElement } from "./loading-indicator-circle/loading-indicator-circle.component.js";
+import { SbbLogoElement } from "./logo/logo.component.js";
+import { SbbMapContainerElement } from "./map-container/map-container.component.js";
+import { SbbMessageElement } from "./message/message.component.js";
+import { SbbNotificationElement } from "./notification/notification.component.js";
+import { SbbOverlayElement } from "./overlay/overlay.component.js";
+import { SbbPopoverElement } from "./popover/popover.component.js";
+import { SbbScreenReaderOnlyElement } from "./screen-reader-only/screen-reader-only.component.js";
+import { SbbSelectElement } from "./select/select.component.js";
+import { SbbSelectionActionPanelElement } from "./selection-action-panel/selection-action-panel.component.js";
+import { SbbSelectionExpansionPanelElement } from "./selection-expansion-panel/selection-expansion-panel.component.js";
+import { SbbSignetElement } from "./signet/signet.component.js";
+import { SbbSkiplinkListElement } from "./skiplink-list/skiplink-list.component.js";
+import { SbbSliderElement } from "./slider/slider.component.js";
+import { SbbStatusElement } from "./status/status.component.js";
+import { SbbTeaserElement } from "./teaser/teaser.component.js";
+import { SbbTeaserHeroElement } from "./teaser-hero/teaser-hero.component.js";
+import { SbbTimeInputElement } from "./time-input/time-input.component.js";
+import { SbbTimetableOccupancyElement } from "./timetable-occupancy/timetable-occupancy.component.js";
+import { SbbTimetableOccupancyIconElement } from "./timetable-occupancy-icon/timetable-occupancy-icon.component.js";
+import { SbbTitleElement } from "./title/title.component.js";
+import { SbbToastElement } from "./toast/toast.component.js";
+import { SbbToggleCheckElement } from "./toggle-check/toggle-check.component.js";
+import { SbbTooltipElement } from "./tooltip/tooltip.component.js";
+import { SbbVisualCheckboxElement } from "./visual-checkbox/visual-checkbox.component.js";
 import { SbbAlertElement } from "./alert/alert/alert.component.js";
-import { SbbActionGroupElement } from "./action-group/action-group.component.js";
-import { SbbAccordionElement } from "./accordion/accordion.component.js";
+import { SbbAlertGroupElement } from "./alert/alert-group/alert-group.component.js";
+import { SbbBreadcrumbElement } from "./breadcrumb/breadcrumb/breadcrumb.component.js";
+import { SbbBreadcrumbGroupElement } from "./breadcrumb/breadcrumb-group/breadcrumb-group.component.js";
+import { SbbAccentButtonElement } from "./button/accent-button/accent-button.component.js";
+import { SbbAccentButtonLinkElement } from "./button/accent-button-link/accent-button-link.component.js";
+import { SbbAccentButtonStaticElement } from "./button/accent-button-static/accent-button-static.component.js";
+import { SbbButtonElement } from "./button/button/button.component.js";
+import { SbbButtonLinkElement } from "./button/button-link/button-link.component.js";
+import { SbbButtonStaticElement } from "./button/button-static/button-static.component.js";
+import { SbbMiniButtonElement } from "./button/mini-button/mini-button.component.js";
+import { SbbMiniButtonGroupElement } from "./button/mini-button-group/mini-button-group.component.js";
+import { SbbMiniButtonLinkElement } from "./button/mini-button-link/mini-button-link.component.js";
+import { SbbSecondaryButtonElement } from "./button/secondary-button/secondary-button.component.js";
+import { SbbSecondaryButtonLinkElement } from "./button/secondary-button-link/secondary-button-link.component.js";
+import { SbbSecondaryButtonStaticElement } from "./button/secondary-button-static/secondary-button-static.component.js";
+import { SbbTransparentButtonElement } from "./button/transparent-button/transparent-button.component.js";
+import { SbbTransparentButtonLinkElement } from "./button/transparent-button-link/transparent-button-link.component.js";
+import { SbbTransparentButtonStaticElement } from "./button/transparent-button-static/transparent-button-static.component.js";
+import { SbbCardElement } from "./card/card/card.component.js";
+import { SbbCardBadgeElement } from "./card/card-badge/card-badge.component.js";
+import { SbbCardButtonElement } from "./card/card-button/card-button.component.js";
+import { SbbCardLinkElement } from "./card/card-link/card-link.component.js";
+import { SbbCarouselElement } from "./carousel/carousel/carousel.component.js";
+import { SbbCarouselItemElement } from "./carousel/carousel-item/carousel-item.component.js";
+import { SbbCarouselListElement } from "./carousel/carousel-list/carousel-list.component.js";
+import { SbbCheckboxElement } from "./checkbox/checkbox/checkbox.component.js";
+import { SbbCheckboxGroupElement } from "./checkbox/checkbox-group/checkbox-group.component.js";
+import { SbbCheckboxPanelElement } from "./checkbox/checkbox-panel/checkbox-panel.component.js";
+import { SbbChipElement } from "./chip/chip/chip.component.js";
+import { SbbChipGroupElement } from "./chip/chip-group/chip-group.component.js";
+import { SbbContainerElement } from "./container/container/container.component.js";
+import { SbbStickyBarElement } from "./container/sticky-bar/sticky-bar.component.js";
+import {  } from "./core/decorators/host-attributes.js";
+import { SbbDatepickerElement } from "./datepicker/datepicker/datepicker.component.js";
+import { SbbDatepickerNextDayElement } from "./datepicker/datepicker-next-day/datepicker-next-day.component.js";
+import { SbbDatepickerPreviousDayElement } from "./datepicker/datepicker-previous-day/datepicker-previous-day.component.js";
+import { SbbDatepickerToggleElement } from "./datepicker/datepicker-toggle/datepicker-toggle.component.js";
+import { SbbDialogElement } from "./dialog/dialog/dialog.component.js";
+import { SbbDialogActionsElement } from "./dialog/dialog-actions/dialog-actions.component.js";
+import { SbbDialogCloseButtonElement } from "./dialog/dialog-close-button/dialog-close-button.component.js";
+import { SbbDialogContentElement } from "./dialog/dialog-content/dialog-content.component.js";
+import { SbbDialogTitleElement } from "./dialog/dialog-title/dialog-title.component.js";
+import { SbbExpansionPanelElement } from "./expansion-panel/expansion-panel/expansion-panel.component.js";
+import { SbbExpansionPanelContentElement } from "./expansion-panel/expansion-panel-content/expansion-panel-content.component.js";
+import { SbbExpansionPanelHeaderElement } from "./expansion-panel/expansion-panel-header/expansion-panel-header.component.js";
+import { SbbFileSelectorElement } from "./file-selector/file-selector/file-selector.component.js";
+import { SbbFileSelectorDropzoneElement } from "./file-selector/file-selector-dropzone/file-selector-dropzone.component.js";
+import { SbbFlipCardElement } from "./flip-card/flip-card/flip-card.component.js";
+import { SbbFlipCardDetailsElement } from "./flip-card/flip-card-details/flip-card-details.component.js";
+import { SbbFlipCardSummaryElement } from "./flip-card/flip-card-summary/flip-card-summary.component.js";
+import { SbbErrorElement } from "./form-field/error/error.component.js";
+import { SbbFormFieldElement } from "./form-field/form-field/form-field.component.js";
+import { SbbFormFieldClearElement } from "./form-field/form-field-clear/form-field-clear.component.js";
+import { SbbHeaderElement } from "./header/header/header.component.js";
+import { SbbHeaderButtonElement } from "./header/header-button/header-button.component.js";
+import { SbbHeaderEnvironmentElement } from "./header/header-environment/header-environment.component.js";
+import { SbbHeaderLinkElement } from "./header/header-link/header-link.component.js";
+import { SbbIconSidebarElement } from "./icon-sidebar/icon-sidebar/icon-sidebar.component.js";
+import { SbbIconSidebarButtonElement } from "./icon-sidebar/icon-sidebar-button/icon-sidebar-button.component.js";
+import { SbbIconSidebarContainerElement } from "./icon-sidebar/icon-sidebar-container/icon-sidebar-container.component.js";
+import { SbbIconSidebarContentElement } from "./icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js";
+import { SbbIconSidebarLinkElement } from "./icon-sidebar/icon-sidebar-link/icon-sidebar-link.component.js";
+import { SbbBlockLinkElement } from "./link/block-link/block-link.component.js";
+import { SbbBlockLinkButtonElement } from "./link/block-link-button/block-link-button.component.js";
+import { SbbBlockLinkStaticElement } from "./link/block-link-static/block-link-static.component.js";
+import { SbbLinkElement } from "./link/link/link.component.js";
+import { SbbLinkButtonElement } from "./link/link-button/link-button.component.js";
+import { SbbLinkStaticElement } from "./link/link-static/link-static.component.js";
+import { SbbLinkListElement } from "./link-list/link-list/link-list.component.js";
+import { SbbLinkListAnchorElement } from "./link-list/link-list-anchor/link-list-anchor.component.js";
+import { SbbMenuElement } from "./menu/menu/menu.component.js";
+import { SbbMenuButtonElement } from "./menu/menu-button/menu-button.component.js";
+import { SbbMenuLinkElement } from "./menu/menu-link/menu-link.component.js";
+import { SbbMiniCalendarElement } from "./mini-calendar/mini-calendar/mini-calendar.component.js";
+import { SbbMiniCalendarDayElement } from "./mini-calendar/mini-calendar-day/mini-calendar-day.component.js";
+import { SbbMiniCalendarMonthElement } from "./mini-calendar/mini-calendar-month/mini-calendar-month.component.js";
+import { SbbNavigationElement } from "./navigation/navigation/navigation.component.js";
+import { SbbNavigationButtonElement } from "./navigation/navigation-button/navigation-button.component.js";
+import { SbbNavigationLinkElement } from "./navigation/navigation-link/navigation-link.component.js";
+import { SbbNavigationListElement } from "./navigation/navigation-list/navigation-list.component.js";
+import { SbbNavigationMarkerElement } from "./navigation/navigation-marker/navigation-marker.component.js";
+import { SbbNavigationSectionElement } from "./navigation/navigation-section/navigation-section.component.js";
+import { SbbOptGroupElement } from "./option/optgroup/optgroup.component.js";
+import { SbbOptionElement } from "./option/option/option.component.js";
+import { SbbOptionHintElement } from "./option/option-hint/option-hint.component.js";
+import { SbbCompactPaginatorElement } from "./paginator/compact-paginator/compact-paginator.component.js";
+import { SbbPaginatorElement } from "./paginator/paginator/paginator.component.js";
+import { SbbRadioButtonElement } from "./radio-button/radio-button/radio-button.component.js";
+import { SbbRadioButtonGroupElement } from "./radio-button/radio-button-group/radio-button-group.component.js";
+import { SbbRadioButtonPanelElement } from "./radio-button/radio-button-panel/radio-button-panel.component.js";
+import { SbbSidebarElement } from "./sidebar/sidebar/sidebar.component.js";
+import { SbbSidebarCloseButtonElement } from "./sidebar/sidebar-close-button/sidebar-close-button.component.js";
+import { SbbSidebarContainerElement } from "./sidebar/sidebar-container/sidebar-container.component.js";
+import { SbbSidebarContentElement } from "./sidebar/sidebar-content/sidebar-content.component.js";
+import { SbbSidebarTitleElement } from "./sidebar/sidebar-title/sidebar-title.component.js";
+import { SbbStepElement } from "./stepper/step/step.component.js";
+import { SbbStepLabelElement } from "./stepper/step-label/step-label.component.js";
+import { SbbStepperElement } from "./stepper/stepper/stepper.component.js";
+import { SbbTableWrapperElement } from "./table/table-wrapper/table-wrapper.component.js";
+import { SbbTabElement } from "./tabs/tab/tab.component.js";
+import { SbbTabGroupElement } from "./tabs/tab-group/tab-group.component.js";
+import { SbbTabLabelElement } from "./tabs/tab-label/tab-label.component.js";
+import { SbbTabNavBarElement } from "./tabs/tab-nav-bar/tab-nav-bar.component.js";
+import { SbbTagElement } from "./tag/tag/tag.component.js";
+import { SbbTagGroupElement } from "./tag/tag-group/tag-group.component.js";
+import { SbbTeaserProductElement } from "./teaser-product/teaser-product/teaser-product.component.js";
+import { SbbTeaserProductStaticElement } from "./teaser-product/teaser-product-static/teaser-product-static.component.js";
+import { SbbTimetableFormElement } from "./timetable-form/timetable-form/timetable-form.component.js";
+import { SbbTimetableFormDetailsElement } from "./timetable-form/timetable-form-details/timetable-form-details.component.js";
+import { SbbTimetableFormFieldElement } from "./timetable-form/timetable-form-field/timetable-form-field.component.js";
+import { SbbTimetableFormSwapButtonElement } from "./timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js";
+import { SbbToggleElement } from "./toggle/toggle/toggle.component.js";
+import { SbbToggleOptionElement } from "./toggle/toggle-option/toggle-option.component.js";
+import { SbbTrainElement } from "./train/train/train.component.js";
+import { SbbTrainBlockedPassageElement } from "./train/train-blocked-passage/train-blocked-passage.component.js";
+import { SbbTrainFormationElement } from "./train/train-formation/train-formation.component.js";
+import { SbbTrainWagonElement } from "./train/train-wagon/train-wagon.component.js";
 
 globalThis.SbbAccentButtonElement = SbbAccentButtonElement;
 globalThis.SbbAccentButtonLinkElement = SbbAccentButtonLinkElement;

package/off-brand-theme.css

@@ -1390,6 +1390,28 @@ summary {
   --sbb-card-badge-border-width: var(--sbb-border-width-1x);
   --sbb-card-badge-border-radius: var(--sbb-border-radius-4x);
   --sbb-card-badge-skew: skew(16deg, 0deg);
+  --sbb-carousel-background-color: var(--sbb-background-color-1);
+  --sbb-carousel-border-radius: var(--sbb-border-radius-4x);
+  --sbb-carousel-box-shadow: var(--sbb-box-shadow-level-9-hard);
+  --sbb-carousel-paginator-padding: var(--sbb-spacing-responsive-xs);
+  --sbb-chip-background-color: var(--sbb-background-color-3);
+  --sbb-chip-background-color-active: var(--sbb-background-color-1);
+  --sbb-chip-background-color-hover: var(--sbb-background-color-1);
+  --sbb-chip-border-color: var(--sbb-border-color-4-inverted);
+  --sbb-chip-border-radius: var(--sbb-border-radius-2x);
+  --sbb-chip-color: var(--sbb-color-granite);
+  --sbb-chip-color: light-dark(var(--sbb-color-granite), var(--sbb-color-cloud));
+  --sbb-chip-color-hover: var(--sbb-color-2);
+  --sbb-chip-font-size: var(--sbb-text-font-size-xxs);
+  --sbb-chip-height: 1.5rem;
+  --sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-2x);
+  --_sbb-chip-group-margin-block-start-default: 0.125rem;
+  --_sbb-chip-group-margin-block-start-default-large: 0.21875rem;
+  --sbb-chip-group-gap: var(--sbb-spacing-fixed-1x);
+  --sbb-chip-group-input-min-width: 9.375rem;
+  --sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) 0;
+  --sbb-chip-group-margin-block-no-label-not-empty: 0.1875rem 0.6875rem;
+  --sbb-chip-group-margin-block-with-label-not-empty: var(--_sbb-chip-group-margin-block-start-default) var(--_sbb-chip-group-margin-block-start-default-large);
   --sbb-selection-panel-background-default: var(--sbb-background-color-1);
   --sbb-selection-panel-background-milk: var(--sbb-background-color-3);
   --sbb-selection-panel-border-radius: var(--sbb-border-radius-4x);
@@ -1457,6 +1479,7 @@ summary {
   --sbb-expansion-panel-header-padding-inline-s: var(--sbb-spacing-fixed-5x);
   --sbb-expansion-panel-header-padding-inline-l: var(--sbb-spacing-fixed-6x);
   --sbb-expansion-panel-header-padding-inline-default: var(--sbb-expansion-panel-header-padding-inline-l);
+  --sbb-radio-button-label-gap: var(--sbb-spacing-fixed-2x);
   --sbb-radio-button-label-color: var(--sbb-color-3);
   --sbb-radio-button-background-color: var(--sbb-background-color-1);
   --sbb-radio-button-border-width: var(--sbb-border-width-1x);
@@ -1636,6 +1659,9 @@ summary {
     --sbb-size-element-s: var(--sbb-size-element-s-large);
     --sbb-size-element-m: var(--sbb-size-element-m-large);
     --sbb-size-element-l: var(--sbb-size-element-l-large);
+    --sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) 0;
+    --sbb-chip-group-margin-block-no-label-not-empty: 0.1875rem 0.875rem;
+    --sbb-chip-group-margin-block-with-label-not-empty: var(--_sbb-chip-group-margin-block-start-default-large) var(--_sbb-chip-group-margin-block-start-default-large);
   }
   :root.sbb-lean {
     --sbb-title-font-size-level-6-lean: var(--sbb-typo-scale-0-875x);
@@ -2378,24 +2404,31 @@ sup {
 .sbb-figure-overlap-start-end,
 .sbb-figure-overlap-end-start,
 .sbb-figure-overlap-end-end) {
+  display: flex;
+  gap: var(--sbb-spacing-fixed-1x);
+  flex-wrap: wrap;
+  margin: var(--sbb-spacing-responsive-xxxs);
   color-scheme: only light;
   position: relative;
   order: 1;
   grid-row: 1;
   grid-column: 1;
-  margin: var(--sbb-spacing-responsive-xxxs);
 }
 .sbb-figure .sbb-figure-overlap-start-start {
   place-self: start start;
+  justify-content: start;
 }
 .sbb-figure .sbb-figure-overlap-start-end {
   place-self: start end;
+  justify-content: end;
 }
 .sbb-figure .sbb-figure-overlap-end-start {
   place-self: end start;
+  justify-content: start;
 }
 .sbb-figure .sbb-figure-overlap-end-end {
   place-self: end end;
+  justify-content: end;
 }
 
 :is(sbb-image, img).sbb-image-free {
@@ -2878,6 +2911,8 @@ sup {
 .sbb-table-m,
 .sbb-table-s,
 .sbb-table-xs {
+  --sbb-table-header-cell-font-size: var(--sbb-text-font-size-xs);
+  --sbb-table-data-cell-font-size: var(--sbb-text-font-size-s);
   --sbb-table-header-padding-block: var(--sbb-spacing-fixed-3x);
   --sbb-table-header-padding-inline: var(--sbb-spacing-fixed-4x);
   --sbb-table-cell-padding-block: var(--sbb-spacing-responsive-xxxs);
@@ -2914,7 +2949,7 @@ sup {
 .sbb-table-m thead > tr:last-of-type > th,
 .sbb-table-s thead > tr:last-of-type > th,
 .sbb-table-xs thead > tr:last-of-type > th {
-  border-bottom: var(--sbb-table-border);
+  border-block-end: var(--sbb-table-border);
 }
 .sbb-table thead > tr:first-of-type > th,
 .sbb-table-m thead > tr:first-of-type > th,
@@ -2926,12 +2961,8 @@ sup {
 .sbb-table-m thead > tr > th,
 .sbb-table-s thead > tr > th,
 .sbb-table-xs thead > tr > th {
-  --sbb-text-font-size: var(--sbb-text-font-size-xs);
-  font-family: var(--sbb-typo-font-family);
-  font-weight: normal;
-  line-height: var(--sbb-typo-line-height-text);
+  font-size: var(--sbb-table-header-cell-font-size);
   letter-spacing: var(--sbb-typo-letter-spacing-text);
-  font-size: var(--sbb-text-font-size);
   font-weight: bold;
   background-color: var(--sbb-table-background-color);
   border-inline-end: var(--sbb-table-border);
@@ -2949,12 +2980,8 @@ sup {
 .sbb-table-m tbody > tr > td,
 .sbb-table-s tbody > tr > td,
 .sbb-table-xs tbody > tr > td {
-  --sbb-text-font-size: var(--sbb-text-font-size-s);
-  font-family: var(--sbb-typo-font-family);
-  font-weight: normal;
-  line-height: var(--sbb-typo-line-height-text);
+  font-size: var(--sbb-table-data-cell-font-size);
   letter-spacing: var(--sbb-typo-letter-spacing-text);
-  font-size: var(--sbb-text-font-size);
   background-color: var(--sbb-table-background-color);
   border-block-end: var(--sbb-table-border);
   border-inline-end: var(--sbb-table-border);
@@ -2971,20 +2998,24 @@ sup {
 .sbb-table-m caption,
 .sbb-table-s caption,
 .sbb-table-xs caption {
-  --sbb-text-font-size: var(--sbb-text-font-size-xs);
-  font-family: var(--sbb-typo-font-family);
-  font-weight: normal;
-  line-height: var(--sbb-typo-line-height-text);
-  letter-spacing: var(--sbb-typo-letter-spacing-text);
-  font-size: var(--sbb-text-font-size);
   --sbb-table-caption-color-fallback: var(--sbb-color-granite);
   --sbb-table-caption-color-fallback: light-dark(var(--sbb-color-granite), var(--sbb-color-cement));
+  font-size: var(--sbb-text-font-size-xs);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
   color: var(--sbb-table-caption-color, var(--sbb-table-caption-color-fallback));
   margin-block-start: var(--sbb-table-caption-margin-block-start, var(--sbb-spacing-fixed-4x));
   text-align: left;
 }
+.sbb-table:not(:has(thead tr)) tbody > tr:first-of-type > td,
+.sbb-table-m:not(:has(thead tr)) tbody > tr:first-of-type > td,
+.sbb-table-s:not(:has(thead tr)) tbody > tr:first-of-type > td,
+.sbb-table-xs:not(:has(thead tr)) tbody > tr:first-of-type > td {
+  border-block-start: var(--sbb-table-border);
+}
 
 .sbb-table-m {
+  --sbb-table-header-cell-font-size: var(--sbb-text-font-size-xs);
+  --sbb-table-data-cell-font-size: var(--sbb-text-font-size-s);
   --sbb-table-header-padding-block: var(--sbb-spacing-fixed-3x);
   --sbb-table-header-padding-inline: var(--sbb-spacing-fixed-4x);
   --sbb-table-cell-padding-block: var(--sbb-spacing-responsive-xxxs);
@@ -2992,34 +3023,22 @@ sup {
 }
 
 .sbb-table-s {
+  --sbb-table-header-cell-font-size: var(--sbb-text-font-size-xs);
+  --sbb-table-data-cell-font-size: var(--sbb-text-font-size-xs);
   --sbb-table-header-padding-block: var(--sbb-spacing-fixed-1x);
   --sbb-table-header-padding-inline: var(--sbb-spacing-fixed-2x);
   --sbb-table-cell-padding-block: var(--sbb-spacing-fixed-1x);
   --sbb-table-cell-padding-inline: var(--sbb-spacing-fixed-2x);
 }
-.sbb-table-s tbody > tr > td {
-  --sbb-text-font-size: var(--sbb-text-font-size-xs);
-  font-family: var(--sbb-typo-font-family);
-  font-weight: normal;
-  line-height: var(--sbb-typo-line-height-text);
-  letter-spacing: var(--sbb-typo-letter-spacing-text);
-  font-size: var(--sbb-text-font-size);
-}
 
 .sbb-table-xs {
+  --sbb-table-header-cell-font-size: var(--sbb-text-font-size-xs);
+  --sbb-table-data-cell-font-size: var(--sbb-text-font-size-xs);
   --sbb-table-header-padding-block: 0;
   --sbb-table-header-padding-inline: var(--sbb-spacing-fixed-1x);
   --sbb-table-cell-padding-block: 0;
   --sbb-table-cell-padding-inline: var(--sbb-spacing-fixed-1x);
 }
-.sbb-table-xs tbody > tr > td {
-  --sbb-text-font-size: var(--sbb-text-font-size-xs);
-  font-family: var(--sbb-typo-font-family);
-  font-weight: normal;
-  line-height: var(--sbb-typo-line-height-text);
-  letter-spacing: var(--sbb-typo-letter-spacing-text);
-  font-size: var(--sbb-text-font-size);
-}
 
 sbb-table-wrapper[negative] .sbb-table,
 .sbb-table--negative {
@@ -3049,16 +3068,12 @@ sbb-table-wrapper[negative] .sbb-table,
 }
 
 .sbb-table-header-row:last-of-type > th {
-  border-bottom: var(--sbb-table-border);
+  border-block-end: var(--sbb-table-border);
 }
 
 .sbb-table-header-cell {
-  --sbb-text-font-size: var(--sbb-text-font-size-xs);
-  font-family: var(--sbb-typo-font-family);
-  font-weight: normal;
-  line-height: var(--sbb-typo-line-height-text);
+  font-size: var(--sbb-table-header-cell-font-size);
   letter-spacing: var(--sbb-typo-letter-spacing-text);
-  font-size: var(--sbb-text-font-size);
   font-weight: bold;
   background-color: var(--sbb-table-background-color);
   border-inline-end: var(--sbb-table-border);
@@ -3072,12 +3087,8 @@ sbb-table-wrapper[negative] .sbb-table,
 }
 
 .sbb-table-data-cell {
-  --sbb-text-font-size: var(--sbb-text-font-size-s);
-  font-family: var(--sbb-typo-font-family);
-  font-weight: normal;
-  line-height: var(--sbb-typo-line-height-text);
+  font-size: var(--sbb-table-data-cell-font-size);
   letter-spacing: var(--sbb-typo-letter-spacing-text);
-  font-size: var(--sbb-text-font-size);
   background-color: var(--sbb-table-background-color);
   border-block-end: var(--sbb-table-border);
   border-inline-end: var(--sbb-table-border);
@@ -3086,14 +3097,10 @@ sbb-table-wrapper[negative] .sbb-table,
 }
 
 .sbb-table-caption {
-  --sbb-text-font-size: var(--sbb-text-font-size-xs);
-  font-family: var(--sbb-typo-font-family);
-  font-weight: normal;
-  line-height: var(--sbb-typo-line-height-text);
-  letter-spacing: var(--sbb-typo-letter-spacing-text);
-  font-size: var(--sbb-text-font-size);
   --sbb-table-caption-color-fallback: var(--sbb-color-granite);
   --sbb-table-caption-color-fallback: light-dark(var(--sbb-color-granite), var(--sbb-color-cement));
+  font-size: var(--sbb-text-font-size-xs);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
   color: var(--sbb-table-caption-color, var(--sbb-table-caption-color-fallback));
   margin-block-start: var(--sbb-table-caption-margin-block-start, var(--sbb-spacing-fixed-4x));
   text-align: left;
@@ -3142,19 +3149,13 @@ sbb-table-wrapper[negative] .sbb-table,
 }
 
 html.sbb-lean .sbb-table:not(.sbb-table-xs, .sbb-table-m) {
+  --sbb-table-header-cell-font-size: var(--sbb-text-font-size-xs);
+  --sbb-table-data-cell-font-size: var(--sbb-text-font-size-xs);
   --sbb-table-header-padding-block: var(--sbb-spacing-fixed-1x);
   --sbb-table-header-padding-inline: var(--sbb-spacing-fixed-2x);
   --sbb-table-cell-padding-block: var(--sbb-spacing-fixed-1x);
   --sbb-table-cell-padding-inline: var(--sbb-spacing-fixed-2x);
 }
-html.sbb-lean .sbb-table:not(.sbb-table-xs, .sbb-table-m) tbody > tr > td {
-  --sbb-text-font-size: var(--sbb-text-font-size-xs);
-  font-family: var(--sbb-typo-font-family);
-  font-weight: normal;
-  line-height: var(--sbb-typo-line-height-text);
-  letter-spacing: var(--sbb-typo-letter-spacing-text);
-  font-size: var(--sbb-text-font-size);
-}
 
 .sbb-timetable-form {
   --sbb-timetable-form-content-max-width: 46.25rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sbb-esta/lyne-elements",
-  "version": "4.3.1",
+  "version": "4.4.0",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
@@ -9,24 +9,6 @@
     "storybook"
   ],
   "type": "module",
-  "customElements": "custom-elements.json",
-  "dependencies": {
-    "@lit-labs/observers": "^2.1.0",
-    "lit": "^3.3.2",
-    "tslib": "^2.8.1"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "author": "Lyne Team",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/sbb-design-systems/lyne-components.git"
-  },
-  "bugs": {
-    "url": "https://github.com/sbb-design-systems/lyne-components/issues"
-  },
   "exports": {
     ".": {
       "types": "./index.d.ts",
@@ -1194,5 +1176,23 @@
       "development": "./development/visual-checkbox.js",
       "default": "./visual-checkbox.js"
     }
+  },
+  "customElements": "custom-elements.json",
+  "dependencies": {
+    "@lit-labs/observers": "^2.1.0",
+    "lit": "^3.3.2",
+    "tslib": "^2.8.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "author": "Lyne Team",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/sbb-design-systems/lyne-components.git"
+  },
+  "bugs": {
+    "url": "https://github.com/sbb-design-systems/lyne-components/issues"
   }
 }