@sbb-esta/lyne-elements 2.1.0 → 2.3.0

package/breadcrumb/breadcrumb.js

@@ -1,35 +1,35 @@
 var u = (e) => {
   throw TypeError(e);
 };
-var h = (e, t, s) => t.has(e) || u("Cannot " + s);
-var f = (e, t, s) => (h(e, t, "read from private field"), s ? s.call(e) : t.get(e)), _ = (e, t, s) => t.has(e) ? u("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s), x = (e, t, s, r) => (h(e, t, "write to private field"), r ? r.call(e, s) : t.set(e, s), s);
+var h = (e, t, r) => t.has(e) || u("Cannot " + r);
+var f = (e, t, r) => (h(e, t, "read from private field"), r ? r.call(e) : t.get(e)), x = (e, t, r) => t.has(e) ? u("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), _ = (e, t, r, o) => (h(e, t, "write to private field"), o ? o.call(e, r) : t.set(e, r), r);
 import { __esDecorate as v, __runInitializers as l } from "tslib";
 import { customElement as g, state as y } from "lit/decorators.js";
 import { html as T } from "lit/static-html.js";
 import { SbbLinkBaseElement as S } from "../core/base-elements.js";
-import { SbbHydrationMixin as w } from "../core/mixins.js";
-import { SbbIconNameMixin as z } from "../icon.js";
-import { css as k } from "lit";
-const I = k`*,:before,:after{box-sizing:border-box}:host{display:flex;--sbb-breadcrumb-color: var(--sbb-color-granite)}@media (any-hover: hover){:host(:hover){--sbb-breadcrumb-color: var(--sbb-color-charcoal)}}:host(:is(:active,[data-active])){--sbb-breadcrumb-color: var(--sbb-color-anthracite)}.sbb-breadcrumb{--sbb-link-text-decoration: none;--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-link-color-normal);text-decoration:var(--sbb-link-text-decoration, underline);-webkit-user-select:none;user-select:none}@media (forced-colors: active){.sbb-breadcrumb{text-decoration:underline}}.sbb-breadcrumb{display:flex;cursor:pointer;gap:var(--sbb-spacing-fixed-2x);color:var(--sbb-breadcrumb-color);align-items:center;overflow:hidden;outline:none}@media (forced-colors: active){.sbb-breadcrumb{--sbb-breadcrumb-color: ButtonText}}:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-breadcrumb:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:var(--sbb-border-radius-2x)}.sbb-breadcrumb__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}slot[name=icon] .sbb-breadcrumb__icon,slot[name=icon] ::slotted(*){flex-shrink:0}`;
+import { SbbHydrationMixin as k } from "../core/mixins.js";
+import { SbbIconNameMixin as w } from "../icon.js";
+import { css as z } from "lit";
+const I = z`*,:before,:after{box-sizing:border-box}:host{display:flex;--sbb-breadcrumb-color: var(--sbb-color-granite)}@media (any-hover: hover){:host(:hover){--sbb-breadcrumb-color: var(--sbb-color-charcoal)}}:host(:is(:active,[data-active])){--sbb-breadcrumb-color: var(--sbb-color-anthracite)}.sbb-breadcrumb{--sbb-link-text-decoration: none;--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-link-color-normal);text-decoration-line:var(--sbb-link-text-decoration, underline);text-decoration-color:var(--sbb-link-text-decoration-color);text-decoration-thickness:.0625rem;text-underline-offset:.3125em;-webkit-user-select:none;user-select:none}@media (forced-colors: active){.sbb-breadcrumb{text-decoration:underline}}.sbb-breadcrumb{display:flex;cursor:pointer;gap:var(--sbb-spacing-fixed-2x);color:var(--sbb-breadcrumb-color);align-items:center;overflow:hidden;outline:none}@media (forced-colors: active){.sbb-breadcrumb{--sbb-breadcrumb-color: ButtonText}}:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-breadcrumb:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:var(--sbb-border-radius-2x)}.sbb-breadcrumb__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}slot[name=icon] .sbb-breadcrumb__icon,slot[name=icon] ::slotted(*){flex-shrink:0}`;
 let C = (() => {
-  var b, o;
-  let e = [g("sbb-breadcrumb")], t, s = [], r, n = z(w(S)), c, d = [], m = [];
-  return o = class extends n {
+  var b, a;
+  let e = [g("sbb-breadcrumb")], t, r = [], o, n = w(k(S)), c, d = [], m = [];
+  return a = class extends n {
     constructor() {
       super(...arguments);
-      _(this, b, l(this, d, !1));
+      x(this, b, l(this, d, !1));
       l(this, m);
     }
     get _hasText() {
       return f(this, b);
     }
-    set _hasText(a) {
-      x(this, b, a);
+    set _hasText(s) {
+      _(this, b, s);
     }
     _handleSlotchange() {
-      this._hasText = Array.from(this.childNodes ?? []).some((a) => {
+      this._hasText = Array.from(this.childNodes ?? []).some((s) => {
         var i;
-        return !a.slot && ((i = a.textContent) == null ? void 0 : i.trim());
+        return !s.slot && ((i = s.textContent) == null ? void 0 : i.trim());
       });
     }
     renderTemplate() {
@@ -40,12 +40,12 @@ let C = (() => {
       </span>
     `;
     }
-  }, b = new WeakMap(), r = o, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-    c = [y()], v(o, null, c, { kind: "accessor", name: "_hasText", static: !1, private: !1, access: { has: (i) => "_hasText" in i, get: (i) => i._hasText, set: (i, p) => {
+  }, b = new WeakMap(), o = a, (() => {
+    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
+    c = [y()], v(a, null, c, { kind: "accessor", name: "_hasText", static: !1, private: !1, access: { has: (i) => "_hasText" in i, get: (i) => i._hasText, set: (i, p) => {
       i._hasText = p;
-    } }, metadata: a }, d, m), v(null, t = { value: r }, e, { kind: "class", name: r.name, metadata: a }, null, s), r = t.value, a && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), o.styles = I, l(r, s), r;
+    } }, metadata: s }, d, m), v(null, t = { value: o }, e, { kind: "class", name: o.name, metadata: s }, null, r), o = t.value, s && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
+  })(), a.styles = I, l(o, r), o;
 })();
 export {
   C as SbbBreadcrumbElement

package/button/accent-button-link.js

@@ -1,17 +1,17 @@
-import { __esDecorate as o, __runInitializers as r } from "tslib";
+import { __esDecorate as s, __runInitializers as r } from "tslib";
 import { customElement as m } from "lit/decorators.js";
 import { SbbLinkBaseElement as c } from "../core/base-elements.js";
 import { SbbDisabledInteractiveMixin as b, SbbDisabledMixin as u } from "../core/mixins.js";
-import { SbbButtonCommonElementMixin as d, buttonCommonStyle as S, buttonAccentStyle as f } from "./common.js";
-let E = (() => {
+import { SbbButtonCommonElementMixin as S, buttonCommonStyle as d, buttonAccentStyle as f } from "./common.js";
+let D = (() => {
   var e;
-  let s = [m("sbb-accent-button-link")], l, n = [], t, i = d(b(u(c)));
-  return e = class extends i {
+  let o = [m("sbb-accent-button-link")], l, i = [], t, n = S(b(u(c)));
+  return e = class extends n {
   }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    o(null, l = { value: t }, s, { kind: "class", name: t.name, metadata: a }, null, n), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [S, f], r(t, n), t;
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
+    s(null, l = { value: t }, o, { kind: "class", name: t.name, metadata: a }, null, i), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), e.styles = [d, f], r(t, i), t;
 })();
 export {
-  E as SbbAccentButtonLinkElement
+  D as SbbAccentButtonLinkElement
 };

package/button/accent-button-static.js

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

package/button/accent-button.js

@@ -2,15 +2,15 @@ import { __esDecorate as i, __runInitializers as r } from "tslib";
 import { customElement as m } from "lit/decorators.js";
 import { SbbButtonBaseElement as c } from "../core/base-elements.js";
 import { SbbDisabledTabIndexActionMixin as b } from "../core/mixins.js";
-import { SbbButtonCommonElementMixin as u, buttonCommonStyle as d, buttonAccentStyle as f } from "./common.js";
+import { SbbButtonCommonElementMixin as u, buttonCommonStyle as d, buttonAccentStyle as S } from "./common.js";
 let E = (() => {
   var e;
-  let s = [m("sbb-accent-button")], l, n = [], t, o = u(b(c));
-  return e = class extends o {
+  let s = [m("sbb-accent-button")], l, o = [], t, n = u(b(c));
+  return e = class extends n {
   }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-    i(null, l = { value: t }, s, { kind: "class", name: t.name, metadata: a }, null, n), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [d, f], r(t, n), t;
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
+    i(null, l = { value: t }, s, { kind: "class", name: t.name, metadata: a }, null, o), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), e.styles = [d, S], r(t, o), t;
 })();
 export {
   E as SbbAccentButtonElement

package/button/button-link.js

@@ -1,17 +1,17 @@
-import { __esDecorate as s, __runInitializers as o } from "tslib";
+import { __esDecorate as r, __runInitializers as s } from "tslib";
 import { customElement as m } from "lit/decorators.js";
 import { SbbLinkBaseElement as b } from "../core/base-elements.js";
 import { SbbDisabledInteractiveMixin as c, SbbDisabledMixin as u } from "../core/mixins.js";
-import { SbbButtonCommonElementMixin as d, buttonCommonStyle as S, buttonPrimaryStyle as f } from "./common.js";
-let E = (() => {
+import { SbbButtonCommonElementMixin as S, buttonCommonStyle as d, buttonPrimaryStyle as f } from "./common.js";
+let D = (() => {
   var e;
-  let r = [m("sbb-button-link")], l, i = [], t, n = d(c(u(b)));
+  let o = [m("sbb-button-link")], l, i = [], t, n = S(c(u(b)));
   return e = class extends n {
   }, t = e, (() => {
     const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-    s(null, l = { value: t }, r, { kind: "class", name: t.name, metadata: a }, null, i), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [S, f], o(t, i), t;
+    r(null, l = { value: t }, o, { kind: "class", name: t.name, metadata: a }, null, i), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), e.styles = [d, f], s(t, i), t;
 })();
 export {
-  E as SbbButtonLinkElement
+  D as SbbButtonLinkElement
 };

package/button/button-static.js

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

package/button/button.js

@@ -1,16 +1,16 @@
-import { __esDecorate as s, __runInitializers as i } from "tslib";
+import { __esDecorate as i, __runInitializers as n } from "tslib";
 import { customElement as m } from "lit/decorators.js";
 import { SbbButtonBaseElement as b } from "../core/base-elements.js";
-import { SbbDisabledTabIndexActionMixin as u } from "../core/mixins.js";
-import { SbbButtonCommonElementMixin as c, buttonCommonStyle as d, buttonPrimaryStyle as f } from "./common.js";
+import { SbbDisabledTabIndexActionMixin as c } from "../core/mixins.js";
+import { SbbButtonCommonElementMixin as u, buttonCommonStyle as d, buttonPrimaryStyle as S } from "./common.js";
 let E = (() => {
   var e;
-  let r = [m("sbb-button")], l, o = [], t, n = c(u(b));
-  return e = class extends n {
+  let s = [m("sbb-button")], l, o = [], t, r = u(c(b));
+  return e = class extends r {
   }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-    s(null, l = { value: t }, r, { kind: "class", name: t.name, metadata: a }, null, o), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [d, f], i(t, o), t;
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
+    i(null, l = { value: t }, s, { kind: "class", name: t.name, metadata: a }, null, o), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), e.styles = [d, S], n(t, o), t;
 })();
 export {
   E as SbbButtonElement

package/button/common.js

@@ -1,16 +1,16 @@
 var f = (o) => {
   throw TypeError(o);
 };
-var g = (o, t, b) => t.has(o) || f("Cannot " + b);
-var p = (o, t, b) => (g(o, t, "read from private field"), b ? b.call(o) : t.get(o)), x = (o, t, b) => t.has(o) ? f("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(o) : t.set(o, b), w = (o, t, b, s) => (g(o, t, "write to private field"), s ? s.call(o, b) : t.set(o, b), b);
+var p = (o, t, b) => t.has(o) || f("Cannot " + b);
+var g = (o, t, b) => (p(o, t, "read from private field"), b ? b.call(o) : t.get(o)), x = (o, t, b) => t.has(o) ? f("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(o) : t.set(o, b), w = (o, t, b, s) => (p(o, t, "write to private field"), s ? s.call(o, b) : t.set(o, b), b);
 import { __esDecorate as k, __runInitializers as c } from "tslib";
-import { property as z } from "lit/decorators.js";
-import { html as _ } from "lit/static-html.js";
+import { property as y } from "lit/decorators.js";
+import { html as z } from "lit/static-html.js";
 import { hostAttributes as S, slotState as C } from "../core/decorators.js";
 import { isLean as T } from "../core/dom.js";
 import { SbbNegativeMixin as B } from "../core/mixins.js";
 import { SbbIconNameMixin as I } from "../icon.js";
-import { css as l } from "lit";
+import { css as i } from "lit";
 const G = (o) => (() => {
   var n, a;
   let b = [S({
@@ -27,13 +27,13 @@ const G = (o) => (() => {
      * @default 'l' / 's' (lean)
      */
     get size() {
-      return p(this, n);
+      return g(this, n);
     }
     set size(e) {
       w(this, n, e);
     }
     renderTemplate() {
-      return _`
+      return z`
         ${super.renderIconSlot()}
         <span class="sbb-button__label">
           <slot></slot>
@@ -42,16 +42,16 @@ const G = (o) => (() => {
     }
   }, n = new WeakMap(), r = a, (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
-    v = [z({ reflect: !0 })], k(a, null, v, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (i) => "size" in i, get: (i) => i.size, set: (i, y) => {
-      i.size = y;
+    v = [y({ reflect: !0 })], k(a, null, v, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (l) => "size" in l, get: (l) => l.size, set: (l, _) => {
+      l.size = _;
     } }, metadata: e }, h, m), k(null, s = { value: r }, b, { kind: "class", name: r.name, metadata: e }, null, d), r = s.value, e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e }), c(r, d);
   })(), r;
-})(), Y = l`*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-button-icon-size: var(--sbb-size-icon-ui-small);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-shadow-1-offset-y: var(--sbb-shadow-elevation-level-3-shadow-1-offset-y);--sbb-button-shadow-2-offset-y: var(--sbb-shadow-elevation-level-3-shadow-2-offset-y);--sbb-button-shadow-1-blur: var(--sbb-shadow-elevation-level-3-shadow-1-blur);--sbb-button-shadow-2-blur: var(--sbb-shadow-elevation-level-3-shadow-2-blur);--sbb-button-shadow-1-color: var(--sbb-color-red-alpha-20);--sbb-button-shadow-2-color: var(--sbb-color-red125-alpha-20);--sbb-button-border-style: solid;--sbb-button-border-disabled-style: dashed;--sbb-button-border-width: var(--sbb-border-width-2x);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-min-height: var(--sbb-size-element-m);--sbb-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing);--sbb-button-padding-block-min: var(--sbb-spacing-fixed-1x);--sbb-button-padding-inline: var(--sbb-spacing-fixed-8x);--sbb-button-gap: var(--sbb-spacing-fixed-2x);--sbb-button-inset: 0;--sbb-button-box-shadow: transparent;--sbb-button-box-shadow-definition: var(--sbb-shadow-elevation-level-3-shadow-2-offset-x) var(--sbb-button-shadow-2-offset-y) var(--sbb-button-shadow-2-blur) var(--sbb-shadow-elevation-level-3-shadow-2-spread) var(--sbb-button-shadow-2-color), var(--sbb-shadow-elevation-level-3-shadow-1-offset-x) var(--sbb-button-shadow-1-offset-y) var(--sbb-button-shadow-1-blur) var(--sbb-shadow-elevation-level-3-shadow-1-spread) var(--sbb-button-shadow-1-color)}@media (min-width: 52.5rem){:host{--sbb-button-padding-inline: var(--sbb-spacing-fixed-10x)}}@media (forced-colors: active){:host{--sbb-button-color-default-border: CanvasText !important;--sbb-button-color-active-border: Highlight !important;--sbb-button-color-default-background: Canvas !important;--sbb-button-color-hover-background: Canvas !important;--sbb-button-color-active-background: Canvas !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-text: GrayText !important;--sbb-button-color-default-text: CanvasText !important;--sbb-button-color-hover-text: CanvasText !important;--sbb-button-color-active-text: CanvasText !important}}@media (forced-colors: active){:host([data-button]){--sbb-button-color-default-text: ButtonText !important;--sbb-button-color-hover-text: ButtonText !important;--sbb-button-color-active-text: ButtonText !important}}@media (forced-colors: active){:host([data-link]){--sbb-button-color-default-text: LinkText !important;--sbb-button-color-hover-text: LinkText !important;--sbb-button-color-active-text: LinkText !important}}:host([negative]){--sbb-button-color-disabled-background: var(--sbb-color-charcoal);--sbb-button-color-disabled-text: var(--sbb-color-aluminium)}:host([size=m]){--sbb-button-min-height: var(--sbb-size-element-s);--sbb-button-padding-inline: var(--sbb-spacing-fixed-5x)}@media (min-width: 52.5rem){:host([size=m]){--sbb-button-padding-inline: var(--sbb-spacing-fixed-8x)}}:host([size=s]){--sbb-button-min-height: var(--sbb-size-element-xs);--sbb-button-padding-inline: var(--sbb-spacing-fixed-4x);--sbb-button-gap: var(--sbb-spacing-fixed-1x)}@media (min-width: 52.5rem){:host([size=s]){--sbb-button-padding-inline: var(--sbb-spacing-fixed-5x)}}:host(:where([data-slot-names~=icon],[icon-name]):not([data-slot-names~=unnamed])){--sbb-button-padding-inline: 0}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem;--sbb-button-shadow-1-offset-y: calc( .5 * var(--sbb-shadow-elevation-level-3-shadow-1-offset-y) );--sbb-button-shadow-1-blur: calc(.5 * var(--sbb-shadow-elevation-level-3-shadow-1-blur));--sbb-button-shadow-2-blur: calc(.5 * var(--sbb-shadow-elevation-level-3-shadow-2-blur))}}@media (forced-colors: active){:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active]):hover){--sbb-button-color-hover-border: Highlight !important}}.sbb-action-base{--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;text-decoration:none;width:100%;position:relative;display:flex;gap:var(--sbb-button-gap);align-items:center;justify-content:center;text-align:left;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;min-height:var(--sbb-button-min-height);border-radius:var(--sbb-button-border-radius);padding-block:var(--sbb-button-padding-block-min);padding-inline:var(--sbb-button-padding-inline);color:var(--sbb-button-color-default-text);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.sbb-action-base:before{position:absolute;content:"";inset:var(--sbb-button-inset);border:var(--sbb-button-border-width) var(--sbb-button-border-style) var(--sbb-button-color-default-border);border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color,border-color,box-shadow;box-shadow:var(--sbb-button-box-shadow)}:host(:is([disabled],:disabled,[disabled-interactive])) .sbb-action-base:before{background-color:var(--sbb-button-color-disabled-background);border-width:var(--sbb-button-border-disabled-width);border-color:var(--sbb-button-color-disabled-border);border-style:var(--sbb-button-border-disabled-style)}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active]):hover) .sbb-action-base:before{inset:calc(var(--sbb-button-border-width) * -1);background-color:var(--sbb-button-color-hover-background);border-color:var(--sbb-button-color-hover-border)}}:host(:not([disabled],:disabled,[disabled-interactive]):is(:active,[data-active])) .sbb-action-base:before{background-color:var(--sbb-button-color-active-background);border-color:var(--sbb-button-color-active-border)}:host(:where([data-slot-names~=icon],[icon-name]):not([data-slot-names~=unnamed])) .sbb-action-base{width:var(--sbb-button-min-height);justify-content:center}:host(:is([disabled],:disabled,[disabled-interactive])) .sbb-action-base{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:not([disabled],:disabled,[disabled-interactive]):is(:active,[data-active])) .sbb-action-base{color:var(--sbb-button-color-active-text)}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active]):hover) .sbb-action-base{color:var(--sbb-button-color-hover-text)}}:host([data-focus-visible]) .sbb-action-base:before,:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-action-base:before,:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-action-base:focus-visible:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}.sbb-button__label,::slotted([slot=icon]),sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem))}.sbb-button__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}:host(:where([data-slot-names~=icon],[icon-name]):not([data-slot-names~=unnamed])) .sbb-button__label{display:none}`, $ = l`:host{--sbb-button-color-active-background: var(--sbb-color-red150);--sbb-button-color-active-border: var(--sbb-color-red150);--sbb-button-color-active-text: var(--sbb-color-cloud);--sbb-button-color-default-background: var(--sbb-color-red);--sbb-button-color-default-border: var(--sbb-color-red);--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: var(--sbb-color-red125);--sbb-button-color-hover-border: var(--sbb-color-red125);--sbb-button-color-hover-text: var(--sbb-color-milk)}:host([negative]){--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-active-border: var(--sbb-color-cloud);--sbb-button-color-active-text: var(--sbb-color-red150);--sbb-button-color-default-background: var(--sbb-color-white);--sbb-button-color-default-border: var(--sbb-color-white);--sbb-button-color-default-text: var(--sbb-color-red);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-hover-border: var(--sbb-color-milk);--sbb-button-color-hover-text: var(--sbb-color-red125);--sbb-button-shadow-1-color: var(--sbb-color-smoke-alpha-20);--sbb-button-shadow-2-color: var(--sbb-color-metal-alpha-20)}:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active])){--sbb-button-box-shadow: var(--sbb-button-box-shadow-definition)}`, q = l`:host{--sbb-button-color-active-background: var(--sbb-color-milk);--sbb-button-color-active-border: var(--sbb-color-cloud);--sbb-button-color-active-text: var(--sbb-color-anthracite);--sbb-button-color-default-background: var(--sbb-color-white);--sbb-button-color-default-border: var(--sbb-color-cloud);--sbb-button-color-default-text: var(--sbb-color-charcoal);--sbb-button-color-hover-background: var(--sbb-color-white);--sbb-button-color-hover-border: var(--sbb-color-cloud);--sbb-button-color-hover-text: var(--sbb-color-iron);--sbb-button-shadow-1-color: var(--sbb-color-platinum-alpha-20);--sbb-button-shadow-2-color: var(--sbb-color-cement-alpha-20)}:host([negative]){--sbb-button-color-active-background: transparent;--sbb-button-color-active-border: var(--sbb-color-cloud);--sbb-button-color-active-text: var(--sbb-color-cloud);--sbb-button-color-default-background: transparent;--sbb-button-color-default-border: var(--sbb-color-white);--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: transparent;--sbb-button-color-hover-border: var(--sbb-color-milk);--sbb-button-color-hover-text: var(--sbb-color-milk)}:host(:not([disabled],:disabled,[disabled-interactive],[negative],:active,[data-active])){--sbb-button-box-shadow: var(--sbb-button-box-shadow-definition)}`, F = l`:host{--sbb-button-color-active-background: var(--sbb-color-midnight);--sbb-button-color-active-border: var(--sbb-color-midnight);--sbb-button-color-active-text: var(--sbb-color-cloud);--sbb-button-color-default-background: var(--sbb-color-charcoal);--sbb-button-color-default-border: var(--sbb-color-charcoal);--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-hover-border: var(--sbb-color-charcoal);--sbb-button-color-hover-text: var(--sbb-color-milk);--sbb-button-shadow-1-color: var(--sbb-color-platinum-alpha-20);--sbb-button-shadow-2-color: var(--sbb-color-cement-alpha-20)}:host([negative]){--sbb-button-color-active-background: var(--sbb-color-white);--sbb-button-color-active-border: var(--sbb-color-white);--sbb-button-color-active-text: var(--sbb-color-anthracite);--sbb-button-color-default-background: var(--sbb-color-milk);--sbb-button-color-default-border: var(--sbb-color-milk);--sbb-button-color-default-text: var(--sbb-color-midnight);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-hover-border: var(--sbb-color-milk);--sbb-button-color-hover-text: var(--sbb-color-iron);--sbb-button-shadow-1-color: var(--sbb-color-black-alpha-30);--sbb-button-shadow-2-color: var(--sbb-color-black-alpha-30)}:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active])){--sbb-button-box-shadow: var(--sbb-button-box-shadow-definition)}`, J = l`:host{--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-active-border: var(--sbb-color-cloud);--sbb-button-color-active-text: var(--sbb-color-black);--sbb-button-color-default-background: transparent;--sbb-button-color-default-border: transparent;--sbb-button-color-default-text: var(--sbb-color-black);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-hover-border: var(--sbb-color-milk);--sbb-button-color-hover-text: var(--sbb-color-black)}:host([negative]){--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-active-border: var(--sbb-color-iron);--sbb-button-color-active-text: var(--sbb-color-white);--sbb-button-color-default-background: transparent;--sbb-button-color-default-border: transparent;--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-hover-border: var(--sbb-color-charcoal);--sbb-button-color-hover-text: var(--sbb-color-white)}`;
+})(), $ = i`*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-button-icon-size: var(--sbb-size-icon-ui-small);--sbb-button-shadow-1-offset-y: var(--sbb-shadow-elevation-level-3-shadow-1-offset-y);--sbb-button-shadow-2-offset-y: var(--sbb-shadow-elevation-level-3-shadow-2-offset-y);--sbb-button-shadow-1-blur: var(--sbb-shadow-elevation-level-3-shadow-1-blur);--sbb-button-shadow-2-blur: var(--sbb-shadow-elevation-level-3-shadow-2-blur);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-disabled-style: dashed;--sbb-button-border-width: var(--sbb-border-width-2x);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-min-height: var(--sbb-size-element-m);--sbb-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing);--sbb-button-padding-block-min: var(--sbb-spacing-fixed-1x);--sbb-button-padding-inline: var(--sbb-spacing-fixed-8x);--sbb-button-gap: var(--sbb-spacing-fixed-2x);--sbb-button-box-shadow: transparent 0 0;--sbb-button-box-shadow-definition: var(--sbb-shadow-elevation-level-3-shadow-2-offset-x) var(--sbb-button-shadow-2-offset-y) var(--sbb-button-shadow-2-blur) var(--sbb-shadow-elevation-level-3-shadow-2-spread) var(--sbb-button-shadow-2-color), var(--sbb-shadow-elevation-level-3-shadow-1-offset-x) var(--sbb-button-shadow-1-offset-y) var(--sbb-button-shadow-1-blur) var(--sbb-shadow-elevation-level-3-shadow-1-spread) var(--sbb-button-shadow-1-color);--_width: unset;--_border-color: var(--sbb-button-color-default-border);--_background-color: var(--sbb-button-color-default-background);--_color: var(--sbb-button-color-default-text);--_button-inset: 0;--_outline-width: 0;--_border: calc(var(--sbb-button-border-width) + var(--sbb-button-border-overlap-fix, 1px)) solid var(--_border-color)}@media (min-width: 52.5rem){:host{--sbb-button-padding-inline: var(--sbb-spacing-fixed-10x)}}@media (forced-colors: active){:host{--sbb-button-color-default-border: CanvasText !important;--sbb-button-color-active-border: Highlight !important;--sbb-button-color-default-background: Canvas !important;--sbb-button-color-hover-background: Canvas !important;--sbb-button-color-active-background: Canvas !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-text: GrayText !important;--sbb-button-color-default-text: CanvasText !important;--sbb-button-color-hover-text: CanvasText !important;--sbb-button-color-active-text: CanvasText !important;--sbb-button-border-overlap-fix: 0rem}}@media (forced-colors: active){:host([data-button]){--sbb-button-color-default-text: ButtonText !important;--sbb-button-color-hover-text: ButtonText !important;--sbb-button-color-active-text: ButtonText !important}}@media (forced-colors: active){:host([data-link]){--sbb-button-color-default-text: LinkText !important;--sbb-button-color-hover-text: LinkText !important;--sbb-button-color-active-text: LinkText !important}}:host([negative]){--sbb-button-color-disabled-background: var(--sbb-color-charcoal);--sbb-button-color-disabled-text: var(--sbb-color-aluminium)}:host([size=m]){--sbb-button-min-height: var(--sbb-size-element-s);--sbb-button-padding-inline: var(--sbb-spacing-fixed-5x)}@media (min-width: 52.5rem){:host([size=m]){--sbb-button-padding-inline: var(--sbb-spacing-fixed-8x)}}:host([size=s]){--sbb-button-min-height: var(--sbb-size-element-xs);--sbb-button-padding-inline: var(--sbb-spacing-fixed-4x);--sbb-button-gap: var(--sbb-spacing-fixed-1x)}@media (min-width: 52.5rem){:host([size=s]){--sbb-button-padding-inline: var(--sbb-spacing-fixed-5x)}}:host(:where([data-slot-names~=icon],[icon-name]):not([data-slot-names~=unnamed])){--sbb-button-padding-inline: 0;--_width: var(--sbb-button-min-height)}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem;--sbb-button-shadow-1-offset-y: calc( .5 * var(--sbb-shadow-elevation-level-3-shadow-1-offset-y) );--sbb-button-shadow-1-blur: calc(.5 * var(--sbb-shadow-elevation-level-3-shadow-1-blur));--sbb-button-shadow-2-blur: calc(.5 * var(--sbb-shadow-elevation-level-3-shadow-2-blur));--sbb-button-cursor: pointer;--_border-color: var(--sbb-button-color-hover-border);--_color: var(--sbb-button-color-hover-text);--_background-color: var(--sbb-button-color-hover-background);--_button-inset: calc(var(--sbb-button-border-width) * -1)}}@media (forced-colors: active){:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active]):hover){--sbb-button-color-hover-border: Highlight !important}}:host(:is([disabled],:disabled,[disabled-interactive])){--sbb-button-cursor: default;--_color: var(--sbb-button-color-disabled-text);--_background-color: var(--sbb-button-color-disabled-background);--_border-color: var(--sbb-button-color-disabled-border);--_border: var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--_border-color)}:host(:not([disabled],:disabled,[disabled-interactive]):is(:active,[data-active])){--_color: var(--sbb-button-color-active-text);--_background-color: var(--sbb-button-color-active-background);--_border-color: var(--sbb-button-color-active-border)}:host([data-focus-visible]),:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])),:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-action-base:focus-visible{--_outline-width: var(--sbb-focus-outline-width)}.sbb-action-base{--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;display:flex;gap:var(--sbb-button-gap);align-items:center;justify-content:center;text-align:left;white-space:nowrap;text-decoration:none;min-height:var(--sbb-button-min-height);outline:none;width:var(--_width);border-radius:var(--sbb-button-border-radius);color:var(--_color);cursor:var(--sbb-button-cursor);-webkit-user-select:none;user-select:none;background-color:var(--_background-color);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color,background-color;padding-block:var(--sbb-button-padding-block-min);padding-inline:var(--sbb-button-padding-inline);position:relative}.sbb-action-base:before{content:"";position:absolute;inset:var(--_button-inset);border:var(--_border);border-radius:var(--sbb-button-border-radius);pointer-events:none;box-shadow:var(--sbb-button-box-shadow);outline:var(--sbb-focus-outline-color) solid var(--_outline-width);outline-offset:var(--sbb-focus-outline-offset);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,border,box-shadow}.sbb-button__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(:where([data-slot-names~=icon],[icon-name]):not([data-slot-names~=unnamed])) .sbb-button__label{display:none}.sbb-button__label,::slotted([slot=icon]),sbb-icon{transition:translate var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);translate:0 var(--sbb-button-translate-y-content-hover, 0)}`, q = i`:host{--sbb-button-color-active-background: var(--sbb-color-red150);--sbb-button-color-active-border: var(--sbb-color-red150);--sbb-button-color-active-text: var(--sbb-color-cloud);--sbb-button-color-default-background: var(--sbb-color-red);--sbb-button-color-default-border: var(--sbb-color-red);--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: var(--sbb-color-red125);--sbb-button-color-hover-border: var(--sbb-color-red125);--sbb-button-color-hover-text: var(--sbb-color-milk);--sbb-button-shadow-1-color: var(--sbb-color-red-alpha-20);--sbb-button-shadow-2-color: var(--sbb-color-red125-alpha-20)}:host([negative]){--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-active-border: var(--sbb-color-cloud);--sbb-button-color-active-text: var(--sbb-color-red150);--sbb-button-color-default-background: var(--sbb-color-white);--sbb-button-color-default-border: var(--sbb-color-white);--sbb-button-color-default-text: var(--sbb-color-red);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-hover-border: var(--sbb-color-milk);--sbb-button-color-hover-text: var(--sbb-color-red125);--sbb-button-shadow-1-color: var(--sbb-color-smoke-alpha-20);--sbb-button-shadow-2-color: var(--sbb-color-metal-alpha-20)}:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active])){--sbb-button-box-shadow: var(--sbb-button-box-shadow-definition)}`, F = i`:host{--sbb-button-color-active-background: var(--sbb-color-milk);--sbb-button-color-active-border: var(--sbb-color-cloud);--sbb-button-color-active-text: var(--sbb-color-anthracite);--sbb-button-color-default-background: var(--sbb-color-white);--sbb-button-color-default-border: var(--sbb-color-cloud);--sbb-button-color-default-text: var(--sbb-color-charcoal);--sbb-button-color-hover-background: var(--sbb-color-white);--sbb-button-color-hover-border: var(--sbb-color-cloud);--sbb-button-color-hover-text: var(--sbb-color-iron);--sbb-button-shadow-1-color: var(--sbb-color-platinum-alpha-20);--sbb-button-shadow-2-color: var(--sbb-color-cement-alpha-20);--sbb-button-border-overlap-fix: 0rem}:host([negative]){--sbb-button-color-active-background: transparent;--sbb-button-color-active-border: var(--sbb-color-cloud);--sbb-button-color-active-text: var(--sbb-color-cloud);--sbb-button-color-default-background: transparent;--sbb-button-color-default-border: var(--sbb-color-white);--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: transparent;--sbb-button-color-hover-border: var(--sbb-color-milk);--sbb-button-color-hover-text: var(--sbb-color-milk)}:host(:not([disabled],:disabled,[disabled-interactive],[negative],:active,[data-active])){--sbb-button-box-shadow: var(--sbb-button-box-shadow-definition)}`, J = i`:host{--sbb-button-color-active-background: var(--sbb-color-midnight);--sbb-button-color-active-border: var(--sbb-color-midnight);--sbb-button-color-active-text: var(--sbb-color-cloud);--sbb-button-color-default-background: var(--sbb-color-charcoal);--sbb-button-color-default-border: var(--sbb-color-charcoal);--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-hover-border: var(--sbb-color-charcoal);--sbb-button-color-hover-text: var(--sbb-color-milk);--sbb-button-shadow-1-color: var(--sbb-color-platinum-alpha-20);--sbb-button-shadow-2-color: var(--sbb-color-cement-alpha-20)}:host([negative]){--sbb-button-color-active-background: var(--sbb-color-white);--sbb-button-color-active-border: var(--sbb-color-white);--sbb-button-color-active-text: var(--sbb-color-anthracite);--sbb-button-color-default-background: var(--sbb-color-milk);--sbb-button-color-default-border: var(--sbb-color-milk);--sbb-button-color-default-text: var(--sbb-color-midnight);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-hover-border: var(--sbb-color-milk);--sbb-button-color-hover-text: var(--sbb-color-iron);--sbb-button-shadow-1-color: var(--sbb-color-black-alpha-30);--sbb-button-shadow-2-color: var(--sbb-color-black-alpha-30)}:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active])){--sbb-button-box-shadow: var(--sbb-button-box-shadow-definition)}`, K = i`:host{--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-active-border: var(--sbb-color-cloud);--sbb-button-color-active-text: var(--sbb-color-black);--sbb-button-color-default-background: transparent;--sbb-button-color-default-border: transparent;--sbb-button-color-default-text: var(--sbb-color-black);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-hover-border: var(--sbb-color-milk);--sbb-button-color-hover-text: var(--sbb-color-black)}:host([negative]){--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-active-border: var(--sbb-color-iron);--sbb-button-color-active-text: var(--sbb-color-white);--sbb-button-color-default-background: transparent;--sbb-button-color-default-border: transparent;--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-hover-border: var(--sbb-color-charcoal);--sbb-button-color-hover-text: var(--sbb-color-white)}`;
 export {
   G as SbbButtonCommonElementMixin,
-  F as buttonAccentStyle,
-  Y as buttonCommonStyle,
-  $ as buttonPrimaryStyle,
-  q as buttonSecondaryStyle,
-  J as buttonTransparentStyle
+  J as buttonAccentStyle,
+  $ as buttonCommonStyle,
+  q as buttonPrimaryStyle,
+  F as buttonSecondaryStyle,
+  K as buttonTransparentStyle
 };

package/button/mini-button-group.js

@@ -11,31 +11,31 @@ import { isLean as D } from "../core/dom.js";
 import { SbbNegativeMixin as M, SbbNamedSlotListMixin as O } from "../core/mixins.js";
 const j = k`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-mini-button-group-background: var(--sbb-color-white);--sbb-mini-button-group-border-color: var(--sbb-color-cloud);--sbb-mini-button-group-border-width: var(--sbb-border-width-2x);--sbb-mini-button-group-border: var(--sbb-mini-button-group-border-width) solid var(--sbb-mini-button-group-border-color);--sbb-mini-button-group-gap: var(--sbb-spacing-fixed-2x);--sbb-mini-button-group-min-height: var(--sbb-size-element-s);--sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-3x)}:host([negative]){--sbb-mini-button-group-background: var(--sbb-color-midnight);--sbb-mini-button-group-border-color: var(--sbb-color-anthracite);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host([size=s]){--sbb-mini-button-group-min-height: var(--sbb-size-element-xs);--sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-2x)}:host([size=l]){--sbb-mini-button-group-min-height: var(--sbb-size-element-m)}:host([size=xl]){--sbb-mini-button-group-min-height: var(--sbb-size-element-l);--sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-4x)}::slotted(:is(sbb-mini-button,sbb-divider)){display:flex}::slotted(sbb-divider){--sbb-divider-border-width: var(--sbb-border-width-1x);padding-block:var(--sbb-spacing-fixed-1x);padding-inline:var(--sbb-spacing-fixed-1x);height:var(--sbb-size-icon-ui-small)}.sbb-mini-button-group{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--sbb-mini-button-group-gap);width:fit-content;min-height:var(--sbb-mini-button-group-min-height);background-color:var(--sbb-mini-button-group-background);border:var(--sbb-mini-button-group-border);border-radius:var(--sbb-border-radius-infinity);padding-inline:calc(var(--sbb-mini-button-group-padding-inline) - var(--sbb-mini-button-group-border-width))}`;
 let $ = (() => {
-  var n, o, a;
+  var o, n, a;
   let i = [E("sbb-mini-button-group")], t, s = [], r, p = M(O(S)), h, v = [], f = [], y, x = [], _ = [];
   return a = class extends p {
     constructor() {
       super(...arguments);
-      m(this, n);
       m(this, o);
-      this.listChildLocalNames = ["sbb-mini-button", "sbb-divider"], l(this, n, c(this, v, "")), l(this, o, (c(this, f), c(this, x, D() ? "s" : "m"))), c(this, _);
+      m(this, n);
+      this.listChildLocalNames = ["sbb-mini-button", "sbb-divider"], l(this, o, c(this, v, "")), l(this, n, (c(this, f), c(this, x, D() ? "s" : "m"))), c(this, _);
     }
     /** This will be forwarded as aria-label to the list that contains the buttons. */
     get accessibilityLabel() {
-      return d(this, n);
+      return d(this, o);
     }
     set accessibilityLabel(e) {
-      l(this, n, e);
+      l(this, o, e);
     }
     /**
      * Size variant, either s, m, l or xl.
      * @default 'm' / 's' (lean)
      */
     get size() {
-      return d(this, o);
+      return d(this, n);
     }
     set size(e) {
-      l(this, o, e);
+      l(this, n, e);
     }
     willUpdate(e) {
       super.willUpdate(e), e.has("negative") && this._proxyNegative();
@@ -49,7 +49,7 @@ let $ = (() => {
       ${this.renderList({ ariaLabel: this.accessibilityLabel }, { localNameVisualOnly: ["sbb-divider"] })}
     `;
     }
