@sbb-esta/lyne-elements-dev 5.0.0-next-dev.1776866482 → 5.0.0-next-dev.1776872994

package/off-brand-theme.css

@@ -226,6 +226,7 @@ slot[name=error]::slotted(*) {
   transition: color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);
   font-size: var(--sbb-tab-label-font-size);
   letter-spacing: var(--sbb-typo-letter-spacing-text);
+  line-height: var(--sbb-typo-line-height-text);
   font-weight: var(--sbb-tab-label-font-weight);
   text-decoration: var(--sbb-tab-label-text-decoration);
 }
@@ -1762,6 +1763,11 @@ slot[name=error]::slotted(*) {
   --sbb-signet-panel-color: var(--sbb-color-brand);
   --sbb-signet-icon-color: var(--sbb-color-white);
   --sbb-signet-aspect-ratio: 2 / 1;
+  --sbb-select-placeholder-fallback-color: var(--sbb-color-metal);
+  --sbb-select-placeholder-fallback-color: light-dark(
+    var(--sbb-color-metal),
+    var(--sbb-color-smoke)
+  );
   --sbb-slider-line-height: 0.25rem;
   --sbb-slider-knob-size: 1.75rem;
   --sbb-slider-knob-size-active: 1.9375rem;
@@ -1847,6 +1853,7 @@ slot[name=error]::slotted(*) {
   --sbb-teaser-gap: var(--sbb-spacing-fixed-4x);
   --sbb-teaser-border-radius: var(--sbb-border-radius-4x);
   --sbb-teaser-image-width: 18.75rem;
+  --sbb-teaser-hero-link-font-weight: 400;
   --sbb-panel-width: 13.9375rem;
   --sbb-panel-inner-height: 10.4375rem;
   --sbb-panel-triangle-height: 2.0625rem;
@@ -1897,6 +1904,7 @@ slot[name=error]::slotted(*) {
   --sbb-timetable-occupancy-font-size: var(--sbb-text-font-size-s);
   --sbb-timetable-occupancy-list-gap: var(--sbb-spacing-fixed-2x);
   --sbb-timetable-occupancy-item-gap: var(--sbb-spacing-fixed-1x);
+  --sbb-time-input-max-width: 3.625rem;
   --sbb-toggle-check-font-size: var(--sbb-text-font-size-s);
   --sbb-toggle-check-color: var(--sbb-color-2);
   --sbb-toggle-check-checked-color: var(--sbb-color-primary);
@@ -2014,11 +2022,10 @@ slot[name=error]::slotted(*) {
   --sbb-train-formation-wagon-width: 5rem;
   --sbb-train-formation-wagon-height: 2.5rem;
   --sbb-train-formation-wagon-gap: var(--sbb-spacing-fixed-1x);
-  --sbb-time-input-max-width: 3.625rem;
   --sbb-overlay-default-z-index: 1000;
   --sbb-cursor-default: default;
   --sbb-cursor-pointer: pointer;
-  --sbb-border-radius-infinity: 100000em;
+  --sbb-border-radius-infinity: calc(infinity * 1px);
 }
 :root.sbb-lean {
   --sbb-title-font-size-level-1-lean: var(--sbb-heading-font-size-2);
@@ -2121,13 +2128,11 @@ slot[name=error]::slotted(*) {
     --sbb-teaser-product-footer-padding-block-start: var(--sbb-spacing-responsive-xs);
     --sbb-teaser-product-footer-padding-block-end: var(--sbb-spacing-responsive-xs);
     --sbb-teaser-product-footer-min-height: var(--sbb-teaser-product-container-spacing);
+    --sbb-time-input-max-width: 4.0625rem;
   }
   :root.sbb-lean {
     --sbb-title-font-size-level-6-lean: var(--sbb-typo-scale-0-875x);
   }
-  :root {
-    --sbb-time-input-max-width: 4.0625rem;
-  }
 }
 @media (min-width: calc(90rem)) {
   :root {
@@ -2412,10 +2417,6 @@ sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap
   }
 }
 
-sbb-header + :where(sbb-sidebar-container, sbb-icon-sidebar-container) {
-  margin-block-start: var(--sbb-header-height);
-}
-
 :root:has(sbb-header[size=m]) {
   --sbb-header-height: var(--sbb-spacing-fixed-14x);
 }
@@ -2432,6 +2433,26 @@ sbb-header + :where(sbb-sidebar-container, sbb-icon-sidebar-container) {
     --sbb-header-height: var(--sbb-spacing-fixed-14x);
   }
 }
+sbb-header + :where(sbb-sidebar-container, sbb-icon-sidebar-container) {
+  margin-block-start: var(--sbb-header-height);
+}
+
+.sbb-header-info {
+  display: flex;
+  padding-inline: var(--sbb-spacing-fixed-4x);
+  gap: var(--sbb-spacing-fixed-1x);
+  align-items: baseline;
+  color: var(--sbb-color-1);
+  font-size: var(--sbb-text-font-size-xs);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+}
+.sbb-header-info strong + * {
+  font-size: var(--sbb-text-font-size-xxs);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+  color: var(--sbb-color-granite);
+  color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
+}
+
 sbb-icon-sidebar-content + sbb-icon-sidebar :is(sbb-icon-sidebar-link, sbb-icon-sidebar-button) {
   --sbb-icon-sidebar-button__current-border-inset-inline-start: auto;
 }
@@ -2465,6 +2486,20 @@ sbb-message > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap-image) {
   --sbb-option-hint-padding-block-end: var(--sbb-spacing-fixed-1x);
 }
 
+.sbb-options-nowrap {
+  --sbb-option-text-overflow: ellipsis;
+  --sbb-option-overflow: hidden;
+  --sbb-option-white-space: nowrap;
+}
+
+.sbb-select-trigger {
+  width: 100%;
+  height: var(--sbb-size-element-xs);
+}
+sbb-form-field .sbb-select-trigger {
+  top: 0;
+}
+
 sbb-sidebar:has(sbb-sidebar-title) {
   --_sbb-sidebar-padding-block-start: 0;
 }
@@ -2503,6 +2538,29 @@ sbb-tab-nav-bar .sbb-tab-amount {
   text-decoration: var(--sbb-tab-label-text-decoration);
 }
 
+sbb-teaser :is(sbb-image, img):not(.sbb-figure-overlap-image) {
+  --sbb-image-object-fit: cover;
+  --sbb-image-aspect-ratio: 4 / 3;
+  transition-property: filter, scale;
+  will-change: filter, scale;
+  scale: var(--sbb-teaser-scale, 1);
+}
+
+sbb-teaser-hero :is(sbb-image, img):not(.sbb-figure-overlap-image) {
+  --sbb-image-aspect-ratio: 1 / 1;
+  border-radius: 0;
+}
+@media (min-width: calc(37.5rem)) {
+  sbb-teaser-hero :is(sbb-image, img):not(.sbb-figure-overlap-image) {
+    --sbb-image-aspect-ratio: 16 / 9;
+  }
+}
+sbb-teaser-hero img:not(.sbb-figure-overlap-image) {
+  display: block;
+  align-self: stretch;
+  width: 100%;
+}
+
 :is(sbb-teaser-product, sbb-teaser-product-static) :is(sbb-image, img):not(.sbb-figure-overlap-image) {
   border-radius: 0;
   --sbb-image-object-fit: cover;
@@ -2585,25 +2643,6 @@ sbb-toast) {
   pointer-events: all;
 }
 
-.sbb-header-info {
-  --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);
-  display: flex;
-  padding-inline: var(--sbb-spacing-fixed-4x);
-  gap: var(--sbb-spacing-fixed-1x);
-  align-items: baseline;
-  color: var(--sbb-color-1);
-}
-.sbb-header-info strong + * {
-  font-size: var(--sbb-text-font-size-xxs);
-  color: var(--sbb-color-granite);
-  color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
-}
-
 sbb-title + p {
   margin-block-start: 0;
 }
