@sbb-esta/lyne-elements 3.12.0 → 4.0.0-next

package/tag/tag/tag.component.js

@@ -5,24 +5,25 @@ var G = (a, s, r) => s.has(a) || D("Cannot " + r);
 var u = (a, s, r) => (G(a, s, "read from private field"), r ? r.call(a) : s.get(a)), v = (a, s, r) => s.has(a) ? D("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, r), n = (a, s, r, b) => (G(a, s, "write to private field"), b ? b.call(a, r) : s.set(a, r), r);
 import { __esDecorate as m, __runInitializers as l } from "tslib";
 import { css as V, html as $ } from "lit";
-import { customElement as A, property as f } from "lit/decorators.js";
+import { customElement as A, property as p } from "lit/decorators.js";
 import { SbbButtonLikeBaseElement as H } from "../../core/base-elements.js";
-import { slotState as L, forceType as F, omitEmptyConverter as O, getOverride as j } from "../../core/decorators.js";
-import { isLean as M } from "../../core/dom.js";
-import { SbbDisabledTabIndexActionMixin as R } from "../../core/mixins.js";
+import { forceType as F, omitEmptyConverter as L, getOverride as O } from "../../core/decorators.js";
+import { isLean as j } from "../../core/dom.js";
+import { SbbDisabledTabIndexActionMixin as M } from "../../core/mixins.js";
+import { boxSizingStyles as R } from "../../core/styles.js";
 import { SbbIconNameMixin as U } from "../../icon.js";
-const Y = V`*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;max-width:100%;--sbb-tag-border-radius: var(--sbb-border-radius-infinity);--sbb-tag-background-color: var(--sbb-background-color-1);--sbb-tag-border-color: var(--sbb-border-color-4-inverted);--sbb-tag-border-style: solid;--sbb-tag-border-width: var(--sbb-border-width-1x);--sbb-tag-text-color: var(--sbb-color-2);--sbb-tag-amount-color: var(--sbb-color-metal);--sbb-tag-amount-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));--sbb-tag-height: var(--sbb-size-element-xs);--sbb-tag-inset: 0;--sbb-tag-cursor: pointer;--sbb-tag-content-shift: translateY(0);--sbb-tag-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-tag-animation-easing: var(--sbb-animation-easing);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-5x);--sbb-tag-gap: var(--sbb-spacing-fixed-2x)}@media(forced-colors:active){:host{--sbb-tag-background-color: Canvas !important;--sbb-tag-text-color: ButtonText;--sbb-tag-amount-color: ButtonText;--sbb-tag-border-color: CanvasText;--sbb-tag-border-width: var(--sbb-border-width-2x)}}:host([data-checked]){--sbb-tag-border-color: var(--sbb-border-color-3);--sbb-tag-border-width: var(--sbb-border-width-2x)}@media(forced-colors:active){:host([data-checked]){--sbb-tag-border-color: Highlight !important;--sbb-tag-border-width: var(--sbb-border-width-4x)}}:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: var(--sbb-color-granite);--sbb-tag-text-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));--sbb-tag-amount-color: var(--sbb-tag-text-color);--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-border-color: var(--sbb-color-cement);--sbb-tag-border-color: light-dark(var(--sbb-color-cement), var(--sbb-color-smoke));--sbb-tag-border-style: dashed;--sbb-tag-cursor: unset;--sbb-tag-pointer-events: none}@media(forced-colors:active){:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: GrayText;--sbb-tag-amount-color: GrayText;--sbb-tag-border-color: GrayText}}:host([data-checked]:is(:disabled,[disabled-interactive])){--sbb-tag-border-color: var(--sbb-color-metal);--sbb-tag-border-color: light-dark(var(--sbb-color-metal), var(--sbb-color-cement));--sbb-tag-border-style: dashed}@media(any-hover:hover){:host(:hover:not(:disabled,[disabled-interactive],:active,[data-active])){--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-inset: calc(var(--sbb-border-width-2x) * -1);--sbb-tag-content-shift: translateY(calc(var(--sbb-border-width-1x) * -1))}}@media(any-hover:hover)and (forced-colors:active){:host(:hover:not(:disabled,[disabled-interactive],:active,[data-active])){--sbb-tag-border-color: Highlight}}:host(:is(:active,[data-active]):not(:disabled,[disabled-interactive])){--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-border-color: var(--sbb-color-iron);--sbb-tag-border-color: light-dark(var(--sbb-color-iron), var(--sbb-color-storm));--sbb-tag-border-width: var(--sbb-border-width-2x);--sbb-tag-text-color: var(--sbb-color-4)}@media(forced-colors:active){:host(:is(:active,[data-active]):not(:disabled,[disabled-interactive])){--sbb-tag-border-color: Highlight;--sbb-tag-text-color: ButtonText}}:host([size=s]){--sbb-tag-height: var(--sbb-size-element-xxxs);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-3x)}.sbb-tag{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700;position:relative;display:flex;align-items:center;height:var(--sbb-tag-height);max-width:100%;gap:var(--sbb-tag-gap);padding-inline:var(--sbb-tag-padding-inline);cursor:var(--sbb-tag-cursor);border-radius:var(--sbb-tag-border-radius);color:var(--sbb-tag-text-color);transition:color var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;pointer-events:var(--sbb-tag-pointer-events, unset)}.sbb-tag:before{content:"";position:absolute;inset:var(--sbb-tag-inset);background-color:var(--sbb-tag-background-color);border:var(--sbb-tag-border-width) var(--sbb-tag-border-style) var(--sbb-tag-border-color);border-radius:var(--sbb-tag-border-radius);transition-duration:var(--sbb-tag-animation-duration);transition-timing-function:var(--sbb-tag-animation-easing);transition-property:inset,background-color,border-color,box-shadow}:host(:focus-visible) .sbb-tag: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)}.sbb-tag__icon{display:flex;align-items:center;height:calc(var(--sbb-typo-line-height-body-text) * 1em);flex-shrink:0}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-tag__icon{display:none}.sbb-tag__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-tag__amount{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);color:var(--sbb-tag-amount-color)}:host(:not([data-slot-names~=amount],[amount])) .sbb-tag__amount{display:none}.sbb-tag--shift{transition:transform var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);transform:var(--sbb-tag-content-shift);will-change:transform}`;
-let et = (() => {
+const Y = V`:host{display:inline-block;outline:none!important;max-width:100%;--sbb-tag-border-radius: var(--sbb-border-radius-infinity);--sbb-tag-background-color: var(--sbb-background-color-1);--sbb-tag-border-color: var(--sbb-border-color-4-inverted);--sbb-tag-border-style: solid;--sbb-tag-border-width: var(--sbb-border-width-1x);--sbb-tag-text-color: var(--sbb-color-2);--sbb-tag-amount-color: var(--sbb-color-metal);--sbb-tag-amount-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));--sbb-tag-height: var(--sbb-size-element-xs);--sbb-tag-inset: 0;--sbb-tag-cursor: var(--sbb-cursor-pointer);--sbb-tag-content-shift: translateY(0);--sbb-tag-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-tag-animation-easing: var(--sbb-animation-easing);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-5x);--sbb-tag-gap: var(--sbb-spacing-fixed-2x)}@media(forced-colors:active){:host{--sbb-tag-background-color: Canvas !important;--sbb-tag-text-color: ButtonText;--sbb-tag-amount-color: ButtonText;--sbb-tag-border-color: CanvasText;--sbb-tag-border-width: var(--sbb-border-width-2x)}}:host([data-checked]){--sbb-tag-border-color: var(--sbb-border-color-3);--sbb-tag-border-width: var(--sbb-border-width-2x)}@media(forced-colors:active){:host([data-checked]){--sbb-tag-border-color: Highlight !important;--sbb-tag-border-width: var(--sbb-border-width-4x)}}:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: var(--sbb-color-granite);--sbb-tag-text-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));--sbb-tag-amount-color: var(--sbb-tag-text-color);--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-border-color: var(--sbb-color-cement);--sbb-tag-border-color: light-dark(var(--sbb-color-cement), var(--sbb-color-smoke));--sbb-tag-border-style: dashed;--sbb-tag-cursor: unset;--sbb-tag-pointer-events: none}@media(forced-colors:active){:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: GrayText;--sbb-tag-amount-color: GrayText;--sbb-tag-border-color: GrayText}}:host([data-checked]:is(:disabled,[disabled-interactive])){--sbb-tag-border-color: var(--sbb-color-metal);--sbb-tag-border-color: light-dark(var(--sbb-color-metal), var(--sbb-color-cement));--sbb-tag-border-style: dashed}@media(any-hover:hover){:host(:hover:not(:disabled,[disabled-interactive],:active,[data-active])){--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-inset: calc(var(--sbb-border-width-2x) * -1);--sbb-tag-content-shift: translateY(calc(var(--sbb-border-width-1x) * -1))}}@media(any-hover:hover)and (forced-colors:active){:host(:hover:not(:disabled,[disabled-interactive],:active,[data-active])){--sbb-tag-border-color: Highlight}}:host(:is(:active,[data-active]):not(:disabled,[disabled-interactive])){--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-border-color: var(--sbb-color-iron);--sbb-tag-border-color: light-dark(var(--sbb-color-iron), var(--sbb-color-storm));--sbb-tag-border-width: var(--sbb-border-width-2x);--sbb-tag-text-color: var(--sbb-color-4)}@media(forced-colors:active){:host(:is(:active,[data-active]):not(:disabled,[disabled-interactive])){--sbb-tag-border-color: Highlight;--sbb-tag-text-color: ButtonText}}:host([size=s]){--sbb-tag-height: var(--sbb-size-element-xxxs);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-3x)}.sbb-tag{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700;position:relative;display:flex;align-items:center;height:var(--sbb-tag-height);max-width:100%;gap:var(--sbb-tag-gap);padding-inline:var(--sbb-tag-padding-inline);cursor:var(--sbb-tag-cursor);border-radius:var(--sbb-tag-border-radius);color:var(--sbb-tag-text-color);transition:color var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;pointer-events:var(--sbb-tag-pointer-events, unset)}.sbb-tag:before{content:"";position:absolute;inset:var(--sbb-tag-inset);background-color:var(--sbb-tag-background-color);border:var(--sbb-tag-border-width) var(--sbb-tag-border-style) var(--sbb-tag-border-color);border-radius:var(--sbb-tag-border-radius);transition-duration:var(--sbb-tag-animation-duration);transition-timing-function:var(--sbb-tag-animation-easing);transition-property:inset,background-color,border-color,box-shadow}:host(:focus-visible) .sbb-tag: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)}.sbb-tag__icon{display:flex;align-items:center;height:calc(var(--sbb-typo-line-height-body-text) * 1em);flex-shrink:0}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-tag__icon{display:none}.sbb-tag__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-tag__amount{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);color:var(--sbb-tag-amount-color)}:host(:not(:is(:state(slotted-amount),[state--slotted-amount]),[amount])) .sbb-tag__amount{display:none}.sbb-tag--shift{transition:transform var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);transform:var(--sbb-tag-content-shift);will-change:transform}`;
+let at = (() => {
   var c, d, h, g, i;
-  let a = [A("sbb-tag"), L()], s, r = [], b, p = U(R(H)), x, _ = [], k = [], y, w = [], z = [], E, S = [], C = [], T, I = [], B = [];
-  return i = class extends p {
+  let a = [A("sbb-tag")], s, r = [], b, f = U(M(H)), x, _ = [], k = [], y, w = [], z = [], E, S = [], C = [], T, I = [], B = [];
+  return i = class extends f {
     constructor() {
       super();
       v(this, c);
       v(this, d);
       v(this, h);
       v(this, g);
-      n(this, c, l(this, _, null)), n(this, d, (l(this, k), l(this, w, ""))), n(this, h, (l(this, z), l(this, S, !1))), n(this, g, (l(this, C), l(this, I, M() ? "s" : "m"))), this._group = (l(this, B), null), this.addEventListener?.("click", () => this._handleClick());
+      n(this, c, l(this, _, null)), n(this, d, (l(this, k), l(this, w, ""))), n(this, h, (l(this, z), l(this, S, !1))), n(this, g, (l(this, C), l(this, I, j() ? "s" : "m"))), this._group = (l(this, B), null), this.addEventListener?.("click", () => this._handleClick());
     }
     /** Value of the form element. */
     get value() {
@@ -106,8 +107,8 @@ let et = (() => {
     `;
     }
   }, c = new WeakMap(), d = new WeakMap(), h = new WeakMap(), g = new WeakMap(), b = i, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
-    x = [f()], y = [F(), f({ reflect: !0, converter: O })], E = [F(), f({ reflect: !1, type: Boolean })], T = [f({ reflect: !0 }), j((t, o) => t._group?.size ?? o)], m(i, null, x, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, get: (t) => t.value, set: (t, o) => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
+    x = [p()], y = [F(), p({ reflect: !0, converter: L })], E = [F(), p({ reflect: !1, type: Boolean })], T = [p({ reflect: !0 }), O((t, o) => t._group?.size ?? o)], m(i, null, x, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, get: (t) => t.value, set: (t, o) => {
       t.value = o;
     } }, metadata: e }, _, k), m(i, null, y, { kind: "accessor", name: "amount", static: !1, private: !1, access: { has: (t) => "amount" in t, get: (t) => t.amount, set: (t, o) => {
       t.amount = o;
@@ -116,12 +117,12 @@ let et = (() => {
     } }, metadata: e }, S, C), m(i, null, T, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, o) => {
       t.size = o;
     } }, metadata: e }, I, B), m(null, s = { value: b }, a, { kind: "class", name: b.name, metadata: e }, null, r), b = s.value, e && Object.defineProperty(b, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), i.styles = Y, i.events = {
+  })(), i.styles = [R, Y], i.events = {
     input: "input",
     didChange: "didChange",
     change: "change"
   }, l(b, r), b;
 })();
 export {
-  et as SbbTagElement
+  at as SbbTagElement
 };

package/tag/tag-group/tag-group.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag-group.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/tag/tag-group/tag-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;;AAI3D;;;;;GAKG;AACH,qBAEM,kBAAkB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,uBAE5C;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,mBAA4B,mBAAmB,WAAsB;IAErE;;OAEG;IACH,SAEgB,sBAAsB,EAAE,MAAM,CAAM;IAEpD;;;;;OAKG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;OAGG;IACH,SAA6C,IAAI,EAAE,UAAU,CAAwB;IAErF;;;;OAIG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,EAM9C;IACD,IAAW,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAM1C;IACD,OAAO,CAAC,MAAM,CAAiC;IAE/C,kDAAkD;IAClD,IAAW,IAAI,IAAI,aAAa,CAAC,CAAC,CAAC,EAAE,CAEpC;cAEkB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;IAkC9F,OAAO,CAAC,iBAAiB;cA0BN,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}
+{"version":3,"file":"tag-group.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/tag/tag-group/tag-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;;AAI3D;;;;;GAKG;AACH,qBAEM,kBAAkB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,uBAE5C;IACC,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,mBAA4B,mBAAmB,WAAsB;IAErE;;OAEG;IACH,SAEgB,sBAAsB,EAAE,MAAM,CAAM;IAEpD;;;;;OAKG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;OAGG;IACH,SAA6C,IAAI,EAAE,UAAU,CAAwB;IAErF;;;;OAIG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,EAM9C;IACD,IAAW,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAM1C;IACD,OAAO,CAAC,MAAM,CAAiC;IAE/C,kDAAkD;IAClD,IAAW,IAAI,IAAI,aAAa,CAAC,CAAC,CAAC,EAAE,CAEpC;cAEkB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;IAkC9F,OAAO,CAAC,iBAAiB;cA0BN,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}

package/tag/tag-group/tag-group.component.js

@@ -1,25 +1,26 @@
-var w = (s) => {
-  throw TypeError(s);
+var w = (e) => {
+  throw TypeError(e);
 };
-var I = (s, i, l) => i.has(s) || w("Cannot " + l);
-var d = (s, i, l) => (I(s, i, "read from private field"), l ? l.call(s) : i.get(s)), _ = (s, i, l) => i.has(s) ? w("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, l), h = (s, i, l, c) => (I(s, i, "write to private field"), c ? c.call(s, l) : i.set(s, l), l);
+var I = (e, i, a) => i.has(e) || w("Cannot " + a);
+var d = (e, i, a) => (I(e, i, "read from private field"), a ? a.call(e) : i.get(e)), _ = (e, i, a) => i.has(e) ? w("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(e) : i.set(e, a), h = (e, i, a, c) => (I(e, i, "write to private field"), c ? c.call(e, a) : i.set(e, a), a);
 import { __runInitializers as o, __esDecorate as m } from "tslib";
 import { css as q, LitElement as N, isServer as D, html as V } from "lit";
 import { customElement as j, property as f } from "lit/decorators.js";
 import { forceType as O } from "../../core/decorators.js";
 import { isLean as C, setOrRemoveAttribute as M } from "../../core/dom.js";
 import { SbbDisabledMixin as B, SbbNamedSlotListMixin as G } from "../../core/mixins.js";
-const J = q`*,:before,:after{box-sizing:border-box}:host{display:block}.sbb-tag-group__list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:wrap;gap:var(--sbb-spacing-fixed-3x)}.sbb-tag-group__list>:is(li,span){display:flex;max-width:100%}`;
-let Y = (() => {
+import { boxSizingStyles as J } from "../../core/styles.js";
+const R = q`:host{display:block}.sbb-tag-group__list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:wrap;gap:var(--sbb-spacing-fixed-3x)}.sbb-tag-group__list>:is(li,span){display:flex;max-width:100%}`;
+let P = (() => {
   var u, n, b, r;
-  let s = [j("sbb-tag-group")], i, l = [], c, y = B(G(N)), g = [], A, v = [], z = [], L, x = [], k = [], S, E = [], T = [], U;
+  let e = [j("sbb-tag-group")], i, a = [], c, y = B(G(N)), g = [], A, v = [], z = [], L, x = [], S = [], k, E = [], T = [], U;
   return r = class extends y {
     constructor() {
       super(...arguments);
       _(this, u);
       _(this, n);
       _(this, b);
-      this.listChildLocalNames = (o(this, g), ["sbb-tag", "div"]), h(this, u, o(this, v, "")), h(this, n, (o(this, z), o(this, x, !1))), h(this, b, (o(this, k), o(this, E, C() ? "s" : "m"))), this._value = (o(this, T), null);
+      this.listChildLocalNames = (o(this, g), ["sbb-tag", "div"]), h(this, u, o(this, v, "")), h(this, n, (o(this, z), o(this, x, !1))), h(this, b, (o(this, S), o(this, E, C() ? "s" : "m"))), this._value = (o(this, T), null);
     }
     /**
      * This will be forwarded as aria-label to the inner list.
@@ -72,22 +73,22 @@ let Y = (() => {
       return Array.from(this.querySelectorAll?.("sbb-tag") ?? []);
     }
     willUpdate(t) {
-      super.willUpdate(t), t.has("value") && !this.hasUpdated && this._value && this._applyValueToTags(this.value), t.has("size") && this.tags.forEach((e) => e.requestUpdate?.("size")), t.has("disabled") && this.tags.forEach((e) => e.requestUpdate?.("disabled")), (t.has("listChildren") || t.has("multiple")) && !this.multiple && this.tags.filter((e) => e.checked).slice(1).forEach((e) => e.checked = !1), M(this, "role", t.has("listAccessibilityLabel") && this.listAccessibilityLabel ? null : "group");
+      super.willUpdate(t), t.has("value") && !this.hasUpdated && this._value && this._applyValueToTags(this.value), t.has("size") && this.tags.forEach((s) => s.requestUpdate?.("size")), t.has("disabled") && this.tags.forEach((s) => s.requestUpdate?.("disabled")), (t.has("listChildren") || t.has("multiple")) && !this.multiple && this.tags.filter((s) => s.checked).slice(1).forEach((s) => s.checked = !1), M(this, "role", t.has("listAccessibilityLabel") && this.listAccessibilityLabel ? null : "group");
     }
     _applyValueToTags(t) {
-      const e = this.tags;
+      const s = this.tags;
       if (t === null)
-        e.forEach((a) => a.checked = !1);
+        s.forEach((l) => l.checked = !1);
       else if (this.multiple) {
-        if (!Array.isArray(t) && e.every((p) => p.value !== t))
+        if (!Array.isArray(t) && s.every((p) => p.value !== t))
           try {
             t = JSON.parse(t);
           } catch {
           }
-        const a = Array.isArray(t) ? t : [t];
-        e.forEach((p) => p.checked = a.includes(p.value));
+        const l = Array.isArray(t) ? t : [t];
+        s.forEach((p) => p.checked = l.includes(p.value));
       } else
-        Array.isArray(t) || e.forEach((a) => a.checked = a.value === t);
+        Array.isArray(t) || s.forEach((l) => l.checked = l.value === t);
     }
     render() {
       return V`
@@ -101,17 +102,17 @@ let Y = (() => {
     }
   }, u = new WeakMap(), n = new WeakMap(), b = new WeakMap(), c = r, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
-    A = [O(), f({ attribute: "list-accessibility-label" })], L = [O(), f({ type: Boolean })], S = [f({ reflect: !0 })], U = [f()], m(r, null, A, { kind: "accessor", name: "listAccessibilityLabel", static: !1, private: !1, access: { has: (e) => "listAccessibilityLabel" in e, get: (e) => e.listAccessibilityLabel, set: (e, a) => {
-      e.listAccessibilityLabel = a;
-    } }, metadata: t }, v, z), m(r, null, L, { kind: "accessor", name: "multiple", static: !1, private: !1, access: { has: (e) => "multiple" in e, get: (e) => e.multiple, set: (e, a) => {
-      e.multiple = a;
-    } }, metadata: t }, x, k), m(r, null, S, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, a) => {
-      e.size = a;
-    } }, metadata: t }, E, T), m(r, null, U, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (e) => "value" in e, set: (e, a) => {
-      e.value = a;
-    } }, metadata: t }, null, g), m(null, i = { value: c }, s, { kind: "class", name: c.name, metadata: t }, null, l), c = i.value, t && Object.defineProperty(c, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), r.styles = J, o(c, l), c;
+    A = [O(), f({ attribute: "list-accessibility-label" })], L = [O(), f({ type: Boolean })], k = [f({ reflect: !0 })], U = [f()], m(r, null, A, { kind: "accessor", name: "listAccessibilityLabel", static: !1, private: !1, access: { has: (s) => "listAccessibilityLabel" in s, get: (s) => s.listAccessibilityLabel, set: (s, l) => {
+      s.listAccessibilityLabel = l;
+    } }, metadata: t }, v, z), m(r, null, L, { kind: "accessor", name: "multiple", static: !1, private: !1, access: { has: (s) => "multiple" in s, get: (s) => s.multiple, set: (s, l) => {
+      s.multiple = l;
+    } }, metadata: t }, x, S), m(r, null, k, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (s) => "size" in s, get: (s) => s.size, set: (s, l) => {
+      s.size = l;
+    } }, metadata: t }, E, T), m(r, null, U, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (s) => "value" in s, set: (s, l) => {
+      s.value = l;
+    } }, metadata: t }, null, g), m(null, i = { value: c }, e, { kind: "class", name: c.name, metadata: t }, null, a), c = i.value, t && Object.defineProperty(c, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), r.styles = [J, R], o(c, a), c;
 })();
 export {
-  Y as SbbTagGroupElement
+  P as SbbTagGroupElement
 };

