@sbb-esta/lyne-elements 2.1.0 → 2.2.0

package/radio-button/radio-button-group/radio-button-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/radio-button-group/radio-button-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAElF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;;AAMhE;;;;;;GAMG;AACH,qBAMM,0BAA2B,SAAQ,+BAA4B;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;MAIlB;IAEX;;OAEG;IACH,SAEgB,mBAAmB,EAAE,OAAO,CAAS;IAErD;;OAEG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;OAEG;IACH,IACW,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAalC;IACD,IAAW,KAAK,IAAI,MAAM,GAAG,IAAI,CAEhC;IACD;;OAEG;IACH,OAAO,CAAC,cAAc,CAAuB;IAE7C;;;OAGG;IACH,SAA4B,IAAI,EAAE,kBAAkB,CAAyB;IAE7E;;OAEG;IACH,SACgB,cAAc,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAEhE;;OAEG;IACH,SACgB,WAAW,EAAE,cAAc,CAAgB;IAE3D,SAEgB,IAAI,EAAE,MAAM,CAAwC;IAEpE;;OAEG;IACH,IAAW,YAAY,IAAI,CAAC,qBAAqB,GAAG,0BAA0B,CAAC,EAAE,CAOhF;IAED,OAAO,CAAC,QAAQ,CAAS;IAEzB;;;OAGG;IACH,OAAO,CAAC,UAAU,CAGhB;;IAOc,iBAAiB,IAAI,IAAI;IAQzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAiBhD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ7F,OAAO,CAAC,cAAc;IAYtB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAIzB;;;OAGG;IACH,OAAO,CAAC,iBAAiB;cAON,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF"}
+{"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/radio-button-group/radio-button-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAElF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;;AAMhE;;;;;;GAMG;AACH,qBAMM,0BAA2B,SAAQ,+BAA4B;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;MAIlB;IAEX;;OAEG;IACH,SAEgB,mBAAmB,EAAE,OAAO,CAAS;IAErD;;OAEG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;OAEG;IACH,IACW,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAalC;IACD,IAAW,KAAK,IAAI,MAAM,GAAG,IAAI,CAEhC;IACD;;OAEG;IACH,OAAO,CAAC,cAAc,CAAuB;IAE7C;;;OAGG;IACH,SAA4B,IAAI,EAAE,kBAAkB,CAAyB;IAE7E;;OAEG;IACH,SACgB,cAAc,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAEhE;;OAEG;IACH,SACgB,WAAW,EAAE,cAAc,CAAgB;IAE3D,SAEgB,IAAI,EAAE,MAAM,CAAwC;IAEpE;;OAEG;IACH,IAAW,YAAY,IAAI,CAAC,qBAAqB,GAAG,0BAA0B,CAAC,EAAE,CAOhF;IAED,OAAO,CAAC,QAAQ,CAAS;IAEzB;;;OAGG;IACH,OAAO,CAAC,UAAU,CAGhB;;IAOc,iBAAiB,IAAI,IAAI;IAQzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAiBhD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ7F,OAAO,CAAC,cAAc;IAetB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAIzB;;;OAGG;IACH,OAAO,CAAC,iBAAiB;cAON,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF"}

package/radio-button/radio-button-group.js