@@ -2633,29 +2672,6 @@ img {
   transition: filter var(--sbb-teaser-image-animation-duration) var(--sbb-teaser-image-animation-easing);
 }
 
-sbb-teaser :is(sbb-image, img):not(.sbb-figure-overlap-image) {
-  --sbb-image-object-fit: cover;
-  --sbb-image-aspect-ratio: 4 / 3;
-  transition-property: filter, scale;
-  will-change: filter, scale;
-  scale: var(--sbb-teaser-scale, 1);
-}
-
-sbb-teaser-hero :is(sbb-image, img):not(.sbb-figure-overlap-image) {
-  --sbb-image-aspect-ratio: 1 / 1;
-  border-radius: 0;
-}
-@media (min-width: calc(37.5rem)) {
-  sbb-teaser-hero :is(sbb-image, img):not(.sbb-figure-overlap-image) {
-    --sbb-image-aspect-ratio: 16 / 9;
-  }
-}
-sbb-teaser-hero img:not(.sbb-figure-overlap-image) {
-  display: block;
-  align-self: stretch;
-  width: 100%;
-}
-
 sbb-train-formation:has(sbb-train[direction-label]) {
   --sbb-train-formation-reserve-spacing-display: block;
 }
@@ -2684,26 +2700,12 @@ sbb-train-formation[view=top] sbb-train-wagon {
   --sbb-train-wagon-wagon-end-right-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40' fill='none'%3E%3Cpath d='M8.5,0.5 h51.5 a19.5,19.5 0 0 1 19.5,19.5 v0 a19.5,19.5 0 0 1 -19.5,19.5 h-51.5 a8,8 0 0 1 -8,-8 v-23 a8,8 0 0 1 8,-8 z' stroke='%23000000' stroke-width='1'/%3E%3C/svg%3E");
 }
 
-.sbb-select-trigger {
-  width: 100%;
-  height: var(--sbb-size-element-xs);
-}
-sbb-form-field .sbb-select-trigger {
-  top: 0;
-}
-
 .sbb-overlay-outlet {
   position: fixed;
   inset: 0;
   pointer-events: none;
 }
 
-.sbb-options-nowrap {
-  --sbb-option-text-overflow: ellipsis;
-  --sbb-option-overflow: hidden;
-  --sbb-option-white-space: nowrap;
-}
-
 sub {
   bottom: -0.36em;
 }

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@sbb-esta/lyne-elements-dev",
-  "version": "5.0.0-next-dev.1776866482",
+  "version": "5.0.0-next-dev.1776872994",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
     "web components",
     "lit",