package/teaser/teaser.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"teaser.component.d.ts","sourceRoot":"","sources":["../../../src/elements/teaser/teaser.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAK9D,OAAO,0BAA0B,CAAC;AAElC;;;;;;;GAOG;AACH,qBAEM,gBAAiB,SAAQ,kBAAkB;IAC/C,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,gFAAgF;IAChF,SAA6C,SAAS,EAAE,gBAAgB,GAAG,OAAO,GAAG,OAAO,CACzE;IAEnB,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,eAAe;cAWJ,MAAM,IAAI,cAAc;IAa3C,SAAS,CAAC,aAAa,IAAI,cAAc;CAgB1C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}
+{"version":3,"file":"teaser.component.d.ts","sourceRoot":"","sources":["../../../src/elements/teaser/teaser.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAM9D,OAAO,0BAA0B,CAAC;AAElC;;;;;;;GAOG;AACH,qBAEM,gBAAiB,SAAQ,kBAAkB;IAC/C,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,gFAAgF;IAChF,SAA6C,SAAS,EAAE,gBAAgB,GAAG,OAAO,GAAG,OAAO,CACzE;IAEnB,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,eAAe;cAWJ,MAAM,IAAI,cAAc;IAa3C,SAAS,CAAC,aAAa,IAAI,cAAc;CAgB1C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}

package/teaser/teaser.component.js

@@ -1,30 +1,31 @@
 var f = (e) => {
   throw TypeError(e);
 };
-var p = (e, s, a) => s.has(e) || f("Cannot " + a);
-var u = (e, s, a) => (p(e, s, "read from private field"), a ? a.call(e) : s.get(e)), g = (e, s, a) => s.has(e) ? f("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, a), _ = (e, s, a, i) => (p(e, s, "write to private field"), i ? i.call(e, a) : s.set(e, a), a);
-import { __esDecorate as w, __runInitializers as b } from "tslib";
-import { customElement as x, property as y } from "lit/decorators.js";
+var g = (e, s, a) => s.has(e) || f("Cannot " + a);
+var u = (e, s, a) => (g(e, s, "read from private field"), a ? a.call(e) : s.get(e)), v = (e, s, a) => s.has(e) ? f("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, a), _ = (e, s, a, i) => (g(e, s, "write to private field"), i ? i.call(e, a) : s.set(e, a), a);
+import { __esDecorate as x, __runInitializers as b } from "tslib";
+import { customElement as y, property as w } from "lit/decorators.js";
 import { html as c } from "lit/static-html.js";
 import { SbbLinkBaseElement as k } from "../core/base-elements.js";
+import { boxSizingStyles as S } from "../core/styles.js";
 import { css as z } from "lit";
 import "../screen-reader-only.js";
-const S = z`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-teaser-scale-hover: 1.02;--sbb-teaser-description-color: var(--sbb-color-granite);--sbb-teaser-description-color: light-dark(var(--sbb-color-granite), var(--sbb-color-silver));--sbb-teaser-flex-direction: row;--sbb-teaser-align-items: center;--sbb-teaser-gap: var(--sbb-spacing-fixed-4x);--sbb-teaser-width: fit-content;--sbb-teaser-border-radius: var(--sbb-border-radius-4x)}@media(forced-colors:active){:host{--sbb-teaser-description-color: LinkText;--sbb-title-text-color-normal-override: LinkText !important}}:host([alignment=after]){--sbb-teaser-align-items: start}:host([alignment=below]){--sbb-teaser-flex-direction: column;--sbb-teaser-align-items: baseline;--sbb-teaser-gap: var(--sbb-spacing-fixed-3x);--sbb-teaser-width: 100%}@media(any-hover:hover){:host(:hover){--sbb-teaser-scale: var(--sbb-teaser-scale-hover)}}.sbb-teaser__wrapper{display:flex;position:relative;cursor:pointer}.sbb-teaser__wrapper:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-teaser{text-decoration:none;position:absolute;inset:0}.sbb-teaser:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}@media(forced-colors:active){.sbb-teaser{outline-offset:var(--sbb-focus-outline-offset);outline:CanvasText solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}.sbb-teaser:hover{outline-color:Highlight}}.sbb-teaser__container{display:flex;flex-flow:var(--sbb-teaser-flex-direction) nowrap;align-items:var(--sbb-teaser-align-items);gap:var(--sbb-teaser-gap);max-width:100%;width:100%;pointer-events:none}.sbb-teaser__text{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);color:var(--sbb-teaser-description-color);overflow:hidden;max-width:100%}::slotted([slot=image]){width:18.75rem;display:block}.sbb-teaser__image-wrapper{flex-shrink:0;overflow:hidden;border-radius:var(--sbb-teaser-border-radius);transition:box-shadow var(--sbb-teaser-image-animation-duration) var(--sbb-animation-easing)}@media(any-hover:hover){:host(:hover) .sbb-teaser__image-wrapper{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-color-hard-2),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-color-hard-1)}}.sbb-teaser__description{display:inline-block;margin:0;padding:0}::slotted(sbb-chip-label){display:block;max-width:fit-content;margin-block-end:var(--sbb-spacing-fixed-1x)}::slotted(sbb-title){margin-block:0}`;
-let j = (() => {
-  var n, l;
-  let e = [x("sbb-teaser")], s, a = [], i, d = k, h, m = [], v = [];
-  return l = class extends d {
+const E = z`@charset "UTF-8";:host{display:inline-block;outline:none!important;--sbb-teaser-scale-hover: 1.02;--sbb-teaser-description-color: var(--sbb-color-granite);--sbb-teaser-description-color: light-dark(var(--sbb-color-granite), var(--sbb-color-silver));--sbb-teaser-flex-direction: row;--sbb-teaser-align-items: center;--sbb-teaser-gap: var(--sbb-spacing-fixed-4x);--sbb-teaser-width: fit-content;--sbb-teaser-border-radius: var(--sbb-border-radius-4x)}@media(forced-colors:active){:host{--sbb-teaser-description-color: LinkText;--sbb-title-text-color-normal-override: LinkText !important}}:host([alignment=after]){--sbb-teaser-align-items: start}:host([alignment=below]){--sbb-teaser-flex-direction: column;--sbb-teaser-align-items: baseline;--sbb-teaser-gap: var(--sbb-spacing-fixed-3x);--sbb-teaser-width: 100%}@media(any-hover:hover){:host(:hover){--sbb-teaser-scale: var(--sbb-teaser-scale-hover)}}.sbb-teaser__wrapper{display:flex;position:relative;cursor:var(--sbb-cursor-pointer)}.sbb-teaser__wrapper:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-teaser{text-decoration:none;position:absolute;inset:0}.sbb-teaser:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}@media(forced-colors:active){.sbb-teaser{outline-offset:var(--sbb-focus-outline-offset);outline:CanvasText solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}.sbb-teaser:hover{outline-color:Highlight}}.sbb-teaser__container{display:flex;flex-flow:var(--sbb-teaser-flex-direction) nowrap;align-items:var(--sbb-teaser-align-items);gap:var(--sbb-teaser-gap);max-width:100%;width:100%;pointer-events:none}.sbb-teaser__text{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);color:var(--sbb-teaser-description-color);overflow:hidden;max-width:100%}::slotted([slot=image]){width:18.75rem;display:block}.sbb-teaser__image-wrapper{flex-shrink:0;overflow:hidden;border-radius:var(--sbb-teaser-border-radius);transition:box-shadow var(--sbb-teaser-image-animation-duration) var(--sbb-animation-easing)}@media(any-hover:hover){:host(:hover) .sbb-teaser__image-wrapper{box-shadow:var(--sbb-box-shadow-level-9-hard)}}.sbb-teaser__description{display:inline-block;margin:0;padding:0}::slotted(sbb-chip-label){display:block;max-width:fit-content;margin-block-end:var(--sbb-spacing-fixed-1x)}::slotted(sbb-title){margin-block:0}`;
+let O = (() => {
+  var l, n;
+  let e = [y("sbb-teaser")], s, a = [], i, d = k, m, h = [], p = [];
+  return n = class extends d {
     constructor() {
       super(...arguments);
-      g(this, n, b(this, m, "after-centered"));
-      b(this, v);
+      v(this, l, b(this, h, "after-centered"));
+      b(this, p);
     }
     /** Teaser variant - define the position and the alignment of the text block. */
     get alignment() {
-      return u(this, n);
+      return u(this, l);
     }
     set alignment(r) {
-      _(this, n, r);
+      _(this, l, r);
     }
     _handleSlotchange() {
       const r = Array.from(this.children).find((o) => o.localName === "sbb-chip-label");
@@ -67,13 +68,13 @@ let j = (() => {
       </span>
     `;
     }
-  }, n = new WeakMap(), i = l, (() => {
+  }, l = new WeakMap(), i = n, (() => {
     const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
-    h = [y({ reflect: !0 })], w(l, null, h, { kind: "accessor", name: "alignment", static: !1, private: !1, access: { has: (t) => "alignment" in t, get: (t) => t.alignment, set: (t, o) => {
+    m = [w({ reflect: !0 })], x(n, null, m, { kind: "accessor", name: "alignment", static: !1, private: !1, access: { has: (t) => "alignment" in t, get: (t) => t.alignment, set: (t, o) => {
       t.alignment = o;
-    } }, metadata: r }, m, v), w(null, s = { value: i }, e, { kind: "class", name: i.name, metadata: r }, null, a), i = s.value, r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
-  })(), l.styles = S, b(i, a), i;
+    } }, metadata: r }, h, p), x(null, s = { value: i }, e, { kind: "class", name: i.name, metadata: r }, null, a), i = s.value, r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
+  })(), n.styles = [S, E], b(i, a), i;
 })();
 export {
-  j as SbbTeaserElement
+  O as SbbTeaserElement
 };

package/teaser-hero/teaser-hero.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"teaser-hero.component.d.ts","sourceRoot":"","sources":["../../../src/elements/teaser-hero/teaser-hero.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAK9D,OAAO,8BAA8B,CAAC;AAEtC;;;;;;;GAOG;AACH,qBAGM,oBAAqB,SAAQ,kBAAkB;IACnD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,uBAAuB;IACvB,SAEgB,WAAW,EAAE,MAAM,CAAM;IAEzC,OAAO,CAAC,iBAAiB;cAIN,cAAc,IAAI,cAAc;CAmBpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}
+{"version":3,"file":"teaser-hero.component.d.ts","sourceRoot":"","sources":["../../../src/elements/teaser-hero/teaser-hero.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAM9D,OAAO,8BAA8B,CAAC;AAEtC;;;;;;;GAOG;AACH,qBAEM,oBAAqB,SAAQ,kBAAkB;IACnD,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,uBAAuB;IACvB,SAEgB,WAAW,EAAE,MAAM,CAAM;IAEzC,OAAO,CAAC,iBAAiB;cAIN,cAAc,IAAI,cAAc;CAmBpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

package/teaser-hero/teaser-hero.component.js

@@ -3,22 +3,23 @@ var m = (e) => {
 };
 var g = (e, t, a) => t.has(e) || m("Cannot " + a);
 var d = (e, t, a) => (g(e, t, "read from private field"), a ? a.call(e) : t.get(e)), v = (e, t, a) => t.has(e) ? m("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), u = (e, t, a, n) => (g(e, t, "write to private field"), n ? n.call(e, a) : t.set(e, a), a);
-import { __esDecorate as f, __runInitializers as l } from "tslib";
+import { __esDecorate as f, __runInitializers as r } from "tslib";
 import { css as k } from "lit";
 import { customElement as y, property as x } from "lit/decorators.js";
 import { html as C } from "lit/static-html.js";
 import { SbbLinkBaseElement as w } from "../core/base-elements.js";
-import { slotState as z, forceType as S, omitEmptyConverter as E } from "../core/decorators.js";
+import { forceType as z, omitEmptyConverter as S } from "../core/decorators.js";
+import { boxSizingStyles as E } from "../core/styles.js";
 import "../link/block-link-static.js";
-const T = k`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important;--sbb-panel-width: 13.9375rem;--sbb-panel-inner-height: 10.4375rem;--sbb-panel-triangle-height: 2.0625rem;--sbb-panel-height: calc(var(--sbb-panel-inner-height) + 2 * var(--sbb-panel-triangle-height));--sbb-panel-line-height: var(--sbb-typo-line-height-titles);--sbb-panel-font-size: var(--sbb-typo-scale-1-5x);--sbb-panel-color: var(--sbb-color-1-negative);--sbb-panel-background-color: color-mix(in srgb, var(--sbb-color-primary) 90%, transparent);--sbb-panel-background-color-hover: var(--sbb-color-primary);--sbb-panel-padding-inline: var(--sbb-spacing-responsive-m);--sbb-panel-gap: var(--sbb-spacing-responsive-xs);--sbb-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-panel-animation-easing: var(--sbb-animation-easing)}@media(min-width:52.5rem){:host{--sbb-panel-width: 20.0625rem;--sbb-panel-inner-height: 15.006875rem;--sbb-panel-triangle-height: 2.965625rem;--sbb-panel-font-size: var(--sbb-typo-scale-2x)}}@media(min-width:64rem){:host{--sbb-panel-width: 26.75rem;--sbb-panel-inner-height: 20.02375rem;--sbb-panel-triangle-height: 3.956875rem;--sbb-panel-font-size: var(--sbb-typo-scale-2-5x);--sbb-panel-line-height: 1.2}}@media(any-hover:hover){:host(:hover){--sbb-panel-background-color: var(--sbb-panel-background-color-hover)}}::slotted([slot=image]){width:100%}.sbb-teaser-hero{position:relative;display:flex;min-height:var(--sbb-panel-height);text-decoration:none}.sbb-teaser-hero:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-teaser-hero__panel{z-index:1;position:relative;display:flex;flex-direction:column;justify-content:center;gap:var(--sbb-panel-gap);width:var(--sbb-panel-width);height:var(--sbb-panel-height);padding-block:var(--sbb-panel-triangle-height);padding-inline:var(--sbb-panel-padding-inline);clip-path:polygon(0 0,100% var(--sbb-panel-triangle-height),100% calc(100% - var(--sbb-panel-triangle-height)),0% 100%);background-color:var(--sbb-panel-background-color);transition:background var(--sbb-panel-animation-duration) var(--sbb-panel-animation-easing)}@media(any-hover:hover){.sbb-teaser-hero__panel:hover{--sbb-panel-background-color: var(--sbb-panel-background-color-hover)}}.sbb-teaser-hero__panel{position:absolute;top:50%;transform:translateY(-50%)}:host(:not([data-slot-names~=unnamed],[data-slot-names~=link-content],[link-content])) .sbb-teaser-hero__panel{display:none}.sbb-teaser-hero__panel-text{font-family:var(--sbb-typo-font-family);font-size:var(--sbb-panel-font-size);font-weight:300;line-height:var(--sbb-panel-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);color:var(--sbb-panel-color);-webkit-hyphens:auto;hyphens:auto;display:inline;margin:0;padding:0}:host(:not([href])) .sbb-teaser-hero__panel-link{display:none}`;
-let L = (() => {
+const T = k`:host{display:block;outline:none!important;--sbb-panel-width: 13.9375rem;--sbb-panel-inner-height: 10.4375rem;--sbb-panel-triangle-height: 2.0625rem;--sbb-panel-height: calc(var(--sbb-panel-inner-height) + 2 * var(--sbb-panel-triangle-height));--sbb-panel-line-height: var(--sbb-typo-line-height-titles);--sbb-panel-font-size: var(--sbb-typo-scale-1-5x);--sbb-panel-color: var(--sbb-color-1-negative);--sbb-panel-background-color: color-mix(in srgb, var(--sbb-color-primary) 90%, transparent);--sbb-panel-background-color-hover: var(--sbb-color-primary);--sbb-panel-padding-inline: var(--sbb-spacing-responsive-m);--sbb-panel-gap: var(--sbb-spacing-responsive-xs);--sbb-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-panel-animation-easing: var(--sbb-animation-easing)}@media(min-width:64rem){:host{--sbb-panel-width: 20.0625rem;--sbb-panel-inner-height: 15.006875rem;--sbb-panel-triangle-height: 2.965625rem;--sbb-panel-font-size: var(--sbb-typo-scale-2x)}}@media(min-width:64rem){:host{--sbb-panel-width: 26.75rem;--sbb-panel-inner-height: 20.02375rem;--sbb-panel-triangle-height: 3.956875rem;--sbb-panel-font-size: var(--sbb-typo-scale-2-5x);--sbb-panel-line-height: 1.2}}@media(any-hover:hover){:host(:hover){--sbb-panel-background-color: var(--sbb-panel-background-color-hover)}}::slotted([slot=image]){width:100%}.sbb-teaser-hero{position:relative;display:flex;min-height:var(--sbb-panel-height);text-decoration:none}.sbb-teaser-hero:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-teaser-hero__panel{z-index:1;position:relative;display:flex;flex-direction:column;justify-content:center;gap:var(--sbb-panel-gap);width:var(--sbb-panel-width);height:var(--sbb-panel-height);padding-block:var(--sbb-panel-triangle-height);padding-inline:var(--sbb-panel-padding-inline);clip-path:polygon(0 0,100% var(--sbb-panel-triangle-height),100% calc(100% - var(--sbb-panel-triangle-height)),0% 100%);background-color:var(--sbb-panel-background-color);transition:background var(--sbb-panel-animation-duration) var(--sbb-panel-animation-easing)}@media(any-hover:hover){.sbb-teaser-hero__panel:hover{--sbb-panel-background-color: var(--sbb-panel-background-color-hover)}}.sbb-teaser-hero__panel{position:absolute;top:50%;transform:translateY(-50%)}:host(:not(:is(:state(slotted),[state--slotted]),:is(:state(slotted-link-content),[state--slotted-link-content]),[link-content])) .sbb-teaser-hero__panel{display:none}.sbb-teaser-hero__panel-text{font-family:var(--sbb-typo-font-family);font-size:var(--sbb-panel-font-size);font-weight:300;line-height:var(--sbb-panel-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);color:var(--sbb-panel-color);-webkit-hyphens:auto;hyphens:auto;display:inline;margin:0;padding:0}:host(:not([href])) .sbb-teaser-hero__panel-link{display:none}`;
+let P = (() => {
   var o, s;
-  let e = [y("sbb-teaser-hero"), z()], t, a = [], n, b = w, p, c = [], h = [];
+  let e = [y("sbb-teaser-hero")], t, a = [], n, b = w, p, c = [], h = [];
   return s = class extends b {
     constructor() {
       super(...arguments);
-      v(this, o, l(this, c, ""));
-      l(this, h);
+      v(this, o, r(this, c, ""));
+      r(this, h);
     }
     /** Panel link text. */
     get linkContent() {
@@ -51,11 +52,11 @@ let L = (() => {
     }
   }, o = new WeakMap(), n = s, (() => {
     const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
-    p = [S(), x({ attribute: "link-content", reflect: !0, converter: E })], f(s, null, p, { kind: "accessor", name: "linkContent", static: !1, private: !1, access: { has: (r) => "linkContent" in r, get: (r) => r.linkContent, set: (r, _) => {
-      r.linkContent = _;
+    p = [z(), x({ attribute: "link-content", reflect: !0, converter: S })], f(s, null, p, { kind: "accessor", name: "linkContent", static: !1, private: !1, access: { has: (l) => "linkContent" in l, get: (l) => l.linkContent, set: (l, _) => {
+      l.linkContent = _;
     } }, metadata: i }, c, h), f(null, t = { value: n }, e, { kind: "class", name: n.name, metadata: i }, null, a), n = t.value, i && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
-  })(), s.styles = T, l(n, a), n;
+  })(), s.styles = [E, T], r(n, a), n;
 })();
 export {
-  L as SbbTeaserHeroElement
+  P as SbbTeaserHeroElement
 };

package/teaser-product/common/teaser-product-common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"teaser-product-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser-product/common/teaser-product-common.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,EAAE,KAAK,mBAAmB,EAAoB,MAAM,sBAAsB,CAAC;;AAElF,MAAM,CAAC,OAAO,OAAO,sCAAuC,SAAQ,2CAEnE;IACC,SAAgB,cAAc,EAAE,OAAO,GAAG,QAAQ,CAAC;CACpD;AAGD,eAAO,MAAM,kCAAkC,GAC7C,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAEnD,YAAY,CAAC,KACZ,mBAAmB,CAAC,sCAAsC,CAAC,GAAG,CA+BhE,CAAC"}
+{"version":3,"file":"teaser-product-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser-product/common/teaser-product-common.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,KAAK,mBAAmB,EAAoB,MAAM,sBAAsB,CAAC;;AAElF,MAAM,CAAC,OAAO,OAAO,sCAAuC,SAAQ,2CAEnE;IACC,SAAgB,cAAc,EAAE,OAAO,GAAG,QAAQ,CAAC;CACpD;AAGD,eAAO,MAAM,kCAAkC,GAC7C,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAEnD,YAAY,CAAC,KACZ,mBAAmB,CAAC,sCAAsC,CAAC,GAAG,CA8BhE,CAAC"}

package/teaser-product/common/teaser-product-common.js

@@ -1,34 +1,33 @@
-var _ = (e) => {
+var c = (e) => {
   throw TypeError(e);
 };
-var p = (e, t, a) => t.has(e) || _("Cannot " + a);
-var f = (e, t, a) => (p(e, t, "read from private field"), a ? a.call(e) : t.get(e)), v = (e, t, a) => t.has(e) ? _("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), A = (e, t, a, n) => (p(e, t, "write to private field"), n ? n.call(e, a) : t.set(e, a), a);
-import { __esDecorate as S, __runInitializers as m } from "tslib";
-import { html as y } from "lit";
-import { property as x } from "lit/decorators.js";
-import { slotState as T } from "../../core/decorators.js";
-import { SbbNegativeMixin as z } from "../../core/mixins.js";
-const M = (e) => (() => {
-  var l, i;
-  let a = [T()], n, c = [], s, u = z(e), g, d = [], b = [];
-  return i = class extends u {
+var g = (e, t, a) => t.has(e) || c("Cannot " + a);
+var u = (e, t, a) => (g(e, t, "read from private field"), a ? a.call(e) : t.get(e)), b = (e, t, a) => t.has(e) ? c("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), d = (e, t, a, r) => (g(e, t, "write to private field"), r ? r.call(e, a) : t.set(e, a), a);
+import { __esDecorate as f, __runInitializers as _ } from "tslib";
+import { html as v } from "lit";
+import { property as A } from "lit/decorators.js";
+import { SbbNegativeMixin as h } from "../../core/mixins.js";
+const j = (e) => (() => {
+  var s, i;
+  let a = h(e), r, m = [], l = [];
+  return i = class extends a {
     constructor() {
       super(...arguments);
-      v(this, l, m(this, d, "after"));
-      m(this, b);
+      b(this, s, _(this, m, "after"));
+      _(this, l);
     }
     /**
      * Whether the fully visible part of the image is aligned 'before' or 'after' the content.
      * Only relevant starting from large breakpoint.
      */
     get imageAlignment() {
-      return f(this, l);
+      return u(this, s);
     }
-    set imageAlignment(r) {
-      A(this, l, r);
+    set imageAlignment(n) {
+      d(this, s, n);
     }
     renderTemplate() {
-      return y`
+      return v`
         <div class="sbb-teaser-product__root">
           <div class="sbb-teaser-product__image-container"><slot name="image"></slot></div>
           <div class="sbb-teaser-product__container">
@@ -42,13 +41,13 @@ const M = (e) => (() => {
         </div>
       `;
     }
-  }, l = new WeakMap(), s = i, (() => {
-    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
-    g = [x({ attribute: "image-alignment", reflect: !0 })], S(i, null, g, { kind: "accessor", name: "imageAlignment", static: !1, private: !1, access: { has: (o) => "imageAlignment" in o, get: (o) => o.imageAlignment, set: (o, h) => {
-      o.imageAlignment = h;
-    } }, metadata: r }, d, b), S(null, n = { value: s }, a, { kind: "class", name: s.name, metadata: r }, null, c), s = n.value, r && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r }), m(s, c);
-  })(), s;
+  }, s = new WeakMap(), (() => {
+    const n = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
+    r = [A({ attribute: "image-alignment", reflect: !0 })], f(i, null, r, { kind: "accessor", name: "imageAlignment", static: !1, private: !1, access: { has: (o) => "imageAlignment" in o, get: (o) => o.imageAlignment, set: (o, p) => {
+      o.imageAlignment = p;
+    } }, metadata: n }, m, l), n && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: n });
+  })(), i;
 })();
 export {
-  M as SbbTeaserProductCommonElementMixin
+  j as SbbTeaserProductCommonElementMixin
 };

package/teaser-product/common.js

@@ -1,5 +1,5 @@
 import { SbbTeaserProductCommonElementMixin as r } from "./common/teaser-product-common.js";
-import { t as m } from "../teaser-product-common-Du28QCY3.js";
+import { t as m } from "../teaser-product-common-BwqWqRrK.js";
 export {
   r as SbbTeaserProductCommonElementMixin,
   m as teaserProductCommonStyle

package/teaser-product/teaser-product/teaser-product.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"teaser-product.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser-product/teaser-product/teaser-product.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAKjE,OAAO,6BAA6B,CAAC;;AAErC;;;;;;;;GAQG;AACH,qBAEM,uBAAwB,SAAQ,4BAAsD;IAC1F,OAAuB,MAAM,EAAE,cAAc,CAAqC;cAE/D,MAAM,IAAI,cAAc;CAY5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}
+{"version":3,"file":"teaser-product.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser-product/teaser-product/teaser-product.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAMjE,OAAO,6BAA6B,CAAC;;AAErC;;;;;;;;GAQG;AACH,qBAEM,uBAAwB,SAAQ,4BAAsD;IAC1F,OAAuB,MAAM,EAAE,cAAc,CAI3C;cAEiB,MAAM,IAAI,cAAc;CAY5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}

package/teaser-product/teaser-product/teaser-product.component.js

@@ -2,13 +2,14 @@ import { __esDecorate as b, __runInitializers as c } from "tslib";
 import { customElement as n } from "lit/decorators.js";
 import { html as i } from "lit/static-html.js";
 import { SbbLinkBaseElement as u } from "../../core/base-elements.js";
-import { SbbTeaserProductCommonElementMixin as d, teaserProductCommonStyle as m } from "../common.js";
-import { css as p } from "lit";
+import { boxSizingStyles as d } from "../../core/styles.js";
+import { SbbTeaserProductCommonElementMixin as m, teaserProductCommonStyle as p } from "../common.js";
+import { css as f } from "lit";
 import "../../screen-reader-only.js";
-const f = p`:host{--sbb-teaser-product-border-radius: var(--sbb-border-radius-4x)}@media(forced-colors:active){:host{--sbb-title-text-color-normal-override: LinkText !important;--sbb-teaser-product-content-color: LinkText !important;--sbb-teaser-product-footer-color: LinkText !important}}.sbb-teaser-product__wrapper{position:relative}.sbb-teaser-product__root{pointer-events:none}@media(forced-colors:active){:host(:hover) .sbb-teaser-product__root:after{border-color:Highlight}}.sbb-teaser-product{position:absolute;inset:0}.sbb-teaser-product:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-product-border-radius)}`;
-let k = (() => {
+const v = f`:host{--sbb-teaser-product-border-radius: var(--sbb-border-radius-4x)}@media(forced-colors:active){:host{--sbb-title-text-color-normal-override: LinkText !important;--sbb-teaser-product-content-color: LinkText !important;--sbb-teaser-product-footer-color: LinkText !important}}.sbb-teaser-product__wrapper{position:relative}.sbb-teaser-product__root{pointer-events:none}@media(forced-colors:active){:host(:hover) .sbb-teaser-product__root:after{border-color:Highlight}}.sbb-teaser-product{position:absolute;inset:0}.sbb-teaser-product:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-product-border-radius)}`;
+let E = (() => {
   var t;
-  let l = [n("sbb-teaser-product")], o, s = [], e, a = d(u);
+  let l = [n("sbb-teaser-product")], o, s = [], e, a = m(u);
   return t = class extends a {
     render() {
       return i`
@@ -24,8 +25,12 @@ let k = (() => {
   }, e = t, (() => {
     const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
     b(null, o = { value: e }, l, { kind: "class", name: e.name, metadata: r }, null, s), e = o.value, r && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
-  })(), t.styles = [m, f], c(e, s), e;
+  })(), t.styles = [
+    d,
+    p,
+    v
+  ], c(e, s), e;
 })();
 export {
-  k as SbbTeaserProductElement
+  E as SbbTeaserProductElement
 };

package/teaser-product/teaser-product-static/teaser-product-static.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"teaser-product-static.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser-product/teaser-product-static/teaser-product-static.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAGnE;;;;;;;;GAQG;AACH,qBAEM,6BAA8B,SAAQ,kCAE3C;IACC,OAAuB,MAAM,EAAE,cAAc,CAA8B;CAC5E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,2BAA2B,EAAE,6BAA6B,CAAC;KAC5D;CACF"}
+{"version":3,"file":"teaser-product-static.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser-product/teaser-product-static/teaser-product-static.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;;;;GAQG;AACH,qBAEM,6BAA8B,SAAQ,kCAE3C;IACC,OAAuB,MAAM,EAAE,cAAc,CAA+C;CAC7F;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,2BAA2B,EAAE,6BAA6B,CAAC;KAC5D;CACF"}

package/teaser-product/teaser-product-static/teaser-product-static.component.js

@@ -1,16 +1,17 @@
 import { __esDecorate as i, __runInitializers as m } from "tslib";
 import { customElement as c } from "lit/decorators.js";
 import { SbbActionBaseElement as n } from "../../core/base-elements.js";
-import { SbbTeaserProductCommonElementMixin as u, teaserProductCommonStyle as b } from "../common.js";
-let f = (() => {
+import { boxSizingStyles as u } from "../../core/styles.js";
+import { SbbTeaserProductCommonElementMixin as b, teaserProductCommonStyle as d } from "../common.js";
+let x = (() => {
   var e;
-  let o = [c("sbb-teaser-product-static")], r, s = [], t, l = u(n);
+  let o = [c("sbb-teaser-product-static")], r, s = [], t, l = b(n);
   return e = class extends l {
   }, t = e, (() => {
     const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
     i(null, r = { value: t }, o, { kind: "class", name: t.name, metadata: a }, null, s), t = r.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [b], m(t, s), t;
+  })(), e.styles = [u, d], m(t, s), t;
 })();
 export {
-  f as SbbTeaserProductStaticElement
+  x as SbbTeaserProductStaticElement
 };

package/teaser-product-common-BwqWqRrK.js

@@ -0,0 +1,5 @@
+import { css as r } from "lit";
+const o = r`:host{display:block;--sbb-teaser-product-background-color: var(--sbb-color-cloud);--sbb-teaser-product-background-color: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) );--sbb-teaser-product-background-gradient-direction: to right;--sbb-teaser-product-background: var(--sbb-teaser-product-background-color);--sbb-teaser-product-border-radius: var(--sbb-border-radius-4x);--sbb-teaser-product-content-color: var(--sbb-color-4);--sbb-teaser-product-footer-color: var(--sbb-color-anthracite);--sbb-teaser-product-footer-color: light-dark( var(--sbb-color-anthracite), var(--sbb-color-cloud) );--sbb-teaser-product-container-padding-block: var(--sbb-spacing-responsive-l);--sbb-teaser-product-min-height: 37.5rem;--sbb-teaser-product-background-gradient-start: 25%;--sbb-teaser-product-background-gradient-end: 75%}@media(min-width:64rem){:host{--sbb-teaser-product-background: linear-gradient( var(--sbb-teaser-product-background-gradient-direction), var(--sbb-teaser-product-background-color) var(--sbb-teaser-product-background-gradient-start), transparent var(--sbb-teaser-product-background-gradient-end) )}}:host([negative]){--sbb-teaser-product-background-color: var(--sbb-background-color-1-negative);--sbb-teaser-product-content-color: var(--sbb-color-4-negative);--sbb-teaser-product-footer-color: var(--sbb-color-4-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-title-text-color-normal-override: var(--sbb-color-3-negative)}:host([image-alignment=before]){--sbb-teaser-product-background-gradient-direction: to left}.sbb-teaser-product__image-container{overflow:hidden;border-radius:var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius) 0 0}@media(min-width:64rem){.sbb-teaser-product__image-container{position:absolute;inset:0;border-radius:var(--sbb-teaser-product-border-radius)}}::slotted(p.sbb-teaser-product--spacing){margin:0}::slotted(sbb-title.sbb-teaser-product--spacing){--sbb-title-margin-block-start: 0}::slotted(:is(sbb-action-group,[data-action]).sbb-teaser-product--spacing){margin-block-start:var(--sbb-spacing-responsive-xxs)}::slotted([slot=image]){display:flex;width:100%;height:100%}@media(forced-colors:active){.sbb-teaser-product__root:after{content:"";position:absolute;display:block;inset:0;pointer-events:none;border:var(--sbb-border-width-2x) solid CanvasText;border-radius:var(--sbb-teaser-product-border-radius)}}.sbb-action-base{display:block;position:relative;text-decoration:none}.sbb-teaser-product__container{background:var(--sbb-teaser-product-background);border-radius:0 0 var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius);padding:var(--sbb-spacing-responsive-s)}@media(min-width:64rem){.sbb-teaser-product__container{display:grid;grid:"content ." 1fr "footnote ." auto/1fr 1fr;column-gap:var(--sbb-spacing-responsive-xxl);background:var(--sbb-teaser-product-background);border-radius:var(--sbb-teaser-product-border-radius);padding-block:var(--sbb-teaser-product-container-padding-block) 0;padding-inline:var(--sbb-spacing-responsive-xl);position:relative}:host([image-alignment=before]) .sbb-teaser-product__container{grid-template-areas:". content" ". footnote"}}.sbb-teaser-product__content{grid-area:content;align-self:center;margin:0;color:var(--sbb-teaser-product-content-color)}@media(min-width:64rem){.sbb-teaser-product__content{align-content:center;min-height:calc(var(--sbb-teaser-product-min-height) - 2 * var(--sbb-teaser-product-container-padding-block))}}.sbb-teaser-product__footnote{grid-area:footnote;padding-block-start:var(--sbb-spacing-responsive-s);color:var(--sbb-teaser-product-footer-color);--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host(:not(:is(:state(slotted-footnote),[state--slotted-footnote]))) .sbb-teaser-product__footnote{padding-block-start:0}@media(min-width:64rem){.sbb-teaser-product__footnote{min-height:var(--sbb-teaser-product-container-padding-block);padding-block:var(--sbb-spacing-responsive-xs)}}`;
+export {
+  o as t
+};

package/teaser-product.js

@@ -1,7 +1,7 @@
 import { SbbTeaserProductElement as r } from "./teaser-product/teaser-product/teaser-product.component.js";
 import { SbbTeaserProductStaticElement as m } from "./teaser-product/teaser-product-static/teaser-product-static.component.js";
 import { SbbTeaserProductCommonElementMixin as b } from "./teaser-product/common/teaser-product-common.js";
-import { t as c } from "./teaser-product-common-Du28QCY3.js";
+import { t as c } from "./teaser-product-common-BwqWqRrK.js";
 export {
   b as SbbTeaserProductCommonElementMixin,
   r as SbbTeaserProductElement,

package/time-input/time-input.component.js

@@ -1,14 +1,14 @@
 import { __esDecorate as c, __runInitializers as h } from "tslib";
-import { css as f, LitElement as v, isServer as p } from "lit";
+import { css as v, LitElement as f, isServer as p } from "lit";
 import { customElement as g, property as b } from "lit/decorators.js";
 import { sbbLiveAnnouncer as m } from "../core/a11y.js";
 import { SbbLanguageController as A } from "../core/controllers.js";
 import { i18nTimeInputChange as T, i18nTimeInvalid as y, i18nTimeMax as D, i18nTimeMaxLength as E } from "../core/i18n.js";
 import { SbbFormAssociatedInputMixin as V } from "../core/mixins.js";
-const w = f`*,:before,:after{box-sizing:border-box}:host{display:inline-flex;min-width:var(--sbb-time-input-max-width);max-width:var(--sbb-time-input-max-width);cursor:text;align-items:center}@media(forced-colors:active){:host{color:FieldText}}:host(:disabled){cursor:default}:host(:focus){text-overflow:initial!important}:host(:empty):after{content:attr(placeholder);color:var(--sbb-color-5);-webkit-text-fill-color:var(--sbb-color-5);opacity:1}@media(forced-colors:active){:host(:empty):after{color:GrayText}}`, x = /[0-9.:,\-;_hH]/, d = /[^0-9.:,\-;_hH]/g, S = /^([0-9]{1,2})([0-9]{2})$/, C = /^([0-9]{1,2})?[.:,\-;_hH]?([0-9]{1,2})?$/;
+const w = v`:host{display:inline-flex;min-width:var(--sbb-time-input-max-width);max-width:var(--sbb-time-input-max-width);cursor:text;align-items:center}@media(forced-colors:active){:host{color:FieldText}}:host(:disabled){cursor:var(--sbb-cursor-default)}:host(:focus){text-overflow:initial!important}:host(:empty):after{content:attr(placeholder);color:var(--sbb-color-5);-webkit-text-fill-color:var(--sbb-color-5);opacity:1}@media(forced-colors:active){:host(:empty):after{color:GrayText}}`, S = /[0-9.:,\-;_hH]/, d = /[^0-9.:,\-;_hH]/g, x = /^([0-9]{1,2})([0-9]{2})$/, C = /^([0-9]{1,2})?[.:,\-;_hH]?([0-9]{1,2})?$/;
 let M = (() => {
   var a;
-  let _ = [g("sbb-time-input")], r, l = [], s, n = V(v), u = [], o;
+  let _ = [g("sbb-time-input")], r, l = [], s, n = V(f), u = [], o;
   return a = class extends n {
     /**
      * The value of the time input. Reflects the current text value
@@ -68,7 +68,7 @@ let M = (() => {
       const t = e?.trim();
       if (!t)
         return null;
-      const i = t.match(S) ?? t.match(C);
+      const i = t.match(x) ?? t.match(C);
       return i ? { hours: +i[1] || 0, minutes: +i[2] || 0 } : null;
     }
     _updateValueDateFormat() {
@@ -116,7 +116,7 @@ let M = (() => {
         "PageDown",
         "Delete"
       ];
-      e.ctrlKey || e.altKey || e.metaKey || t.includes(e.key) || x.test(e.key) && (this.value.length < 5 || this._hasSelection()) || (e.preventDefault(), this.value.length >= 5 && m.announce(E[this._language.current]));
+      e.ctrlKey || e.altKey || e.metaKey || t.includes(e.key) || S.test(e.key) && (this.value.length < 5 || this._hasSelection()) || (e.preventDefault(), this.value.length >= 5 && m.announce(E[this._language.current]));
     }
     _hasSelection() {
       const e = window.getSelection()?.getRangeAt(0);