-  }, n = new WeakMap(), o = new WeakMap(), r = a, (() => {
+  }, o = new WeakMap(), n = new WeakMap(), r = a, (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
     h = [I(), w({ attribute: "accessibility-label" })], y = [w({ reflect: !0 })], g(a, null, h, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (b) => "accessibilityLabel" in b, get: (b) => b.accessibilityLabel, set: (b, u) => {
       b.accessibilityLabel = u;

package/button/secondary-button-link.js

@@ -3,15 +3,15 @@ import { customElement as m } from "lit/decorators.js";
 import { SbbLinkBaseElement as b } from "../core/base-elements.js";
 import { SbbDisabledInteractiveMixin as c, SbbDisabledMixin as u } from "../core/mixins.js";
 import { SbbButtonCommonElementMixin as d, buttonCommonStyle as S, buttonSecondaryStyle as y } from "./common.js";
-let E = (() => {
+let D = (() => {
   var e;
-  let o = [m("sbb-secondary-button-link")], l, n = [], t, i = d(c(u(b)));
-  return e = class extends i {
+  let o = [m("sbb-secondary-button-link")], l, i = [], t, n = d(c(u(b)));
+  return e = class extends n {
   }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    r(null, l = { value: t }, o, { kind: "class", name: t.name, metadata: a }, null, n), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [S, y], s(t, n), t;
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
+    r(null, l = { value: t }, o, { kind: "class", name: t.name, metadata: a }, null, i), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), e.styles = [S, y], s(t, i), t;
 })();
 export {
-  E as SbbSecondaryButtonLinkElement
+  D as SbbSecondaryButtonLinkElement
 };

package/button/secondary-button-static.js

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

package/button/secondary-button.js

@@ -5,12 +5,12 @@ import { SbbDisabledTabIndexActionMixin as b } from "../core/mixins.js";
 import { SbbButtonCommonElementMixin as u, buttonCommonStyle as d, buttonSecondaryStyle as S } from "./common.js";
 let E = (() => {
   var e;
-  let r = [m("sbb-secondary-button")], l, o = [], t, n = u(b(c));
+  let r = [m("sbb-secondary-button")], o, l = [], t, n = u(b(c));
   return e = class extends n {
   }, t = e, (() => {
     const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-    s(null, l = { value: t }, r, { kind: "class", name: t.name, metadata: a }, null, o), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [d, S], i(t, o), t;
+    s(null, o = { value: t }, r, { kind: "class", name: t.name, metadata: a }, null, l), t = o.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), e.styles = [d, S], i(t, l), t;
 })();
 export {
   E as SbbSecondaryButtonElement

package/button/transparent-button-link.js

@@ -2,16 +2,16 @@ import { __esDecorate as s, __runInitializers as o } from "tslib";
 import { customElement as m } from "lit/decorators.js";
 import { SbbLinkBaseElement as b } from "../core/base-elements.js";
 import { SbbDisabledInteractiveMixin as c, SbbDisabledMixin as u } from "../core/mixins.js";
-import { SbbButtonCommonElementMixin as p, buttonCommonStyle as d, buttonTransparentStyle as S } from "./common.js";
-let E = (() => {
+import { SbbButtonCommonElementMixin as p, buttonCommonStyle as S, buttonTransparentStyle as d } from "./common.js";
+let D = (() => {
   var e;
-  let i = [m("sbb-transparent-button-link")], n, l = [], t, r = p(c(u(b)));
+  let i = [m("sbb-transparent-button-link")], l, n = [], t, r = p(c(u(b)));
   return e = class extends r {
   }, t = e, (() => {
     const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
-    s(null, n = { value: t }, i, { kind: "class", name: t.name, metadata: a }, null, l), t = n.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [d, S], o(t, l), t;
+    s(null, l = { value: t }, i, { kind: "class", name: t.name, metadata: a }, null, n), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), e.styles = [S, d], o(t, n), t;
 })();
 export {
-  E as SbbTransparentButtonLinkElement
+  D as SbbTransparentButtonLinkElement
 };

package/button/transparent-button-static.js

@@ -5,12 +5,12 @@ import { SbbDisabledMixin as b } from "../core/mixins.js";
 import { SbbButtonCommonElementMixin as u, buttonCommonStyle as p, buttonTransparentStyle as S } from "./common.js";
 let E = (() => {
   var e;
-  let s = [m("sbb-transparent-button-static")], l, n = [], t, r = u(b(c));
-  return e = class extends r {
+  let n = [m("sbb-transparent-button-static")], l, r = [], t, s = u(b(c));
+  return e = class extends s {
   }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
-    o(null, l = { value: t }, s, { kind: "class", name: t.name, metadata: a }, null, n), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [p, S], i(t, n), t;
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+    o(null, l = { value: t }, n, { kind: "class", name: t.name, metadata: a }, null, r), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), e.styles = [p, S], i(t, r), t;
 })();
 export {
   E as SbbTransparentButtonStaticElement

package/button/transparent-button.js

@@ -1,16 +1,16 @@
-import { __esDecorate as o, __runInitializers as i } from "tslib";
+import { __esDecorate as s, __runInitializers as i } from "tslib";
 import { customElement as m } from "lit/decorators.js";
 import { SbbButtonBaseElement as b } from "../core/base-elements.js";
-import { SbbDisabledTabIndexActionMixin as u } from "../core/mixins.js";
-import { SbbButtonCommonElementMixin as c, buttonCommonStyle as p, buttonTransparentStyle as d } from "./common.js";
+import { SbbDisabledTabIndexActionMixin as c } from "../core/mixins.js";
+import { SbbButtonCommonElementMixin as u, buttonCommonStyle as p, buttonTransparentStyle as d } from "./common.js";
 let E = (() => {
   var e;
-  let s = [m("sbb-transparent-button")], n, l = [], t, r = c(u(b));
+  let o = [m("sbb-transparent-button")], l, n = [], t, r = u(c(b));
   return e = class extends r {
   }, t = e, (() => {
     const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
-    o(null, n = { value: t }, s, { kind: "class", name: t.name, metadata: a }, null, l), t = n.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [p, d], i(t, l), t;
+    s(null, l = { value: t }, o, { kind: "class", name: t.name, metadata: a }, null, n), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), e.styles = [p, d], i(t, n), t;
 })();
 export {
   E as SbbTransparentButtonElement

package/calendar.js

@@ -4,7 +4,7 @@ var he = (o) => {
 var _e = (o, h, f) => h.has(o) || he("Cannot " + f);
 var v = (o, h, f) => (_e(o, h, "read from private field"), f ? f.call(o) : h.get(o)), w = (o, h, f) => h.has(o) ? he("Cannot add the same private member more than once") : h instanceof WeakSet ? h.add(o) : h.set(o, f), u = (o, h, f, p) => (_e(o, h, "write to private field"), p ? p.call(o, f) : h.set(o, f), f);
 import { __esDecorate as m, __runInitializers as c } from "tslib";
-import { css as ge, LitElement as pe, isServer as ue, html as n, nothing as g } from "lit";
+import { css as ge, LitElement as pe, isServer as ue, nothing as g, html as n } from "lit";
 import { customElement as ve, property as A, state as F } from "lit/decorators.js";
 import { classMap as R } from "lit/directives/class-map.js";
 import { sbbInputModalityDetector as we, isArrowKeyOrPageKeysPressed as ye } from "./core/a11y.js";

package/card/card-badge.js

@@ -1,10 +1,10 @@
-var u = (e) => {
+var m = (e) => {
   throw TypeError(e);
 };
-var m = (e, a, t) => a.has(e) || u("Cannot " + t);
-var h = (e, a, t) => (m(e, a, "read from private field"), t ? t.call(e) : a.get(e)), f = (e, a, t) => a.has(e) ? u("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, t), l = (e, a, t, r) => (m(e, a, "write to private field"), r ? r.call(e, t) : a.set(e, t), t);
-import { __runInitializers as d, __esDecorate as v } from "tslib";
-import { css as _, html as k, LitElement as y } from "lit";
+var u = (e, a, t) => a.has(e) || m("Cannot " + t);
+var h = (e, a, t) => (u(e, a, "read from private field"), t ? t.call(e) : a.get(e)), f = (e, a, t) => a.has(e) ? m("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, t), l = (e, a, t, r) => (u(e, a, "write to private field"), r ? r.call(e, t) : a.set(e, t), t);
+import { __runInitializers as i, __esDecorate as v } from "tslib";
+import { css as _, LitElement as k, html as y } from "lit";
 import { customElement as w, property as E } from "lit/decorators.js";
 import { hostAttributes as z } from "../core/decorators.js";
 const C = _`*,:before,:after{box-sizing:border-box}:host{--sbb-card-badge-gap: var(--sbb-spacing-fixed-2x);display:block}:host([color=white]){--sbb-card-badge-color: var(--sbb-color-charcoal);--sbb-card-badge-background-color: var(--sbb-color-white);--sbb-card-badge-border-color: var(--sbb-color-aluminium)}:host([color=charcoal]){--sbb-card-badge-color: var(--sbb-color-white);--sbb-card-badge-background-color: var(--sbb-color-charcoal);--sbb-card-badge-border-color: transparent}.sbb-card-badge-wrapper{display:flex;position:relative;height:fit-content;justify-content:end}@media (forced-colors: active){.sbb-card-badge-wrapper:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-block-end:var(--sbb-border-width-1x) solid CanvasText}}.sbb-card-badge{position:relative;display:flex;inset-block-start:0;inset-inline-end:0;padding-inline:var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-3x)}.sbb-card-badge-content{--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);font-weight:700;position:relative;display:flex;align-items:center;gap:var(--sbb-card-badge-gap);color:var(--sbb-card-badge-color)}.sbb-card-badge-background{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--sbb-card-badge-background-color);border-end-start-radius:var(--sbb-border-radius-4x);margin-inline-end:calc(var(--sbb-spacing-fixed-3x) * -1);transform:skew(16deg)}:host(:dir(rtl)) .sbb-card-badge-background{transform:skew(-16deg)}.sbb-card-badge-background:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-block-end:var(--sbb-border-width-1x) solid var(--sbb-card-badge-border-color);border-inline-start:var(--sbb-border-width-1x) solid var(--sbb-card-badge-border-color);border-end-start-radius:var(--sbb-border-radius-4x)}@media (forced-colors: active){.sbb-card-badge-background:before{border:none}}`;
@@ -13,12 +13,12 @@ let T = (() => {
   let e = [w("sbb-card-badge"), z({
     slot: "badge",
     role: "text"
-  })], a, t = [], r, i = y, n, g = [], p = [];
-  return o = class extends i {
+  })], a, t = [], r, d = k, n, g = [], p = [];
+  return o = class extends d {
     constructor() {
       super(...arguments);
       f(this, s);
-      l(this, s, d(this, g, "charcoal")), this._parentElement = d(this, p);
+      l(this, s, i(this, g, "charcoal")), this._parentElement = i(this, p);
     }
     /** Color of the card badge. */
     get color() {
@@ -34,7 +34,7 @@ let T = (() => {
       super.disconnectedCallback(), this._parentElement && this._parentElement.removeAttribute("data-has-card-badge"), this._parentElement = void 0;
     }
     render() {
-      return k`
+      return y`
       <span class="sbb-card-badge-wrapper">
         <span class="sbb-card-badge">
           <span class="sbb-card-badge-background" aria-hidden="true"></span>
@@ -46,11 +46,11 @@ let T = (() => {
     `;
     }
   }, s = new WeakMap(), r = o, (() => {
-    const b = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
+    const b = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
     n = [E({ reflect: !0 })], v(o, null, n, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (c) => "color" in c, get: (c) => c.color, set: (c, x) => {
       c.color = x;
     } }, metadata: b }, g, p), v(null, a = { value: r }, e, { kind: "class", name: r.name, metadata: b }, null, t), r = a.value, b && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: b });
-  })(), o.styles = C, d(r, t), r;
+  })(), o.styles = C, i(r, t), r;
 })();
 export {
   T as SbbCardBadgeElement