@@ -128,7 +128,7 @@ let et = 0, ut = (() => {
     }
     _onRadioChange(e) {
       const t = e.target;
-      t.localName !== "sbb-radio-button" && t.localName !== "sbb-radio-button-panel" || (this._fallbackValue = null, this._didChange.emit());
+      t.localName !== "sbb-radio-button" && t.localName !== "sbb-radio-button-panel" || t.group !== this || (this._fallbackValue = null, this._didChange.emit());
     }
     /**
      * Proxy 'name' to child radio-buttons

package/{sbb-tokens-Dx20OtVg.js → sbb-tokens-BgDF8jIh.js}

@@ -1,18 +1,18 @@
 const a = 0, n = 359, o = 360, t = 599, b = 600, s = 839, i = 840, e = 1023, r = 1024, c = 1279, S = 1280, M = 1439, p = 1440, k = 2579, B = 16;
 export {
   B as S,
-  a,
-  n as b,
-  o as c,
-  t as d,
-  b as e,
-  s as f,
-  i as g,
-  e as h,
-  r as i,
-  c as j,
-  S as k,
-  M as l,
-  p as m,
-  k as n
+  k as a,
+  p as b,
+  M as c,
+  S as d,
+  c as e,
+  r as f,
+  e as g,
+  i as h,
+  s as i,
+  b as j,
+  t as k,
+  o as l,
+  n as m,
+  a as n
 };

package/screen-reader-only.js

@@ -1,13 +1,13 @@
 import { __esDecorate as n, __runInitializers as o } from "tslib";
-import { css as c, html as m, LitElement as d } from "lit";
+import { css as c, LitElement as m, html as d } from "lit";
 import { customElement as u } from "lit/decorators.js";
 const p = c`:host{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;
 let y = (() => {
   var t;
-  let i = [u("sbb-screen-reader-only")], l, r = [], e, s = d;
+  let i = [u("sbb-screen-reader-only")], l, r = [], e, s = m;
   return t = class extends s {
     render() {
-      return m`<slot></slot>`;
+      return d`<slot></slot>`;
     }
   }, e = t, (() => {
     const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;

package/signet.js

@@ -4,7 +4,7 @@ var w = (t) => {
 var H = (t, e, s) => e.has(t) || w("Cannot " + s);
 var g = (t, e, s) => (H(t, e, "read from private field"), s ? s.call(t) : e.get(t)), p = (t, e, s) => e.has(t) ? w("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), h = (t, e, s, a) => (H(t, e, "write to private field"), a ? a.call(t, s) : e.set(t, s), s);
 import { __esDecorate as m, __runInitializers as n } from "tslib";
-import { css as R, html as v, LitElement as z } from "lit";
+import { css as R, LitElement as z, html as v } from "lit";
 import { customElement as V, property as k } from "lit/decorators.js";
 import { forceType as S } from "./core/decorators.js";
 const B = R`*,:before,:after{box-sizing:border-box}:host{display:block;height:var(--sbb-signet-height);--sbb-signet-background-color: var(--sbb-color-red);--sbb-signet-panel-color: var(--sbb-color-red);--sbb-signet-icon-color: var(--sbb-color-white);--sbb-signet-aspect-ratio: 2 / 1;--sbb-signet-svg-container-height: auto}@media (forced-colors: active){:host{--sbb-signet-background-color: ButtonText !important;--sbb-signet-panel-color: ButtonText !important;--sbb-signet-icon-color: Canvas !important}}:host([protective-room=minimal]){--sbb-signet-aspect-ratio: 108 / 64;--sbb-signet-svg-container-height: 68.75% }:host([protective-room=ideal]){--sbb-signet-aspect-ratio: 128 / 84;--sbb-signet-svg-container-height: calc(44 / 84 * 100%)}:host([protective-room=panel]){--sbb-signet-aspect-ratio: 143 / 48;--sbb-signet-background-color: unset}@media (forced-colors: active){:host([protective-room=panel]){--sbb-signet-background-color: unset !important}}.sbb-signet{display:flex;align-items:center;justify-content:center;background-color:var(--sbb-signet-background-color);aspect-ratio:var(--sbb-signet-aspect-ratio);width:100%;height:100%}.sbb-signet .sbb-signet__svg-container{display:flex;height:var(--sbb-signet-svg-container-height)}.sbb-signet svg{width:100%;height:100%}#sbb-signet__panel{fill:var(--sbb-signet-panel-color);stroke:var(--sbb-signet-panel-color)}#sbb-signet__icon{fill:var(--sbb-signet-icon-color)}`;

package/standard-theme.css

@@ -1378,8 +1378,10 @@ sbb-toast) {
   padding: 0;
   border: none;
   width: auto;
+  height: auto;
   background-color: transparent;
   color: inherit;
+  pointer-events: none;
 }
 
 sbb-breadcrumb-group:not(:defined) {

package/stepper/step.js

@@ -1,6 +1,6 @@
 import { __esDecorate as d, __runInitializers as c } from "tslib";
 import { ResizeController as m } from "@lit-labs/observers/resize-controller.js";
-import { css as u, html as v, LitElement as f } from "lit";
+import { css as u, LitElement as v, html as f } from "lit";
 import { customElement as g } from "lit/decorators.js";
 import { hostAttributes as y } from "../core/decorators.js";
 import { EventEmitter as _ } from "../core/eventing.js";
@@ -10,7 +10,7 @@ let E = 0, L = (() => {
   let h = [g("sbb-step"), y({
     slot: "step",
     role: "tabpanel"
-  })], o, l = [], s, p = f;
+  })], o, l = [], s, p = v;
   var b = (e = class extends p {
     /** The label of the step. */
     get label() {
@@ -84,7 +84,7 @@ let E = 0, L = (() => {
       super.firstUpdated(t), this._loaded = !0, this._stepResizeObserver.observe(this.shadowRoot.querySelector(".sbb-step"));
     }
     render() {
-      return v`
+      return f`
       <div class="sbb-step--wrapper">
         <div class="sbb-step">
           <slot></slot>

package/tabs/tab.js

@@ -1,10 +1,10 @@
 import { __esDecorate as o, __runInitializers as b } from "tslib";
-import { css as n, html as c, LitElement as u } from "lit";
+import { css as n, LitElement as c, html as u } from "lit";
 import { customElement as m } from "lit/decorators.js";
 const d = n`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{display:block}:host:after,:host:before{content:" ";display:block;visibility:hidden;height:0;overflow:hidden}`;
 let p = (() => {
   var l;
-  let r = [m("sbb-tab")], a, s = [], t, i = u;
+  let r = [m("sbb-tab")], a, s = [], t, i = c;
   return l = class extends i {
     constructor() {
       super(...arguments), this._label = null;
@@ -24,7 +24,7 @@ let p = (() => {
       this._label = this._getTabLabel();
     }
     render() {
-      return c`
+      return u`
       <div class="sbb-tab">
         <slot></slot>
       </div>

package/time-input.js

@@ -4,7 +4,7 @@ var v = (n) => {
 var w = (n, i, s) => i.has(n) || v("Cannot " + s);
 var A = (n, i, s) => (w(n, i, "read from private field"), s ? s.call(n) : i.get(n)), y = (n, i, s) => i.has(n) ? v("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(n) : i.set(n, s), c = (n, i, s, l) => (w(n, i, "write to private field"), l ? l.call(n, s) : i.set(n, s), s);
 import { __runInitializers as p, __esDecorate as m } from "tslib";
-import { css as S, html as O, LitElement as k } from "lit";
+import { css as S, LitElement as O, html as k } from "lit";
 import { customElement as L, property as I, state as x } from "lit/decorators.js";
 import { ref as H } from "lit/directives/ref.js";
 import { SbbLanguageController as R } from "./core/controllers.js";
@@ -14,7 +14,7 @@ import { i18nTimeInputChange as $ } from "./core/i18n.js";
 const P = S`:host{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:block}`, z = /[0-9.:,\-;_hH]/, G = /^([0-9]{1,2})([0-9]{2})$/, U = /^([0-9]{1,2})?[.:,\-;_hH]?([0-9]{1,2})?$/;
 let Z = (() => {
   var o, r;
-  let n = [L("sbb-time-input")], i, s = [], l, d = k, _ = [], E, b, g = [], f = [], C;
+  let n = [L("sbb-time-input")], i, s = [], l, d = O, _ = [], E, b, g = [], f = [], C;
   var h = (r = class extends d {
     constructor() {
       super(...arguments);
@@ -146,7 +146,7 @@ let Z = (() => {
       this._inputElement.hasAttribute("data-sbb-invalid") || (this._statusContainer.innerText = `${$[this._language.current]} ${(e = this._inputElement) == null ? void 0 : e.value}.`);
     }
     render() {
-      return O`
+      return k`
       <p
         role="status"
         ${H((t) => this._statusContainer = t)}

package/title/title-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"title-base.d.ts","sourceRoot":"","sources":["../../../src/elements/title/title-base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AASjC,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;;AAE9D;;;;GAIG;AACH,8BAIe,YAAa,SAAQ,iBAA4B;IAC9D,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,kBAAkB;IAClB,SAA6C,KAAK,EAAE,aAAa,CAAO;IAExE,yFAAyF;IACzF,SACgB,WAAW,EAAE,aAAa,GAAG,IAAI,CAAQ;IAEzD;;;;OAIG;IACH,SAEgB,cAAc,EAAE,OAAO,CAAS;cAE7B,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,MAAM,IAAI,cAAc;CAW5C"}
+{"version":3,"file":"title-base.d.ts","sourceRoot":"","sources":["../../../src/elements/title/title-base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AASjC,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;;AAE9D;;;;GAIG;AACH,8BAIe,YAAa,SAAQ,iBAA4B;IAC9D,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,kBAAkB;IAClB,SAA6C,KAAK,EAAE,aAAa,CAAO;IAExE,yFAAyF;IACzF,SACgB,WAAW,EAAE,aAAa,GAAG,IAAI,CAAQ;IAEzD;;;;OAIG;IACH,SAEgB,cAAc,EAAE,OAAO,CAAS;cAE7B,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,MAAM,IAAI,cAAc;CAO5C"}

package/title.js

@@ -1,20 +1,20 @@
 var H = (e) => {
   throw TypeError(e);
 };
-var E = (e, t, a) => t.has(e) || H("Cannot " + a);
-var d = (e, t, a) => (E(e, t, "read from private field"), a ? a.call(e) : t.get(e)), f = (e, t, a) => t.has(e) ? H("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), p = (e, t, a, l) => (E(e, t, "write to private field"), l ? l.call(e, a) : t.set(e, a), a);
-import { __esDecorate as u, __runInitializers as n } from "tslib";
-import { property as y, customElement as j } from "lit/decorators.js";
-import { css as D, LitElement as A } from "lit";
-import { html as O, unsafeStatic as I } from "lit/static-html.js";
-import { hostAttributes as $, forceType as B } from "./core/decorators.js";
-import { SbbNegativeMixin as M } from "./core/mixins.js";
-const N = D`*,:before,:after{box-sizing:border-box}:host{--sbb-title-text-color-normal: var( --sbb-title-text-color-normal-override, var(--sbb-color-charcoal) );display:block}:host([negative]){--sbb-title-text-color-normal: var(--sbb-color-milk)}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}.sbb-title{color:var(--sbb-title-text-color-normal)}:host([visually-hidden]) .sbb-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:host(:is([level="1"]:not([visual-level]),[visual-level="1"])) .sbb-title{--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-1)}:host(:is([level="2"]:not([visual-level]),[visual-level="2"])) .sbb-title{--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-2)}:host(:is([level="3"]:not([visual-level]),[visual-level="3"])) .sbb-title{--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-3)}:host(:is([level="4"]:not([visual-level]),[visual-level="4"])) .sbb-title{--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-4)}:host(:is([level="5"]:not([visual-level]),[visual-level="5"])) .sbb-title{--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-5);--sbb-title-line-height: var(--sbb-typo-line-height-body-text)}:host(:is([level="6"]:not([visual-level]),[visual-level="6"])) .sbb-title{--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-6);--sbb-title-line-height: var(--sbb-typo-line-height-body-text)}`;
-let T = (() => {
+var I = (e, t, s) => t.has(e) || H("Cannot " + s);
+var u = (e, t, s) => (I(e, t, "read from private field"), s ? s.call(e) : t.get(e)), f = (e, t, s) => t.has(e) ? H("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s), p = (e, t, s, l) => (I(e, t, "write to private field"), l ? l.call(e, s) : t.set(e, s), s);
+import { __esDecorate as d, __runInitializers as n } from "tslib";
+import { property as y, customElement as T } from "lit/decorators.js";
+import { css as E, LitElement as j } from "lit";
+import { html as O } from "lit/static-html.js";
+import { hostAttributes as A, forceType as B } from "./core/decorators.js";
+import { SbbNegativeMixin as U } from "./core/mixins.js";
+const M = E`*,:before,:after{box-sizing:border-box}:host{--sbb-title-text-color-normal: var( --sbb-title-text-color-normal-override, var(--sbb-color-charcoal) );display:block}:host([negative]){--sbb-title-text-color-normal: var(--sbb-color-milk)}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}.sbb-title{color:var(--sbb-title-text-color-normal)}:host([visually-hidden]) .sbb-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:host(:is([level="1"]:not([visual-level]),[visual-level="1"])) .sbb-title{--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-1)}:host(:is([level="2"]:not([visual-level]),[visual-level="2"])) .sbb-title{--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-2)}:host(:is([level="3"]:not([visual-level]),[visual-level="3"])) .sbb-title{--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-3)}:host(:is([level="4"]:not([visual-level]),[visual-level="4"])) .sbb-title{--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-4)}:host(:is([level="5"]:not([visual-level]),[visual-level="5"])) .sbb-title{--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-5);--sbb-title-line-height: var(--sbb-typo-line-height-body-text)}:host(:is([level="6"]:not([visual-level]),[visual-level="6"])) .sbb-title{--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-6);--sbb-title-line-height: var(--sbb-typo-line-height-body-text)}`;
+let D = (() => {
   var c, h, g, r;
-  let e = [$({
+  let e = [A({
     role: "heading"
-  })], t, a = [], l, v = M(A), b, k = [], o = [], _, z = [], x = [], w, S = [], L = [];
+  })], t, s = [], l, v = U(j), b, k = [], o = [], _, z = [], x = [], w, S = [], L = [];
   return r = class extends v {
     constructor() {
       super(...arguments);
@@ -25,17 +25,17 @@ let T = (() => {
     }
     /** Title level */
     get level() {
-      return d(this, c);
+      return u(this, c);
     }
-    set level(i) {
-      p(this, c, i);
+    set level(a) {
+      p(this, c, a);
     }
     /** Visual level for the title. Optional, if not set, the value of level will be used. */
     get visualLevel() {
-      return d(this, h);
+      return u(this, h);
     }
-    set visualLevel(i) {
-      p(this, h, i);
+    set visualLevel(a) {
+      p(this, h, a);
     }
     /**
      * Sometimes we need a title in the markup to present a proper hierarchy
@@ -43,44 +43,43 @@ let T = (() => {
      * visually. In this case we set visuallyHidden to true.
      */
     get visuallyHidden() {
-      return d(this, g);
+      return u(this, g);
     }
-    set visuallyHidden(i) {
-      p(this, g, i);
+    set visuallyHidden(a) {
+      p(this, g, a);
     }
-    willUpdate(i) {
-      super.willUpdate(i), i.has("level") && this.setAttribute("aria-level", this.level);
+    willUpdate(a) {
+      super.willUpdate(a), a.has("level") && this.setAttribute("aria-level", this.level);
     }
     render() {
-      const i = `h${this.level}`;
       return O`
-      <${I(i)} class="sbb-title" role="presentation">
+      <div class="sbb-title">
         <slot></slot>
-      </${I(i)}>
+      </div>
     `;
     }
   }, c = new WeakMap(), h = new WeakMap(), g = new WeakMap(), l = r, (() => {
-    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
-    b = [y({ reflect: !0 })], _ = [y({ attribute: "visual-level", reflect: !0 })], w = [B(), y({ attribute: "visually-hidden", reflect: !0, type: Boolean })], u(r, null, b, { kind: "accessor", name: "level", static: !1, private: !1, access: { has: (s) => "level" in s, get: (s) => s.level, set: (s, m) => {
-      s.level = m;
-    } }, metadata: i }, k, o), u(r, null, _, { kind: "accessor", name: "visualLevel", static: !1, private: !1, access: { has: (s) => "visualLevel" in s, get: (s) => s.visualLevel, set: (s, m) => {
-      s.visualLevel = m;
-    } }, metadata: i }, z, x), u(r, null, w, { kind: "accessor", name: "visuallyHidden", static: !1, private: !1, access: { has: (s) => "visuallyHidden" in s, get: (s) => s.visuallyHidden, set: (s, m) => {
-      s.visuallyHidden = m;
-    } }, metadata: i }, S, L), u(null, t = { value: l }, e, { kind: "class", name: l.name, metadata: i }, null, a), l = t.value, i && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
-  })(), r.styles = N, n(l, a), l;
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
+    b = [y({ reflect: !0 })], _ = [y({ attribute: "visual-level", reflect: !0 })], w = [B(), y({ attribute: "visually-hidden", reflect: !0, type: Boolean })], d(r, null, b, { kind: "accessor", name: "level", static: !1, private: !1, access: { has: (i) => "level" in i, get: (i) => i.level, set: (i, m) => {
+      i.level = m;
+    } }, metadata: a }, k, o), d(r, null, _, { kind: "accessor", name: "visualLevel", static: !1, private: !1, access: { has: (i) => "visualLevel" in i, get: (i) => i.visualLevel, set: (i, m) => {
+      i.visualLevel = m;
+    } }, metadata: a }, z, x), d(r, null, w, { kind: "accessor", name: "visuallyHidden", static: !1, private: !1, access: { has: (i) => "visuallyHidden" in i, get: (i) => i.visuallyHidden, set: (i, m) => {
+      i.visuallyHidden = m;
+    } }, metadata: a }, S, L), d(null, t = { value: l }, e, { kind: "class", name: l.name, metadata: a }, null, s), l = t.value, a && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), r.styles = M, n(l, s), l;
 })();
-const U = D`:host{--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end)}:host(:where(:not([visually-hidden]))){--sbb-title-margin-block-start: var(--sbb-spacing-responsive-m);--sbb-title-margin-block-end: var(--sbb-spacing-responsive-s)}:host(:where([level="1"]:not([visual-level]),[visual-level="1"]):where(:not([visually-hidden]))){--sbb-title-margin-block-start: var(--sbb-spacing-responsive-l)}:host(:where([level="2"]:not([visual-level]),[visual-level="2"]):where(:not([visually-hidden]))),:host(:where([level="3"]:not([visual-level]),[visual-level="3"]):where(:not([visually-hidden]))){--sbb-title-margin-block-end: var(--sbb-spacing-responsive-xxxs)}:host(:where([level="4"]:not([visual-level]),[visual-level="4"]):where(:not([visually-hidden]))){--sbb-title-margin-block-end: var(--sbb-spacing-fixed-3x)}:host(:where([level="5"]:not([visual-level]),[visual-level="5"]):where(:not([visually-hidden]))){--sbb-title-margin-block-end: var(--sbb-spacing-fixed-2x)}:host(:where([level="6"]:not([visual-level]),[visual-level="6"]):where(:not([visually-hidden]))){--sbb-title-margin-block-end: var(--sbb-spacing-fixed-1x)}`;
-let R = (() => {
+const N = E`:host{--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end)}:host(:where(:not([visually-hidden]))){--sbb-title-margin-block-start: var(--sbb-spacing-responsive-m);--sbb-title-margin-block-end: var(--sbb-spacing-responsive-s)}:host(:where([level="1"]:not([visual-level]),[visual-level="1"]):where(:not([visually-hidden]))){--sbb-title-margin-block-start: var(--sbb-spacing-responsive-l)}:host(:where([level="2"]:not([visual-level]),[visual-level="2"]):where(:not([visually-hidden]))),:host(:where([level="3"]:not([visual-level]),[visual-level="3"]):where(:not([visually-hidden]))){--sbb-title-margin-block-end: var(--sbb-spacing-responsive-xxxs)}:host(:where([level="4"]:not([visual-level]),[visual-level="4"]):where(:not([visually-hidden]))){--sbb-title-margin-block-end: var(--sbb-spacing-fixed-3x)}:host(:where([level="5"]:not([visual-level]),[visual-level="5"]):where(:not([visually-hidden]))){--sbb-title-margin-block-end: var(--sbb-spacing-fixed-2x)}:host(:where([level="6"]:not([visual-level]),[visual-level="6"]):where(:not([visually-hidden]))){--sbb-title-margin-block-end: var(--sbb-spacing-fixed-1x)}`;
+let Q = (() => {
   var b;
-  let e = [j("sbb-title")], t, a = [], l, v = T;
+  let e = [T("sbb-title")], t, s = [], l, v = D;
   return b = class extends v {
   }, l = b, (() => {
     const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
-    u(null, t = { value: l }, e, { kind: "class", name: l.name, metadata: o }, null, a), l = t.value, o && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
-  })(), b.styles = [T.styles, U], n(l, a), l;
+    d(null, t = { value: l }, e, { kind: "class", name: l.name, metadata: o }, null, s), l = t.value, o && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
+  })(), b.styles = [D.styles, N], n(l, s), l;
 })();
 export {
-  T as SbbTitleBase,
-  R as SbbTitleElement
+  D as SbbTitleBase,
+  Q as SbbTitleElement
 };

package/toggle/toggle.js

@@ -5,7 +5,7 @@ var W = (s, o, l) => o.has(s) || R("Cannot " + l);
 var p = (s, o, l) => (W(s, o, "read from private field"), l ? l.call(s) : o.get(s)), v = (s, o, l) => o.has(s) ? R("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(s) : o.set(s, l), b = (s, o, l, n) => (W(s, o, "write to private field"), n ? n.call(s, l) : o.set(s, l), l);
 import { __esDecorate as u, __runInitializers as d } from "tslib";
 import { ResizeController as B } from "@lit-labs/observers/resize-controller.js";
-import { css as U, isServer as K, html as F, LitElement as G } from "lit";
+import { css as U, LitElement as F, isServer as K, html as G } from "lit";
 import { customElement as H, property as m } from "lit/decorators.js";
 import { interactivityChecker as N, isArrowKeyPressed as V, getNextElementIndex as J } from "../core/a11y.js";
 import { hostAttributes as M, forceType as $, handleDistinctChange as Q } from "../core/decorators.js";
@@ -16,7 +16,7 @@ let be = (() => {
   var c, g, h, r;
   let s = [H("sbb-toggle"), M({
     role: "radiogroup"
-  })], o, l = [], n, w = G, x = [], z, k = [], E = [], P, I = [], C = [], D, S = [], T = [], O;
+  })], o, l = [], n, w = F, x = [], z, k = [], E = [], P, I = [], C = [], D, S = [], T = [], O;
   var f = (r = class extends w {
     constructor() {
       var t, e;
@@ -117,7 +117,7 @@ let be = (() => {
       }
     }
     render() {
-      return F`
+      return G`
       <div class="sbb-toggle">
         <slot @slotchange=${this._updateToggle}></slot>
       </div>

package/train/train-blocked-passage.js

@@ -1,13 +1,13 @@
 import { __esDecorate as i, __runInitializers as n } from "tslib";
-import { css as l, html as c, LitElement as d } from "lit";
+import { css as l, LitElement as c, html as d } from "lit";
 import { customElement as p } from "lit/decorators.js";
 const g = l`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-train-blocked-passage-height: var(--sbb-train-formation-wagon-height);--sbb-train-blocked-passage-background-color: var(--sbb-color-red125);--sbb-train-blocked-passage-bar-color: var(--sbb-color-white);--sbb-train-blocked-passage-icon-dimension: 1rem;--sbb-train-blocked-passage-icon-bar-width: .625rem;--sbb-train-blocked-passage-icon-bar-height: .25rem;--sbb-train-blocked-passage-icon-bar-border-radius: .0625rem}@media (forced-colors: active){:host{--sbb-train-blocked-passage-background-color: CanvasText;--sbb-train-blocked-passage-bar-color: Canvas}}.sbb-train-blocked-passage:before{content:"";display:var(--sbb-train-formation-wagon-label-display, block);height:calc(var(--sbb-font-size-text-xxs) * var(--sbb-typo-line-height-body-text))}.sbb-train-blocked-passage__wrapper{width:var(--sbb-train-blocked-passage-icon-dimension);display:flex;justify-content:center;flex-direction:column;height:var(--sbb-train-blocked-passage-height)}.sbb-train-blocked-passage__icon{width:100%;height:var(--sbb-train-blocked-passage-icon-dimension);border-radius:50%;background-color:var(--sbb-train-blocked-passage-background-color);position:relative;flex-direction:column;display:flex;align-items:center}.sbb-train-blocked-passage__icon:before{content:"";width:var(--sbb-train-blocked-passage-icon-bar-width);height:var(--sbb-train-blocked-passage-icon-bar-height);border-radius:var(--sbb-train-blocked-passage-icon-bar-border-radius);background-color:var(--sbb-train-blocked-passage-bar-color);margin:auto 0}`;
 let u = (() => {
   var e;
-  let o = [p("sbb-train-blocked-passage")], r, t = [], a, b = d;
+  let o = [p("sbb-train-blocked-passage")], r, t = [], a, b = c;
   return e = class extends b {
     render() {
-      return c`
+      return d`
       <span class="sbb-train-blocked-passage">
         <span class="sbb-train-blocked-passage__wrapper">
           <span class="sbb-train-blocked-passage__icon"></span>