-    "https://github.com/sbb-design-systems/lyne-components/commit/c807fa7d298597cfcf77b13a895bb1d03229505c"
+    "https://github.com/sbb-design-systems/lyne-components/commit/a2695dc961a589d11f8c471aaaeeb209b8f9b797"
   ],
   "type": "module",
   "exports": {

package/paginator/compact-paginator/compact-paginator.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../compact-paginator.component-DEEhXiMm.js";
+import { t as e } from "../../compact-paginator.component-Dyu9bezr.js";
 export { e as SbbCompactPaginatorElement };

package/paginator/paginator/paginator.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../paginator.component-BkECB-iV.js";
+import { t as e } from "../../paginator.component-DA_wUypF.js";
 export { e as SbbPaginatorElement };

package/{paginator.component-BkECB-iV.js → paginator.component-DA_wUypF.js}

@@ -8,7 +8,7 @@ import { SbbFormFieldElement as m } from "./form-field.pure.js";
 import { SbbOptionElement as h } from "./option.pure.js";
 import { SbbSelectElement as g } from "./select.pure.js";
 //#region src/elements/paginator/paginator/paginator.scss?inline
-var _ = ":host{--sbb-paginator-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:block}:host([size=s]){--sbb-paginator-height: var(--sbb-size-element-xs)}:host([size=m]){--sbb-paginator-height: var(--sbb-size-element-m)}:host([negative]){--sbb-paginator-page-color: var(--sbb-color-5);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host([pager-position=end]){--sbb-paginator-justify-content: end;--sbb-paginator-wrapping-group-wrap: wrap;--sbb-paginator-wrap: wrap-reverse}.sbb-paginator,.sbb-paginator__wrapping-group{display:flex;gap:var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-6x);justify-content:var(--sbb-paginator-justify-content, start)}.sbb-paginator{flex-wrap:var(--sbb-paginator-wrap, wrap);min-height:var(--sbb-paginator-height)}.sbb-paginator__wrapping-group{flex-wrap:var(--sbb-paginator-wrapping-group-wrap, wrap-reverse)}.sbb-paginator__page-size-options{display:flex;align-items:center;gap:var(--sbb-spacing-fixed-2x);white-space:nowrap;color:var(--sbb-paginator-page-color);font-size:var(--sbb-paginator-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text)}.sbb-paginator__page-size-options sbb-select{color:var(--sbb-form-field-text-color);font-size:var(--sbb-form-field-input-text-size);letter-spacing:var(--sbb-typo-letter-spacing-text);padding-inline-end:var(--sbb-form-field-select-inline-padding-end)}.sbb-paginator__pages{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;align-items:center;justify-content:center;gap:var(--sbb-spacing-fixed-1x);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sbb-paginator__page--ellipsis,.sbb-paginator__page--number{position:relative;font-size:var(--sbb-paginator-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);color:var(--sbb-paginator-page-color)}.sbb-paginator__page--ellipsis-item,.sbb-paginator__page--number-item{display:flex;justify-content:center;align-items:center;width:var(--sbb-size-element-xxs);height:var(--sbb-size-element-xxs)}.sbb-paginator__page--number-item{appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;--sbb-text-font-size: var(--sbb-paginator-font-size);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);position:relative;cursor:var(--sbb-paginator-page-cursor);outline:none!important;color:var(--sbb-paginator-page-color);transition:color var(--sbb-paginator-animation-duration) var(--sbb-paginator-animation-easing)}.sbb-paginator__page--number-item:before{content:\"\";position:absolute;background-color:var(--sbb-paginator-page-background-color, transparent);border:var(--sbb-paginator-page-border-width) var(--sbb-paginator-page-border-style, none) var(--sbb-paginator-page-border-color, none);border-radius:var(--sbb-border-radius-infinity);inset:var(--sbb-paginator-page-inset, 0);transition-property:background-color,border,inset;transition-duration:var(--sbb-paginator-animation-duration);transition-timing-function:var(--sbb-paginator-animation-easing)}.sbb-paginator__page--number-item:focus-visible:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-border-width-2x)}.sbb-paginator__page--number-item[data-selected]{font-weight:700;--sbb-paginator-page-color: var(--sbb-color-3);--sbb-paginator-page-border-width: var(--sbb-border-width-2x);--sbb-paginator-page-border-style: solid;--sbb-paginator-page-border-color: var(--sbb-border-color-2)}:host([negative]) .sbb-paginator__page--number-item[data-selected]{--sbb-paginator-page-color: var(--sbb-color-3-negative);--sbb-paginator-page-border-color: var(--sbb-border-color-2-negative)}@media(forced-colors:active){.sbb-paginator__page--number-item[data-selected]{--sbb-paginator-page-border-color: Highlight !important}}.sbb-paginator__page--number-item:disabled{--sbb-paginator-page-color: var(--sbb-color-5);--sbb-paginator-page-border-style: dashed;--sbb-paginator-page-border-color: var(--sbb-border-color-5);--sbb-paginator-page-background-color: var(--sbb-background-color-3);--sbb-paginator-page-cursor: var(--sbb-cursor-default)}.sbb-paginator__page--number-item:disabled:not([data-selected]){--sbb-paginator-page-border-width: var(--sbb-border-width-1x)}:host([negative]) .sbb-paginator__page--number-item:disabled{--sbb-paginator-page-color: var(--sbb-color-5);--sbb-paginator-page-background-color: var(--sbb-background-color-3-negative)}@media(forced-colors:active){.sbb-paginator__page--number-item:disabled{--sbb-paginator-page-border-color: GrayText;--sbb-paginator-page-color: GrayText;--sbb-paginator-page-background-color: Canvas}}@media(any-hover:hover){.sbb-paginator__page--number-item:not(:disabled):hover{--sbb-paginator-page-background-color: var(--sbb-background-color-3);--sbb-paginator-page-inset: calc(var(--sbb-border-width-2x) * -1);--sbb-paginator-translate-y-content-hover: -.0625rem}:host([negative]) .sbb-paginator__page--number-item:not(:disabled):hover{--sbb-paginator-page-background-color: var(--sbb-background-color-3-negative)}}@media(any-hover:hover)and (forced-colors:active){.sbb-paginator__page--number-item:not(:disabled):hover{--sbb-paginator-page-background-color: Highlight !important}}.sbb-paginator__page--number-item:not(:disabled):active{--sbb-paginator-page-color: var(--sbb-color-3);--sbb-paginator-page-background-color: var(--sbb-background-color-4);--sbb-paginator-page-inset: 0;--sbb-paginator-translate-y-content-hover: 0}:host([negative]) .sbb-paginator__page--number-item:not(:disabled):active{--sbb-paginator-page-color: var(--sbb-color-3-negative);--sbb-paginator-page-background-color: var(--sbb-background-color-4-negative)}@media(forced-colors:active){.sbb-paginator__page--number-item:not(:disabled):active{--sbb-paginator-page-background-color: Highlight !important}}.sbb-paginator__page--number-item-label{transition:transform var(--sbb-paginator-animation-duration) var(--sbb-paginator-animation-easing);transform:translateY(var(--sbb-paginator-translate-y-content-hover, 0rem))}.sbb-screen-reader-only{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}", v = 3, y = (() => {
+var _ = ":host{--sbb-paginator-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:block;line-height:var(--sbb-typo-line-height-text)}:host([size=s]){--sbb-paginator-height: var(--sbb-size-element-xs)}:host([size=m]){--sbb-paginator-height: var(--sbb-size-element-m)}:host([negative]){--sbb-paginator-page-color: var(--sbb-color-5);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host([pager-position=end]){--sbb-paginator-justify-content: end;--sbb-paginator-wrapping-group-wrap: wrap;--sbb-paginator-wrap: wrap-reverse}.sbb-paginator,.sbb-paginator__wrapping-group{display:flex;gap:var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-6x);justify-content:var(--sbb-paginator-justify-content, start)}.sbb-paginator{flex-wrap:var(--sbb-paginator-wrap, wrap);min-height:var(--sbb-paginator-height)}.sbb-paginator__wrapping-group{flex-wrap:var(--sbb-paginator-wrapping-group-wrap, wrap-reverse)}.sbb-paginator__page-size-options{display:flex;align-items:center;gap:var(--sbb-spacing-fixed-2x);white-space:nowrap;color:var(--sbb-paginator-page-color);font-size:var(--sbb-paginator-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text)}.sbb-paginator__page-size-options sbb-select{color:var(--sbb-form-field-text-color);font-size:var(--sbb-form-field-input-text-size);letter-spacing:var(--sbb-typo-letter-spacing-text);padding-inline-end:var(--sbb-form-field-select-inline-padding-end)}.sbb-paginator__pages{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;align-items:center;justify-content:center;gap:var(--sbb-spacing-fixed-1x);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sbb-paginator__page--ellipsis,.sbb-paginator__page--number{position:relative;font-size:var(--sbb-paginator-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);color:var(--sbb-paginator-page-color)}.sbb-paginator__page--ellipsis-item,.sbb-paginator__page--number-item{display:flex;justify-content:center;align-items:center;width:var(--sbb-size-element-xxs);height:var(--sbb-size-element-xxs)}.sbb-paginator__page--number-item{appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;font-family:var(--sbb-typo-font-family);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-paginator-font-size);line-height:var(--sbb-typo-line-height-text);font-weight:400;position:relative;cursor:var(--sbb-paginator-page-cursor);outline:none!important;color:var(--sbb-paginator-page-color);transition:color var(--sbb-paginator-animation-duration) var(--sbb-paginator-animation-easing)}.sbb-paginator__page--number-item:before{content:\"\";position:absolute;background-color:var(--sbb-paginator-page-background-color, transparent);border:var(--sbb-paginator-page-border-width) var(--sbb-paginator-page-border-style, none) var(--sbb-paginator-page-border-color, none);border-radius:var(--sbb-border-radius-infinity);inset:var(--sbb-paginator-page-inset, 0);transition-property:background-color,border,inset;transition-duration:var(--sbb-paginator-animation-duration);transition-timing-function:var(--sbb-paginator-animation-easing)}.sbb-paginator__page--number-item:focus-visible:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-border-width-2x)}.sbb-paginator__page--number-item[data-selected]{font-weight:700;--sbb-paginator-page-color: var(--sbb-color-3);--sbb-paginator-page-border-width: var(--sbb-border-width-2x);--sbb-paginator-page-border-style: solid;--sbb-paginator-page-border-color: var(--sbb-border-color-2)}:host([negative]) .sbb-paginator__page--number-item[data-selected]{--sbb-paginator-page-color: var(--sbb-color-3-negative);--sbb-paginator-page-border-color: var(--sbb-border-color-2-negative)}@media(forced-colors:active){.sbb-paginator__page--number-item[data-selected]{--sbb-paginator-page-border-color: Highlight !important}}.sbb-paginator__page--number-item:disabled{--sbb-paginator-page-color: var(--sbb-color-5);--sbb-paginator-page-border-style: dashed;--sbb-paginator-page-border-color: var(--sbb-border-color-5);--sbb-paginator-page-background-color: var(--sbb-background-color-3);--sbb-paginator-page-cursor: var(--sbb-cursor-default)}.sbb-paginator__page--number-item:disabled:not([data-selected]){--sbb-paginator-page-border-width: var(--sbb-border-width-1x)}:host([negative]) .sbb-paginator__page--number-item:disabled{--sbb-paginator-page-color: var(--sbb-color-5);--sbb-paginator-page-background-color: var(--sbb-background-color-3-negative)}@media(forced-colors:active){.sbb-paginator__page--number-item:disabled{--sbb-paginator-page-border-color: GrayText;--sbb-paginator-page-color: GrayText;--sbb-paginator-page-background-color: Canvas}}@media(any-hover:hover){.sbb-paginator__page--number-item:not(:disabled):hover{--sbb-paginator-page-background-color: var(--sbb-background-color-3);--sbb-paginator-page-inset: calc(var(--sbb-border-width-2x) * -1);--sbb-paginator-translate-y-content-hover: -.0625rem}:host([negative]) .sbb-paginator__page--number-item:not(:disabled):hover{--sbb-paginator-page-background-color: var(--sbb-background-color-3-negative)}}@media(any-hover:hover)and (forced-colors:active){.sbb-paginator__page--number-item:not(:disabled):hover{--sbb-paginator-page-background-color: Highlight !important}}.sbb-paginator__page--number-item:not(:disabled):active{--sbb-paginator-page-color: var(--sbb-color-3);--sbb-paginator-page-background-color: var(--sbb-background-color-4);--sbb-paginator-page-inset: 0;--sbb-paginator-translate-y-content-hover: 0}:host([negative]) .sbb-paginator__page--number-item:not(:disabled):active{--sbb-paginator-page-color: var(--sbb-color-3-negative);--sbb-paginator-page-background-color: var(--sbb-background-color-4-negative)}@media(forced-colors:active){.sbb-paginator__page--number-item:not(:disabled):active{--sbb-paginator-page-background-color: Highlight !important}}.sbb-paginator__page--number-item-label{transition:transform var(--sbb-paginator-animation-duration) var(--sbb-paginator-animation-easing);transform:translateY(var(--sbb-paginator-translate-y-content-hover, 0rem))}.sbb-screen-reader-only{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}", v = 3, y = (() => {
 	let y = f(o), b, x = [], S = [], C, w = [], T = [], E, D = [], O = [];
 	return class extends y {
 		constructor() {

package/paginator.js

@@ -1,6 +1,6 @@
 import { SbbPaginatorCommonElementMixin as e } from "./paginator/common/paginator-common.js";
-import { t } from "./compact-paginator.component-DEEhXiMm.js";
-import { t as n } from "./paginator.component-BkECB-iV.js";
+import { t } from "./compact-paginator.component-Dyu9bezr.js";
+import { t as n } from "./paginator.component-DA_wUypF.js";
 import "./paginator.pure.js";
 t.define(), n.define();
 //#endregion

package/paginator.pure.js

@@ -1,4 +1,4 @@
 import { SbbPaginatorCommonElementMixin as e } from "./paginator/common/paginator-common.js";
-import { t } from "./compact-paginator.component-DEEhXiMm.js";
-import { t as n } from "./paginator.component-BkECB-iV.js";
+import { t } from "./compact-paginator.component-Dyu9bezr.js";
+import { t as n } from "./paginator.component-DA_wUypF.js";
 export { t as SbbCompactPaginatorElement, e as SbbPaginatorCommonElementMixin, n as SbbPaginatorElement };

package/radio-button/common/radio-button-common.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../radio-button-common-CQyKqDLJ.js";
+import { n as e, t } from "../../radio-button-common-iNYco_B8.js";
 export { t as SbbRadioButtonCommonElementMixin, e as radioButtonCommonStyle };

package/radio-button/radio-button.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../radio-button.component-Cenb6FL5.js";
+import { t as e } from "../radio-button.component-v5czJYC3.js";
 export { e as SbbRadioButtonElement };

package/{radio-button-common-CQyKqDLJ.js → radio-button-common-iNYco_B8.js}

@@ -4,7 +4,7 @@ import { property as r } from "lit/decorators.js";
 import { SbbFormAssociatedRadioButtonMixin as i } from "./core.js";
 //#endregion
 //#region src/elements/radio-button/common/radio-button-common.ts
-var a = n(":host{--sbb-radio-button-inner-circle-color: var(--sbb-radio-button-background-color);--sbb-radio-button-background-fake-border-width: calc(var(--sbb-radio-button-dimension) / 2);--sbb-radio-button-icon-align: calc( (1em * var(--sbb-typo-line-height-text) - var(--sbb-radio-button-dimension)) / 2 )}:host(:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color: var(--sbb-color-primary);--sbb-radio-button-background-fake-border-width: calc( (var(--sbb-radio-button-dimension) - var(--sbb-radio-button-inner-circle-dimension)) / 2 )}@media(forced-colors:active){:host(:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color: Highlight;--sbb-radio-button-border-color: Highlight}}:host(:disabled){--sbb-radio-button-label-color: var(--sbb-color-granite);--sbb-radio-button-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));--sbb-radio-button-background-color: var(--sbb-background-color-3);--sbb-radio-button-border-style: dashed;--sbb-radio-button-inner-circle-color: var(--sbb-radio-button-background-color);--sbb-radio-button-cursor: var(--sbb-cursor-default)}@media(forced-colors:active){:host(:disabled){--sbb-radio-button-background-color: Canvas;--sbb-radio-button-inner-circle-color: GrayText;--sbb-radio-button-border-color: GrayText;--sbb-radio-button-border-style: solid}}:host(:disabled:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color: var(--sbb-background-color-2-inverted)}:host([size=xs]){--sbb-radio-button-font-size: var(--sbb-text-font-size-xs);--sbb-radio-button-dimension: var(--sbb-radio-button-dimension-xs)}:host([size=s]){--sbb-radio-button-font-size: var(--sbb-text-font-size-s);--sbb-radio-button-dimension: var(--sbb-radio-button-dimension-s)}:host([size=m]){--sbb-radio-button-font-size: var(--sbb-text-font-size-m);--sbb-radio-button-dimension: var(--sbb-radio-button-dimension-m)}.sbb-screen-reader-only{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-radio-button{font-size:var(--sbb-radio-button-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);display:block;cursor:var(--sbb-radio-button-cursor);-webkit-user-select:none;user-select:none;position:relative;color:var(--sbb-radio-button-label-color);-webkit-tap-highlight-color:transparent}.sbb-radio-button__label-slot{display:flex;align-items:flex-start;overflow:hidden;min-height:calc(var(--sbb-radio-button-font-size) * var(--sbb-typo-line-height-text))}.sbb-radio-button__label-slot:before,.sbb-radio-button__label-slot:after{content:\"\";flex-shrink:0;width:var(--sbb-radio-button-dimension);height:var(--sbb-radio-button-dimension);border-radius:50%;margin-block-start:var(--sbb-radio-button-icon-align);transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-4x));transition-timing-function:ease;transition-property:background-color,border}@media(forced-colors:active){.sbb-radio-button__label-slot:before,.sbb-radio-button__label-slot:after{transition:none}}.sbb-radio-button__label-slot:before{background:var(--sbb-radio-button-inner-circle-color);border:var(--sbb-radio-button-background-fake-border-width) solid var(--sbb-radio-button-background-color);margin-inline-end:var(--sbb-radio-button-label-gap)}.sbb-radio-button__label-slot:after{position:absolute;border:var(--sbb-radio-button-border-width) var(--sbb-radio-button-border-style) var(--sbb-radio-button-border-color)}"), o = (n) => (() => {
+var a = n(":host{--sbb-radio-button-inner-circle-color: var(--sbb-radio-button-background-color);--sbb-radio-button-background-fake-border-width: calc(var(--sbb-radio-button-dimension) / 2);--sbb-radio-button-icon-align: calc( (1em * var(--sbb-typo-line-height-text) - var(--sbb-radio-button-dimension)) / 2 )}:host(:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color: var(--sbb-color-primary);--sbb-radio-button-background-fake-border-width: calc( (var(--sbb-radio-button-dimension) - var(--sbb-radio-button-inner-circle-dimension)) / 2 )}@media(forced-colors:active){:host(:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color: Highlight;--sbb-radio-button-border-color: Highlight}}:host(:disabled){--sbb-radio-button-label-color: var(--sbb-color-granite);--sbb-radio-button-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));--sbb-radio-button-background-color: var(--sbb-background-color-3);--sbb-radio-button-border-style: dashed;--sbb-radio-button-inner-circle-color: var(--sbb-radio-button-background-color);--sbb-radio-button-cursor: var(--sbb-cursor-default)}@media(forced-colors:active){:host(:disabled){--sbb-radio-button-background-color: Canvas;--sbb-radio-button-inner-circle-color: GrayText;--sbb-radio-button-border-color: GrayText;--sbb-radio-button-border-style: solid}}:host(:disabled:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color: var(--sbb-background-color-2-inverted)}:host([size=xs]){--sbb-radio-button-font-size: var(--sbb-text-font-size-xs);--sbb-radio-button-dimension: var(--sbb-radio-button-dimension-xs)}:host([size=s]){--sbb-radio-button-font-size: var(--sbb-text-font-size-s);--sbb-radio-button-dimension: var(--sbb-radio-button-dimension-s)}:host([size=m]){--sbb-radio-button-font-size: var(--sbb-text-font-size-m);--sbb-radio-button-dimension: var(--sbb-radio-button-dimension-m)}.sbb-screen-reader-only{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-radio-button{font-size:var(--sbb-radio-button-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);display:block;cursor:var(--sbb-radio-button-cursor);-webkit-user-select:none;user-select:none;position:relative;color:var(--sbb-radio-button-label-color);-webkit-tap-highlight-color:transparent}.sbb-radio-button__label-slot{display:flex;align-items:flex-start;overflow:hidden;min-height:calc(var(--sbb-radio-button-font-size) * var(--sbb-typo-line-height-text))}.sbb-radio-button__label-slot:before,.sbb-radio-button__label-slot:after{content:\"\";flex-shrink:0;width:var(--sbb-radio-button-dimension);height:var(--sbb-radio-button-dimension);border-radius:50%;margin-block-start:var(--sbb-radio-button-icon-align);transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-4x));transition-timing-function:ease;transition-property:background-color,border}@media(forced-colors:active){.sbb-radio-button__label-slot:before,.sbb-radio-button__label-slot:after{transition:none}}.sbb-radio-button__label-slot:before{background:var(--sbb-radio-button-inner-circle-color);border:var(--sbb-radio-button-background-fake-border-width) solid var(--sbb-radio-button-background-color);margin-inline-end:var(--sbb-radio-button-label-gap)}.sbb-radio-button__label-slot:after{position:absolute;border:var(--sbb-radio-button-border-width) var(--sbb-radio-button-border-style) var(--sbb-radio-button-border-color)}"), o = (n) => (() => {
 	let a = i(n), o = [], s;
 	return class extends a {
 		static {

package/{radio-button.component-Cenb6FL5.js → radio-button.component-v5czJYC3.js}

@@ -1,4 +1,4 @@
-import { n as e, t } from "./radio-button-common-CQyKqDLJ.js";
+import { n as e, t } from "./radio-button-common-iNYco_B8.js";
 import { __esDecorate as n, __runInitializers as r } from "tslib";
 import { html as i, unsafeCSS as a } from "lit";
 import { property as o } from "lit/decorators.js";

package/radio-button.js

@@ -1,5 +1,5 @@
-import { n as e, t } from "./radio-button-common-CQyKqDLJ.js";
-import { t as n } from "./radio-button.component-Cenb6FL5.js";
+import { n as e, t } from "./radio-button-common-iNYco_B8.js";
+import { t as n } from "./radio-button.component-v5czJYC3.js";
 import "./radio-button.pure.js";
 //#region src/elements/radio-button.ts
 n.define();

package/radio-button.pure.js

@@ -1,3 +1,3 @@
-import { n as e, t } from "./radio-button-common-CQyKqDLJ.js";
-import { t as n } from "./radio-button.component-Cenb6FL5.js";
+import { n as e, t } from "./radio-button-common-iNYco_B8.js";
+import { t as n } from "./radio-button.component-v5czJYC3.js";
 export { t as SbbRadioButtonCommonElementMixin, n as SbbRadioButtonElement, e as radioButtonCommonStyle };

package/safety-theme.css

@@ -226,6 +226,7 @@ slot[name=error]::slotted(*) {
   transition: color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);
   font-size: var(--sbb-tab-label-font-size);
   letter-spacing: var(--sbb-typo-letter-spacing-text);
+  line-height: var(--sbb-typo-line-height-text);
   font-weight: var(--sbb-tab-label-font-weight);
   text-decoration: var(--sbb-tab-label-text-decoration);
 }
@@ -1762,6 +1763,11 @@ slot[name=error]::slotted(*) {
   --sbb-signet-panel-color: var(--sbb-color-brand);
   --sbb-signet-icon-color: var(--sbb-color-white);
   --sbb-signet-aspect-ratio: 2 / 1;
+  --sbb-select-placeholder-fallback-color: var(--sbb-color-metal);
+  --sbb-select-placeholder-fallback-color: light-dark(
+    var(--sbb-color-metal),
+    var(--sbb-color-smoke)
+  );
   --sbb-slider-line-height: 0.25rem;
   --sbb-slider-knob-size: 1.75rem;
   --sbb-slider-knob-size-active: 1.9375rem;
@@ -1847,6 +1853,7 @@ slot[name=error]::slotted(*) {
   --sbb-teaser-gap: var(--sbb-spacing-fixed-4x);
   --sbb-teaser-border-radius: var(--sbb-border-radius-4x);
   --sbb-teaser-image-width: 18.75rem;
+  --sbb-teaser-hero-link-font-weight: 400;
   --sbb-panel-width: 13.9375rem;
   --sbb-panel-inner-height: 10.4375rem;
   --sbb-panel-triangle-height: 2.0625rem;
@@ -1897,6 +1904,7 @@ slot[name=error]::slotted(*) {
   --sbb-timetable-occupancy-font-size: var(--sbb-text-font-size-s);
   --sbb-timetable-occupancy-list-gap: var(--sbb-spacing-fixed-2x);
   --sbb-timetable-occupancy-item-gap: var(--sbb-spacing-fixed-1x);
+  --sbb-time-input-max-width: 3.625rem;
   --sbb-toggle-check-font-size: var(--sbb-text-font-size-s);
   --sbb-toggle-check-color: var(--sbb-color-2);
   --sbb-toggle-check-checked-color: var(--sbb-color-primary);
@@ -2014,11 +2022,10 @@ slot[name=error]::slotted(*) {
   --sbb-train-formation-wagon-width: 5rem;
   --sbb-train-formation-wagon-height: 2.5rem;
   --sbb-train-formation-wagon-gap: var(--sbb-spacing-fixed-1x);
-  --sbb-time-input-max-width: 3.625rem;
   --sbb-overlay-default-z-index: 1000;
   --sbb-cursor-default: default;
   --sbb-cursor-pointer: pointer;
-  --sbb-border-radius-infinity: 100000em;
+  --sbb-border-radius-infinity: calc(infinity * 1px);
 }
 :root.sbb-lean {
   --sbb-title-font-size-level-1-lean: var(--sbb-heading-font-size-2);
@@ -2121,13 +2128,11 @@ slot[name=error]::slotted(*) {
     --sbb-teaser-product-footer-padding-block-start: var(--sbb-spacing-responsive-xs);
     --sbb-teaser-product-footer-padding-block-end: var(--sbb-spacing-responsive-xs);
     --sbb-teaser-product-footer-min-height: var(--sbb-teaser-product-container-spacing);
+    --sbb-time-input-max-width: 4.0625rem;
   }
   :root.sbb-lean {
     --sbb-title-font-size-level-6-lean: var(--sbb-typo-scale-0-875x);
   }
-  :root {
-    --sbb-time-input-max-width: 4.0625rem;
-  }
 }
 @media (min-width: calc(90rem)) {
   :root {
@@ -2412,10 +2417,6 @@ sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap
   }
 }
 
-sbb-header + :where(sbb-sidebar-container, sbb-icon-sidebar-container) {
-  margin-block-start: var(--sbb-header-height);
-}
-
 :root:has(sbb-header[size=m]) {
   --sbb-header-height: var(--sbb-spacing-fixed-14x);
 }
@@ -2432,6 +2433,26 @@ sbb-header + :where(sbb-sidebar-container, sbb-icon-sidebar-container) {
     --sbb-header-height: var(--sbb-spacing-fixed-14x);
   }
 }
+sbb-header + :where(sbb-sidebar-container, sbb-icon-sidebar-container) {
+  margin-block-start: var(--sbb-header-height);
+}
+
+.sbb-header-info {
+  display: flex;
+  padding-inline: var(--sbb-spacing-fixed-4x);
+  gap: var(--sbb-spacing-fixed-1x);
+  align-items: baseline;
+  color: var(--sbb-color-1);
+  font-size: var(--sbb-text-font-size-xs);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+}
+.sbb-header-info strong + * {
+  font-size: var(--sbb-text-font-size-xxs);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+  color: var(--sbb-color-granite);
+  color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
+}
+
 sbb-icon-sidebar-content + sbb-icon-sidebar :is(sbb-icon-sidebar-link, sbb-icon-sidebar-button) {
   --sbb-icon-sidebar-button__current-border-inset-inline-start: auto;
 }
@@ -2465,6 +2486,20 @@ sbb-message > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap-image) {
   --sbb-option-hint-padding-block-end: var(--sbb-spacing-fixed-1x);
 }
 
+.sbb-options-nowrap {
+  --sbb-option-text-overflow: ellipsis;
+  --sbb-option-overflow: hidden;
+  --sbb-option-white-space: nowrap;
+}
+
+.sbb-select-trigger {
+  width: 100%;
+  height: var(--sbb-size-element-xs);
+}
+sbb-form-field .sbb-select-trigger {
+  top: 0;
+}
+
 sbb-sidebar:has(sbb-sidebar-title) {
   --_sbb-sidebar-padding-block-start: 0;
 }
@@ -2503,6 +2538,29 @@ sbb-tab-nav-bar .sbb-tab-amount {
   text-decoration: var(--sbb-tab-label-text-decoration);
 }
 
+sbb-teaser :is(sbb-image, img):not(.sbb-figure-overlap-image) {
+  --sbb-image-object-fit: cover;
+  --sbb-image-aspect-ratio: 4 / 3;
+  transition-property: filter, scale;
+  will-change: filter, scale;
+  scale: var(--sbb-teaser-scale, 1);
+}
+
+sbb-teaser-hero :is(sbb-image, img):not(.sbb-figure-overlap-image) {
+  --sbb-image-aspect-ratio: 1 / 1;
+  border-radius: 0;
+}
+@media (min-width: calc(37.5rem)) {
+  sbb-teaser-hero :is(sbb-image, img):not(.sbb-figure-overlap-image) {
+    --sbb-image-aspect-ratio: 16 / 9;
+  }
+}
+sbb-teaser-hero img:not(.sbb-figure-overlap-image) {
+  display: block;
+  align-self: stretch;
+  width: 100%;
+}
+
 :is(sbb-teaser-product, sbb-teaser-product-static) :is(sbb-image, img):not(.sbb-figure-overlap-image) {
   border-radius: 0;
   --sbb-image-object-fit: cover;
@@ -2585,25 +2643,6 @@ sbb-toast) {
   pointer-events: all;
 }
 
-.sbb-header-info {
-  --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);
-  display: flex;
-  padding-inline: var(--sbb-spacing-fixed-4x);
-  gap: var(--sbb-spacing-fixed-1x);
-  align-items: baseline;
-  color: var(--sbb-color-1);
-}
-.sbb-header-info strong + * {
-  font-size: var(--sbb-text-font-size-xxs);
-  color: var(--sbb-color-granite);
-  color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
-}
-
 sbb-title + p {
   margin-block-start: 0;
 }
@@ -2633,29 +2672,6 @@ img {
   transition: filter var(--sbb-teaser-image-animation-duration) var(--sbb-teaser-image-animation-easing);
 }
 
-sbb-teaser :is(sbb-image, img):not(.sbb-figure-overlap-image) {
-  --sbb-image-object-fit: cover;
-  --sbb-image-aspect-ratio: 4 / 3;
-  transition-property: filter, scale;
-  will-change: filter, scale;
-  scale: var(--sbb-teaser-scale, 1);
-}
-
-sbb-teaser-hero :is(sbb-image, img):not(.sbb-figure-overlap-image) {
-  --sbb-image-aspect-ratio: 1 / 1;
-  border-radius: 0;
-}
-@media (min-width: calc(37.5rem)) {
-  sbb-teaser-hero :is(sbb-image, img):not(.sbb-figure-overlap-image) {
-    --sbb-image-aspect-ratio: 16 / 9;
-  }
-}
-sbb-teaser-hero img:not(.sbb-figure-overlap-image) {
-  display: block;
-  align-self: stretch;
-  width: 100%;
-}
-
 sbb-train-formation:has(sbb-train[direction-label]) {
   --sbb-train-formation-reserve-spacing-display: block;
 }
@@ -2684,26 +2700,12 @@ sbb-train-formation[view=top] sbb-train-wagon {
   --sbb-train-wagon-wagon-end-right-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40' fill='none'%3E%3Cpath d='M8.5,0.5 h51.5 a19.5,19.5 0 0 1 19.5,19.5 v0 a19.5,19.5 0 0 1 -19.5,19.5 h-51.5 a8,8 0 0 1 -8,-8 v-23 a8,8 0 0 1 8,-8 z' stroke='%23000000' stroke-width='1'/%3E%3C/svg%3E");
 }
 
-.sbb-select-trigger {
-  width: 100%;
-  height: var(--sbb-size-element-xs);
-}
-sbb-form-field .sbb-select-trigger {
-  top: 0;
-}
-
 .sbb-overlay-outlet {
   position: fixed;
   inset: 0;
   pointer-events: none;
 }
 
-.sbb-options-nowrap {
-  --sbb-option-text-overflow: ellipsis;
-  --sbb-option-overflow: hidden;
-  --sbb-option-white-space: nowrap;
-}
-
 sub {
   bottom: -0.36em;
 }

package/select/select.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../select.component-BcDZm7EM.js";
+import { t as e } from "../select.component-CCFfP21g.js";
 export { e as SbbSelectElement };