@sbb-esta/lyne-elements 1.16.0 → 2.0.0

package/train/train.js

@@ -1,130 +1,126 @@
-var U = (e) => {
+var G = (e) => {
   throw TypeError(e);
 };
-var G = (e, a, r) => a.has(e) || U("Cannot " + r);
-var p = (e, a, r) => (G(e, a, "read from private field"), r ? r.call(e) : a.get(e)), f = (e, a, r) => a.has(e) ? U("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, r), n = (e, a, r, l) => (G(e, a, "write to private field"), l ? l.call(e, r) : a.set(e, r), r);
-import { __runInitializers as o, __esDecorate as v } from "tslib";
-import { css as q, LitElement as B, nothing as P } from "lit";
-import { customElement as F, property as m } from "lit/decorators.js";
-import { html as L, unsafeStatic as W } from "lit/static-html.js";
+var P = (e, a, s) => a.has(e) || G("Cannot " + s);
+var m = (e, a, s) => (P(e, a, "read from private field"), s ? s.call(e) : a.get(e)), g = (e, a, s) => a.has(e) ? G("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, s), n = (e, a, s, o) => (P(e, a, "write to private field"), o ? o.call(e, s) : a.set(e, s), s);
+import { __runInitializers as l, __esDecorate as f } from "tslib";
+import { css as q, LitElement as B, nothing as y } from "lit";
+import { customElement as F, property as L } from "lit/decorators.js";
+import { html as u, unsafeStatic as W } from "lit/static-html.js";
 import { SbbLanguageController as H } from "../core/controllers.js";
-import { forceType as y } from "../core/decorators.js";
-import { EventEmitter as J } from "../core/eventing.js";
-import { i18nTrain as K, i18nWagonsLabel as Q } from "../core/i18n.js";
-import { SbbNamedSlotListMixin as R } from "../core/mixins.js";
+import { forceType as x, omitEmptyConverter as J } from "../core/decorators.js";
+import { EventEmitter as K } from "../core/eventing.js";
+import { i18nTrain as Q, i18nWagonsLabel as R } from "../core/i18n.js";
+import { SbbNamedSlotListMixin as V } from "../core/mixins.js";
 import "../icon.js";
-const V = q`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-train-direction-spacing: var(--sbb-spacing-fixed-4x);--sbb-train-direction-label-padding: var(--sbb-spacing-fixed-1x);--sbb-train-direction-station-padding: var(--sbb-spacing-fixed-3x);--sbb-train-direction-line-width: var(--sbb-border-width-1x);--sbb-train-direction-line-color: var(--sbb-color-smoke);--sbb-train-direction-label-color: var(--sbb-color-metal);--sbb-train-direction-label-background: var(--sbb-color-white);--sbb-train-direction-indicator-end-height: .75rem;--sbb-train-direction-indicator-arrow-offset-end: .5625rem;--sbb-train-direction-indicator-arrow-offset-start: calc( var(--sbb-train-direction-indicator-arrow-offset-end) * -1 )}@media (forced-colors: active){:host{--sbb-train-direction-line-color: CanvasText}}.sbb-train{display:flex;flex-direction:column;position:relative;height:100%}.sbb-train__wagons{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:var(--sbb-train-formation-wagon-gap)}.sbb-train__direction{--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);padding-block-start:var(--sbb-train-direction-spacing);margin-block:auto var(--sbb-train-direction-spacing);display:flex;position:relative;width:100%}.sbb-train__direction-heading{z-index:1;display:flex;position:sticky;inset:auto 0;flex-direction:column;width:100%;max-width:var(--sbb-train-direction-width);margin:0;color:var(--sbb-train-direction-label-color);font-size:inherit;font-weight:inherit}.sbb-train__direction-indicator{z-index:0;position:absolute;top:calc(.5em * var(--sbb-typo-line-height-body-text) + var(--sbb-train-direction-spacing));inset-inline:0;height:var(--sbb-train-direction-line-width);background-color:var(--sbb-train-direction-line-color)}.sbb-train__direction-arrow{color:var(--sbb-train-direction-line-color)}:host([direction=right]) .sbb-train__direction-arrow{transform:translate(var(--sbb-train-direction-indicator-arrow-offset-end));order:1}:host([direction=left]) .sbb-train__direction-arrow{transform:translate(var(--sbb-train-direction-indicator-arrow-offset-start))}.sbb-train__sticky-wrapper{position:sticky;inset:auto 0;width:100%;max-width:var(--sbb-train-direction-width);height:var(--sbb-train-direction-line-width);display:flex;align-items:center;justify-content:space-between}.sbb-train__sticky-wrapper:after{content:"";width:var(--sbb-train-direction-line-width);height:var(--sbb-train-direction-indicator-end-height);background-color:var(--sbb-train-direction-line-color);display:block}.sbb-train__direction-label,.sbb-train__direction-station{margin:0 auto}.sbb-train__direction-label{padding:0 var(--sbb-train-direction-label-padding);background-color:var(--sbb-train-direction-label-background)}.sbb-train__direction-station{--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);max-width:100%;text-overflow:ellipsis;overflow:hidden;padding:0 var(--sbb-train-direction-station-padding)}.sbb-train__direction-label-sr{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;
-let bi = (() => {
-  var c, d, h, _, g, s;
-  let e = [F("sbb-train")], a, r = [], l, x = R(B), w, z = [], k = [], S, $ = [], C = [], E, T = [], I = [], D, j = [], A = [], N, M = [], O = [];
-  var u = (s = class extends x {
+const X = q`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-train-direction-label-spacing: var(--sbb-spacing-fixed-1x)}.sbb-train{--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);display:flex;flex-direction:column;gap:var(--sbb-train-formation-vertical-gap);position:relative}.sbb-train:before{content:"";display:var(--sbb-train-formation-reserve-spacing-display, none);height:max(var(--sbb-size-icon-ui-small),1em * var(--sbb-typo-line-height-body-text))}.sbb-train__wagons{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:var(--sbb-train-formation-wagon-gap)}.sbb-train__direction-heading{display:flex;position:absolute;width:100%}.sbb-train__direction-sticky-wrapper{position:sticky;inset-inline-start:0;display:inline-flex;align-items:center;gap:var(--sbb-train-direction-label-spacing);max-width:100%}.sbb-train__direction-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-train__direction-label-sr{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;
+let bt = (() => {
+  var b, d, h, _, p, r;
+  let e = [F("sbb-train")], a, s = [], o, w = V(B), z, S = [], $ = [], k, E = [], C = [], I, T = [], D = [], A, j = [], N = [], M, O = [], U = [];
+  var v = (r = class extends w {
     constructor() {
       super(...arguments);
-      f(this, c);
-      f(this, d);
-      f(this, h);
-      f(this, _);
-      f(this, g);
+      g(this, b);
+      g(this, d);
+      g(this, h);
+      g(this, _);
+      g(this, p);
       this.listChildLocalNames = [
         "sbb-train-wagon",
         "sbb-train-blocked-passage"
-      ], n(this, c, o(this, z, "")), n(this, d, (o(this, k), o(this, $, "6"))), n(this, h, (o(this, C), o(this, T, ""))), n(this, _, (o(this, I), o(this, j, ""))), n(this, g, (o(this, A), o(this, M, "left"))), this._language = (o(this, O), new H(this)), this._trainSlotChange = new J(this, u.events.trainSlotChange, {
+      ], n(this, b, l(this, S, "")), n(this, d, (l(this, $), l(this, E, "6"))), n(this, h, (l(this, C), l(this, T, ""))), n(this, _, (l(this, D), l(this, j, ""))), n(this, p, (l(this, N), l(this, O, "left"))), this._language = (l(this, U), new H(this)), this._trainSlotChange = new K(this, v.events.trainSlotChange, {
         bubbles: !0,
         cancelable: !0
       });
     }
     /** General label for "driving direction". */
     get directionLabel() {
-      return p(this, c);
+      return m(this, b);
     }
-    set directionLabel(t) {
-      n(this, c, t);
+    set directionLabel(i) {
+      n(this, b, i);
     }
     /** Heading level of the direction label, used for screen readers. */
     get directionLabelLevel() {
-      return p(this, d);
+      return m(this, d);
     }
-    set directionLabelLevel(t) {
-      n(this, d, t);
+    set directionLabelLevel(i) {
+      n(this, d, i);
     }
     /** Label for the destination station of the train. */
     get station() {
-      return p(this, h);
+      return m(this, h);
     }
-    set station(t) {
-      n(this, h, t);
+    set station(i) {
+      n(this, h, i);
     }
     /** Accessibility label for additional information regarding the leaving direction of the train. */
     get accessibilityLabel() {
-      return p(this, _);
+      return m(this, _);
     }
-    set accessibilityLabel(t) {
-      n(this, _, t);
+    set accessibilityLabel(i) {
+      n(this, _, i);
     }
     /** Controls the direction indicator to show the arrow left or right. Default is left.  */
     get direction() {
-      return p(this, g);
+      return m(this, p);
     }
-    set direction(t) {
-      n(this, g, t);
+    set direction(i) {
+      n(this, p, i);
     }
     /**
      * Create the aria-label text out of the direction label, station and the accessibility label.
      */
     _getDirectionAriaLabel() {
-      const t = [K[this._language.current]];
-      return this.directionLabel && this.station && t.push(`${this.directionLabel} ${this.station}`), this.accessibilityLabel && t.push(this.accessibilityLabel), `${t.join(", ")}.`;
+      const i = [Q[this._language.current]];
+      return this.directionLabel && this.station && i.push(`${this.directionLabel} ${this.station}`), this.accessibilityLabel && i.push(this.accessibilityLabel), `${i.join(", ")}.`;
     }
-    willUpdate(t) {
-      super.willUpdate(t), t.has("listChildren") && this._trainSlotChange.emit();
+    willUpdate(i) {
+      super.willUpdate(i), i.has("listChildren") && this._trainSlotChange.emit();
     }
     render() {
-      const t = `h${this.directionLabelLevel}`;
-      return L`
+      const i = `h${this.directionLabelLevel}`;
+      return u`
       <div class="sbb-train">
-        <${W(t)} class="sbb-train__direction-label-sr">
+        <${W(i)} class="sbb-train__direction-label-sr">
           ${this._getDirectionAriaLabel()}
-        </${W(t)}>
+        </${W(i)}>
+        ${this.directionLabel ? u`<div class="sbb-train__direction-heading" aria-hidden="true">
+                <span class="sbb-train__direction-sticky-wrapper">
+                  ${this.direction === "left" ? u`<sbb-icon name="chevron-small-left-small"></sbb-icon>` : y}
+
+                  <span class="sbb-train__direction-label">
+                    ${this.directionLabel} ${this.station}
+                  </span>
+
+                  ${this.direction === "right" ? u`<sbb-icon name="chevron-small-right-small"></sbb-icon>` : y}
+                </span>
+              </div>` : y}
         ${this.renderList({
         class: "sbb-train__wagons",
-        ariaLabel: Q[this._language.current]
+        ariaLabel: R[this._language.current]
       })}
-
-        ${this.directionLabel ? L`<div class="sbb-train__direction" aria-hidden="true">
-                <div class="sbb-train__direction-heading">
-                  <span class="sbb-train__direction-label">${this.directionLabel}</span>
-                  ${this.station ? L`<span class="sbb-train__direction-station">${this.station}</span>` : P}
-                </div>
-                <div class="sbb-train__direction-indicator">
-                  <div class="sbb-train__sticky-wrapper">
-                    <sbb-icon
-                      class="sbb-train__direction-arrow"
-                      name=${this.direction === "left" ? "chevron-small-left-small" : "chevron-small-right-small"}
-                    ></sbb-icon>
-                  </div>
-                </div>
-              </div>` : P}
       </div>
     `;
     }
-  }, c = new WeakMap(), d = new WeakMap(), h = new WeakMap(), _ = new WeakMap(), g = new WeakMap(), l = s, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
-    w = [y(), m({ attribute: "direction-label" })], S = [m({ attribute: "direction-label-level" })], E = [y(), m()], D = [y(), m({ attribute: "accessibility-label" })], N = [m({ reflect: !0 })], v(s, null, w, { kind: "accessor", name: "directionLabel", static: !1, private: !1, access: { has: (i) => "directionLabel" in i, get: (i) => i.directionLabel, set: (i, b) => {
-      i.directionLabel = b;
-    } }, metadata: t }, z, k), v(s, null, S, { kind: "accessor", name: "directionLabelLevel", static: !1, private: !1, access: { has: (i) => "directionLabelLevel" in i, get: (i) => i.directionLabelLevel, set: (i, b) => {
-      i.directionLabelLevel = b;
-    } }, metadata: t }, $, C), v(s, null, E, { kind: "accessor", name: "station", static: !1, private: !1, access: { has: (i) => "station" in i, get: (i) => i.station, set: (i, b) => {
-      i.station = b;
-    } }, metadata: t }, T, I), v(s, null, D, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (i) => "accessibilityLabel" in i, get: (i) => i.accessibilityLabel, set: (i, b) => {
-      i.accessibilityLabel = b;
-    } }, metadata: t }, j, A), v(s, null, N, { kind: "accessor", name: "direction", static: !1, private: !1, access: { has: (i) => "direction" in i, get: (i) => i.direction, set: (i, b) => {
-      i.direction = b;
-    } }, metadata: t }, M, O), v(null, a = { value: l }, e, { kind: "class", name: l.name, metadata: t }, null, r), u = l = a.value, t && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), s.styles = V, s.events = {
+  }, b = new WeakMap(), d = new WeakMap(), h = new WeakMap(), _ = new WeakMap(), p = new WeakMap(), o = r, (() => {
+    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(w[Symbol.metadata] ?? null) : void 0;
+    z = [x(), L({ attribute: "direction-label", reflect: !0, converter: J })], k = [L({ attribute: "direction-label-level" })], I = [x(), L()], A = [x(), L({ attribute: "accessibility-label" })], M = [L({ reflect: !0 })], f(r, null, z, { kind: "accessor", name: "directionLabel", static: !1, private: !1, access: { has: (t) => "directionLabel" in t, get: (t) => t.directionLabel, set: (t, c) => {
+      t.directionLabel = c;
+    } }, metadata: i }, S, $), f(r, null, k, { kind: "accessor", name: "directionLabelLevel", static: !1, private: !1, access: { has: (t) => "directionLabelLevel" in t, get: (t) => t.directionLabelLevel, set: (t, c) => {
+      t.directionLabelLevel = c;
+    } }, metadata: i }, E, C), f(r, null, I, { kind: "accessor", name: "station", static: !1, private: !1, access: { has: (t) => "station" in t, get: (t) => t.station, set: (t, c) => {
+      t.station = c;
+    } }, metadata: i }, T, D), f(r, null, A, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (t) => "accessibilityLabel" in t, get: (t) => t.accessibilityLabel, set: (t, c) => {
+      t.accessibilityLabel = c;
+    } }, metadata: i }, j, N), f(r, null, M, { kind: "accessor", name: "direction", static: !1, private: !1, access: { has: (t) => "direction" in t, get: (t) => t.direction, set: (t, c) => {
+      t.direction = c;
+    } }, metadata: i }, O, U), f(null, a = { value: o }, e, { kind: "class", name: o.name, metadata: i }, null, s), v = o = a.value, i && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
+  })(), r.styles = X, r.events = {
     trainSlotChange: "trainSlotChange"
-  }, o(l, r), s);
-  return u = l;
+  }, l(o, s), r);
+  return v = o;
 })();
 export {
-  bi as SbbTrainElement
+  bt as SbbTrainElement
 };

package/visual-checkbox/visual-checkbox.d.ts

@@ -10,7 +10,10 @@ export declare class SbbVisualCheckboxElement extends SbbVisualCheckboxElement_b
     accessor checked: boolean;
     /** Indeterminate state. */
     accessor indeterminate: boolean;
-    /** Size of the checkbox. */
+    /**
+     * Size of the checkbox, either xs, s or m.
+     * @default 'm' / 'xs' (lean)
+     */
     accessor size: SbbCheckboxSize;
     protected render(): TemplateResult;
 }

package/visual-checkbox/visual-checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"visual-checkbox.d.ts","sourceRoot":"","sources":["../../../src/elements/visual-checkbox/visual-checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAGhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;;AAM7D;;GAEG;AACH,qBAEM,wBAAyB,SAAQ,6BAA8C;IACnF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,qBAAqB;IACrB,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,2BAA2B;IAC3B,SAEgB,aAAa,EAAE,OAAO,CAAS;IAE/C,4BAA4B;IAC5B,SAA6C,IAAI,EAAE,eAAe,CAAO;cAEtD,MAAM,IAAI,cAAc;CAwB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}
+{"version":3,"file":"visual-checkbox.d.ts","sourceRoot":"","sources":["../../../src/elements/visual-checkbox/visual-checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAGhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;;AAO7D;;GAEG;AACH,qBAEM,wBAAyB,SAAQ,6BAA8C;IACnF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,qBAAqB;IACrB,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,2BAA2B;IAC3B,SAEgB,aAAa,EAAE,OAAO,CAAS;IAE/C;;;OAGG;IACH,SAA6C,IAAI,EAAE,eAAe,CAAyB;cAExE,MAAM,IAAI,cAAc;CAwB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}

package/visual-checkbox.js

@@ -4,20 +4,21 @@ var C = (e) => {
 var I = (e, o, i) => o.has(e) || C("Cannot " + i);
 var h = (e, o, i) => (I(e, o, "read from private field"), i ? i.call(e) : o.get(e)), u = (e, o, i) => o.has(e) ? C("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, i), v = (e, o, i, t) => (I(e, o, "write to private field"), t ? t.call(e, i) : o.set(e, i), i);
 import { __esDecorate as k, __runInitializers as r } from "tslib";
-import { css as D, LitElement as E, html as T, nothing as L } from "lit";
+import { css as j, LitElement as D, html as L, nothing as E } from "lit";
 import { customElement as M, property as m } from "lit/decorators.js";
-import { forceType as j } from "./core/decorators.js";
-import { SbbDisabledMixin as $, SbbNegativeMixin as G } from "./core/mixins.js";
-const H = D`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-visual-checkbox-dimension: var(--sbb-size-icon-ui-small);--sbb-visual-checkbox-background-color: var(--sbb-color-white);--sbb-visual-checkbox-border-color: var(--sbb-color-smoke);--sbb-visual-checkbox-border-style: solid;--sbb-visual-checkbox-border-width: var(--sbb-border-width-1x);--sbb-visual-checkbox-selection-color: var(--sbb-color-red);--sbb-visual-checkbox-cursor: pointer}@media (forced-colors: active){:host{--sbb-visual-checkbox-selection-color: Canvas;--sbb-visual-checkbox-border-width: 0}}:host([size=xs]){--sbb-visual-checkbox-dimension: 1.25rem}:host([negative]){--sbb-visual-checkbox-background-color: var(--sbb-color-midnight);--sbb-visual-checkbox-border-color: var(--sbb-color-smoke);--sbb-visual-checkbox-selection-color: var(--sbb-color-red)}@media (forced-colors: active){:host([negative]){--sbb-visual-checkbox-selection-color: Canvas}}:host([disabled]){--sbb-visual-checkbox-background-color: var(--sbb-color-milk);--sbb-visual-checkbox-border-color: var(--sbb-color-smoke);--sbb-visual-checkbox-border-style: dashed;--sbb-visual-checkbox-selection-color: var(--sbb-color-charcoal);--sbb-visual-checkbox-cursor: default}@media (forced-colors: active){:host([disabled]){--sbb-visual-checkbox-selection-color: Canvas}}:host([disabled][negative]){--sbb-visual-checkbox-background-color: var(--sbb-color-charcoal);--sbb-visual-checkbox-border-color: var(--sbb-color-smoke);--sbb-visual-checkbox-selection-color: var(--sbb-color-white)}@media (forced-colors: active){:host([disabled][negative]){--sbb-visual-checkbox-selection-color: Canvas}}@media (forced-colors: active){:host([indeterminate]){--sbb-visual-checkbox-selection-color: ButtonBorder}}@media (forced-colors: active){:host([indeterminate][disabled]){--sbb-visual-checkbox-selection-color: GrayText}}.sbb-visual-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:var(--sbb-visual-checkbox-dimension);height:var(--sbb-visual-checkbox-dimension);border-radius:var(--sbb-border-radius-2x);border:var(--sbb-visual-checkbox-border-width) var(--sbb-visual-checkbox-border-style) var(--sbb-visual-checkbox-border-color);background-color:var(--sbb-visual-checkbox-background-color);cursor:var(--sbb-visual-checkbox-cursor)}@media (forced-colors: active){.sbb-visual-checkbox{outline:var(--sbb-border-width-2x) solid ButtonBorder;outline-offset:calc(-1 * var(--sbb-border-width-2x))}:host([checked]:not([indeterminate])) .sbb-visual-checkbox{background-color:HighLight;outline:none}:host([disabled]) .sbb-visual-checkbox{outline-color:GrayText}:host([checked][disabled]:not([indeterminate])) .sbb-visual-checkbox{background-color:GrayText}}.sbb-visual-checkbox__icon{display:inline-flex;width:var(--sbb-visual-checkbox-dimension);height:var(--sbb-visual-checkbox-dimension)}.sbb-visual-checkbox__icon svg{margin:auto}.sbb-visual-checkbox__icon path{stroke:var(--sbb-visual-checkbox-selection-color)}`;
-let J = (() => {
+import { forceType as T } from "./core/decorators.js";
+import { isLean as $ } from "./core/dom.js";
+import { SbbDisabledMixin as G, SbbNegativeMixin as H } from "./core/mixins.js";
+const O = j`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-visual-checkbox-dimension: var(--sbb-size-icon-ui-small);--sbb-visual-checkbox-background-color: var(--sbb-color-white);--sbb-visual-checkbox-border-color: var(--sbb-color-smoke);--sbb-visual-checkbox-border-style: solid;--sbb-visual-checkbox-border-width: var(--sbb-border-width-1x);--sbb-visual-checkbox-selection-color: var(--sbb-color-red);--sbb-visual-checkbox-cursor: pointer}@media (forced-colors: active){:host{--sbb-visual-checkbox-selection-color: Canvas;--sbb-visual-checkbox-border-width: 0}}:host([size=xs]){--sbb-visual-checkbox-dimension: 1.25rem}:host([negative]){--sbb-visual-checkbox-background-color: var(--sbb-color-midnight);--sbb-visual-checkbox-border-color: var(--sbb-color-smoke);--sbb-visual-checkbox-selection-color: var(--sbb-color-red)}@media (forced-colors: active){:host([negative]){--sbb-visual-checkbox-selection-color: Canvas}}:host([disabled]){--sbb-visual-checkbox-background-color: var(--sbb-color-milk);--sbb-visual-checkbox-border-color: var(--sbb-color-smoke);--sbb-visual-checkbox-border-style: dashed;--sbb-visual-checkbox-selection-color: var(--sbb-color-charcoal);--sbb-visual-checkbox-cursor: default}@media (forced-colors: active){:host([disabled]){--sbb-visual-checkbox-selection-color: Canvas}}:host([disabled][negative]){--sbb-visual-checkbox-background-color: var(--sbb-color-charcoal);--sbb-visual-checkbox-border-color: var(--sbb-color-smoke);--sbb-visual-checkbox-selection-color: var(--sbb-color-white)}@media (forced-colors: active){:host([disabled][negative]){--sbb-visual-checkbox-selection-color: Canvas}}@media (forced-colors: active){:host([indeterminate]){--sbb-visual-checkbox-selection-color: ButtonBorder}}@media (forced-colors: active){:host([indeterminate][disabled]){--sbb-visual-checkbox-selection-color: GrayText}}.sbb-visual-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:var(--sbb-visual-checkbox-dimension);height:var(--sbb-visual-checkbox-dimension);border-radius:var(--sbb-border-radius-2x);border:var(--sbb-visual-checkbox-border-width) var(--sbb-visual-checkbox-border-style) var(--sbb-visual-checkbox-border-color);background-color:var(--sbb-visual-checkbox-background-color);cursor:var(--sbb-visual-checkbox-cursor)}@media (forced-colors: active){.sbb-visual-checkbox{outline:var(--sbb-border-width-2x) solid ButtonBorder;outline-offset:calc(-1 * var(--sbb-border-width-2x))}:host([checked]:not([indeterminate])) .sbb-visual-checkbox{background-color:HighLight;outline:none}:host([disabled]) .sbb-visual-checkbox{outline-color:GrayText}:host([checked][disabled]:not([indeterminate])) .sbb-visual-checkbox{background-color:GrayText}}.sbb-visual-checkbox__icon{display:inline-flex;width:var(--sbb-visual-checkbox-dimension);height:var(--sbb-visual-checkbox-dimension)}.sbb-visual-checkbox__icon svg{margin:auto}.sbb-visual-checkbox__icon path{stroke:var(--sbb-visual-checkbox-selection-color)}`;
+let Q = (() => {
   var b, l, n, a;
-  let e = [M("sbb-visual-checkbox")], o, i = [], t, x = $(G(E)), _, g = [], f = [], p, z = [], y = [], w, S = [], B = [];
+  let e = [M("sbb-visual-checkbox")], o, i = [], t, x = G(H(D)), _, f = [], g = [], p, z = [], y = [], w, S = [], B = [];
   return a = class extends x {
     constructor() {
       super(...arguments);
-      u(this, b, r(this, g, !1));
-      u(this, l, (r(this, f), r(this, z, !1)));
-      u(this, n, (r(this, y), r(this, S, "m")));
+      u(this, b, r(this, f, !1));
+      u(this, l, (r(this, g), r(this, z, !1)));
+      u(this, n, (r(this, y), r(this, S, $() ? "xs" : "m")));
       r(this, B);
     }
     /** Checked state. */
@@ -34,7 +35,10 @@ let J = (() => {
     set indeterminate(c) {
       v(this, l, c);
     }
-    /** Size of the checkbox. */
+    /**
+     * Size of the checkbox, either xs, s or m.
+     * @default 'm' / 'xs' (lean)
+     */
     get size() {
       return h(this, n);
     }
@@ -42,10 +46,10 @@ let J = (() => {
       v(this, n, c);
     }
     render() {
-      return T`
+      return L`
       <span class="sbb-visual-checkbox">
         <span class="sbb-visual-checkbox__icon">
-          ${this.checked || this.indeterminate ? T`<svg
+          ${this.checked || this.indeterminate ? L`<svg
                 width=${this.size === "xs" ? "20" : "24"}
                 height=${this.size === "xs" ? "20" : "24"}
                 viewBox="0 0 24 24"
@@ -58,22 +62,22 @@ let J = (() => {
                   stroke-linecap="round"
                   stroke-linejoin="round"
                 />
-              </svg>` : L}
+              </svg>` : E}
         </span>
       </span>
     `;
     }
   }, b = new WeakMap(), l = new WeakMap(), n = new WeakMap(), t = a, (() => {
     const c = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
-    _ = [j(), m({ reflect: !0, type: Boolean })], p = [j(), m({ reflect: !0, type: Boolean })], w = [m({ reflect: !0 })], k(a, null, _, { kind: "accessor", name: "checked", static: !1, private: !1, access: { has: (s) => "checked" in s, get: (s) => s.checked, set: (s, d) => {
+    _ = [T(), m({ reflect: !0, type: Boolean })], p = [T(), m({ reflect: !0, type: Boolean })], w = [m({ reflect: !0 })], k(a, null, _, { kind: "accessor", name: "checked", static: !1, private: !1, access: { has: (s) => "checked" in s, get: (s) => s.checked, set: (s, d) => {
       s.checked = d;
-    } }, metadata: c }, g, f), k(a, null, p, { kind: "accessor", name: "indeterminate", static: !1, private: !1, access: { has: (s) => "indeterminate" in s, get: (s) => s.indeterminate, set: (s, d) => {
+    } }, metadata: c }, f, g), k(a, null, p, { kind: "accessor", name: "indeterminate", static: !1, private: !1, access: { has: (s) => "indeterminate" in s, get: (s) => s.indeterminate, set: (s, d) => {
       s.indeterminate = d;
     } }, metadata: c }, z, y), k(a, null, w, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (s) => "size" in s, get: (s) => s.size, set: (s, d) => {
       s.size = d;
     } }, metadata: c }, S, B), k(null, o = { value: t }, e, { kind: "class", name: t.name, metadata: c }, null, i), t = o.value, c && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: c });
-  })(), a.styles = H, r(t, i), t;
+  })(), a.styles = O, r(t, i), t;
 })();
 export {
-  J as SbbVisualCheckboxElement
+  Q as SbbVisualCheckboxElement
 };

package/button/mini-button/mini-button-base-element.d.ts

@@ -1,8 +0,0 @@
-import { TemplateResult } from 'lit';
-import { SbbButtonBaseElement } from '../../core/base-elements.js';
-declare const SbbMiniButtonBaseElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & typeof SbbButtonBaseElement;
-export declare abstract class SbbMiniButtonBaseElement extends SbbMiniButtonBaseElement_base {
-    protected renderTemplate(): TemplateResult;
-}
-export {};
-//# sourceMappingURL=mini-button-base-element.d.ts.map

package/button/mini-button/mini-button-base-element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mini-button-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/mini-button/mini-button-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAKnE,8BAEe,wBAAyB,SAAQ,6BAE/C;cACoB,cAAc,IAAI,cAAc;CAGpD"}

package/button/tertiary-button/tertiary-button.d.ts

@@ -1,19 +0,0 @@
-import { CSSResultGroup } from 'lit';
-import { SbbButtonBaseElement } from '../../core/base-elements.js';
-declare const SbbTertiaryButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType & import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & typeof SbbButtonBaseElement;
-/**
- * It displays a button enhanced with the SBB Design in the 'tertiary' variant.
- *
- * @slot - Use the unnamed slot to add content to the tertiary-button.
- * @slot icon - Slot used to display the icon, if one is set
- */
-export declare class SbbTertiaryButtonElement extends SbbTertiaryButtonElement_base {
-    static styles: CSSResultGroup;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sbb-tertiary-button': SbbTertiaryButtonElement;
-    }
-}
-export {};
-//# sourceMappingURL=tertiary-button.d.ts.map

package/button/tertiary-button/tertiary-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tertiary-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/tertiary-button/tertiary-button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;GAKG;AACH,qBAEM,wBAAyB,SAAQ,6BAEtC;IACC,OAAuB,MAAM,EAAE,cAAc,CAA4C;CAC1F;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}

package/button/tertiary-button-link/tertiary-button-link.d.ts

@@ -1,19 +0,0 @@
-import { CSSResultGroup } from 'lit';
-import { SbbLinkBaseElement } from '../../core/base-elements.js';
-declare const SbbTertiaryButtonLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbLinkBaseElement;
-/**
- * It displays a button enhanced with the SBB Design in the 'tertiary' variant, which will behave as a link.
- *
- * @slot - Use the unnamed slot to add content to the tertiary-button-link.
- * @slot icon - Slot used to display the icon, if one is set
- */
-export declare class SbbTertiaryButtonLinkElement extends SbbTertiaryButtonLinkElement_base {
-    static styles: CSSResultGroup;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sbb-tertiary-button-link': SbbTertiaryButtonLinkElement;
-    }
-}
-export {};
-//# sourceMappingURL=tertiary-button-link.d.ts.map

package/button/tertiary-button-link/tertiary-button-link.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tertiary-button-link.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/tertiary-button-link/tertiary-button-link.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAIjE;;;;;GAKG;AACH,qBAEM,4BAA6B,SAAQ,iCAE1C;IACC,OAAuB,MAAM,EAAE,cAAc,CAA4C;CAC1F;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,0BAA0B,EAAE,4BAA4B,CAAC;KAC1D;CACF"}

package/button/tertiary-button-link.d.ts

@@ -1,2 +0,0 @@
-export * from './tertiary-button-link/tertiary-button-link.js';
-//# sourceMappingURL=tertiary-button-link.d.ts.map

package/button/tertiary-button-link.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tertiary-button-link.d.ts","sourceRoot":"","sources":["../../../src/elements/button/tertiary-button-link.ts"],"names":[],"mappings":"AAAA,cAAc,gDAAgD,CAAC"}

package/button/tertiary-button-link.js

@@ -1,17 +0,0 @@
-import { __esDecorate as o, __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 y, buttonCommonStyle as S, buttonTertiaryStyle as d } from "./common.js";
-let D = (() => {
-  var e;
-  let n = [m("sbb-tertiary-button-link")], i, l = [], t, r = y(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;
-    o(null, i = { value: t }, n, { kind: "class", name: t.name, metadata: a }, null, l), t = i.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [S, d], s(t, l), t;
-})();
-export {
-  D as SbbTertiaryButtonLinkElement
-};

package/button/tertiary-button-static/tertiary-button-static.d.ts

@@ -1,19 +0,0 @@
-import { CSSResultGroup } from 'lit';
-import { SbbActionBaseElement } from '../../core/base-elements.js';
-declare const SbbTertiaryButtonStaticElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbActionBaseElement;
-/**
- * It displays a static button enhanced with the SBB Design in the 'tertiary' variant.
- *
- * @slot - Use the unnamed slot to add content to the tertiary-button-static.
- * @slot icon - Slot used to display the icon, if one is set
- */
-export declare class SbbTertiaryButtonStaticElement extends SbbTertiaryButtonStaticElement_base {
-    static styles: CSSResultGroup;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sbb-tertiary-button-static': SbbTertiaryButtonStaticElement;
-    }
-}
-export {};
-//# sourceMappingURL=tertiary-button-static.d.ts.map

package/button/tertiary-button-static/tertiary-button-static.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tertiary-button-static.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/tertiary-button-static/tertiary-button-static.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;GAKG;AACH,qBAEM,8BAA+B,SAAQ,mCAE5C;IACC,OAAuB,MAAM,EAAE,cAAc,CAA4C;CAC1F;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}

package/button/tertiary-button-static.d.ts

@@ -1,2 +0,0 @@
-export * from './tertiary-button-static/tertiary-button-static.js';
-//# sourceMappingURL=tertiary-button-static.d.ts.map

package/button/tertiary-button-static.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tertiary-button-static.d.ts","sourceRoot":"","sources":["../../../src/elements/button/tertiary-button-static.ts"],"names":[],"mappings":"AAAA,cAAc,oDAAoD,CAAC"}

package/button/tertiary-button-static.js

@@ -1,17 +0,0 @@
-import { __esDecorate as s, __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 y, buttonTertiaryStyle as S } from "./common.js";
-let E = (() => {
-  var e;
-  let o = [n("sbb-tertiary-button-static")], l, r = [], t, i = u(b(c));
-  return e = class extends i {
-  }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    s(null, l = { value: t }, o, { 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 = [y, S], m(t, r), t;
-})();
-export {
-  E as SbbTertiaryButtonStaticElement
-};

package/button/tertiary-button.d.ts

@@ -1,2 +0,0 @@
-export * from './tertiary-button/tertiary-button.js';
-//# sourceMappingURL=tertiary-button.d.ts.map

package/button/tertiary-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tertiary-button.d.ts","sourceRoot":"","sources":["../../../src/elements/button/tertiary-button.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC"}

package/button/tertiary-button.js

@@ -1,17 +0,0 @@
-import { __esDecorate as s, __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 c } from "../core/mixins.js";
-import { SbbButtonCommonElementMixin as u, buttonCommonStyle as y, buttonTertiaryStyle as d } from "./common.js";
-let E = (() => {
-  var e;
-  let i = [m("sbb-tertiary-button")], l, r = [], t, o = u(c(b));
-  return e = class extends o {
-  }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-    s(null, l = { value: t }, i, { 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 = [y, d], n(t, r), t;
-})();
-export {
-  E as SbbTertiaryButtonElement
-};

package/chip/chip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/elements/chip/chip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,qBAEM,cAAe,SAAQ,UAAU;IACrC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,wBAAwB;IACxB,SACgB,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,GAAG,CAAS;IAEjD,yBAAyB;IACzB,SACgB,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAU;cAEvD,MAAM,IAAI,cAAc;CAS5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}

package/chip.d.ts

@@ -1,2 +0,0 @@
-export * from './chip/chip.js';
-//# sourceMappingURL=chip.d.ts.map

package/chip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../src/elements/chip.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/chip.js

@@ -1,54 +0,0 @@
-var y = (e) => {
-  throw TypeError(e);
-};
-var k = (e, s, t) => s.has(e) || y("Cannot " + t);
-var p = (e, s, t) => (k(e, s, "read from private field"), t ? t.call(e) : s.get(e)), h = (e, s, t) => s.has(e) ? y("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, t), d = (e, s, t, o) => (k(e, s, "write to private field"), o ? o.call(e, t) : s.set(e, t), t);
-import { __esDecorate as f, __runInitializers as c } from "tslib";
-import { css as S, html as E, LitElement as I } from "lit";
-import { customElement as j, property as w } from "lit/decorators.js";
-const D = S`*,:before,:after{box-sizing:border-box}:host{display:inline-block}:host([color=milk]){--sbb-chip-color: var(--sbb-color-granite);--sbb-chip-background-color: var(--sbb-color-milk)}:host([color=charcoal]){--sbb-chip-color: var(--sbb-color-white);--sbb-chip-background-color: var(--sbb-color-charcoal)}:host([color=white]){--sbb-chip-color: var(--sbb-color-granite);--sbb-chip-background-color: var(--sbb-color-white)}:host([color=granite]){--sbb-chip-color: var(--sbb-color-white);--sbb-chip-background-color: var(--sbb-color-granite)}:host([size=xxs]){--sbb-chip-padding-block: 0em;--sbb-chip-padding-inline: var(--sbb-spacing-fixed-2x);--sbb-text-font-size: var(--sbb-font-size-text-xxs)}:host([size=xs]){--sbb-chip-padding-block: var(--sbb-spacing-fixed-1x);--sbb-chip-padding-inline: var(--sbb-spacing-fixed-3x);--sbb-text-font-size: var(--sbb-font-size-text-xs)}:host([size=s]){--sbb-chip-padding-block: var(--sbb-spacing-fixed-1x);--sbb-chip-padding-inline: var(--sbb-spacing-fixed-4x);--sbb-text-font-size: var(--sbb-font-size-text-s)}.sbb-chip{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);line-height:2;display:inline-flex;align-items:center;justify-content:center;height:calc(var(--sbb-typo-line-height-body-text) * var(--sbb-text-font-size) + var(--sbb-chip-padding-block) * 2);background-color:var(--sbb-chip-background-color);padding-inline:var(--sbb-chip-padding-inline);border-radius:var(--sbb-border-radius-infinity);color:var(--sbb-chip-color);overflow:hidden}@media (forced-colors: active){.sbb-chip{outline:var(--sbb-border-width-1x) solid CanvasText;outline-offset:calc(-1 * var(--sbb-border-width-1x))}}.sbb-chip{display:flex}.sbb-chip__text-wrapper{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block}`;
-let q = (() => {
-  var b, l, r;
-  let e = [j("sbb-chip")], s, t = [], o, x = I, g, v = [], u = [], m, _ = [], z = [];
-  return r = class extends x {
-    constructor() {
-      super(...arguments);
-      h(this, b, c(this, v, "xxs"));
-      h(this, l, (c(this, u), c(this, _, "milk")));
-      c(this, z);
-    }
-    /** Size of the chip. */
-    get size() {
-      return p(this, b);
-    }
-    set size(a) {
-      d(this, b, a);
-    }
-    /** Color of the chip. */
-    get color() {
-      return p(this, l);
-    }
-    set color(a) {
-      d(this, l, a);
-    }
-    render() {
-      return E`
-      <span class="sbb-chip">
-        <span class="sbb-chip__text-wrapper">
-          <slot></slot>
-        </span>
-      </span>
-    `;
-    }
-  }, b = new WeakMap(), l = new WeakMap(), o = r, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
-    g = [w({ reflect: !0 })], m = [w({ reflect: !0 })], f(r, null, g, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (i) => "size" in i, get: (i) => i.size, set: (i, n) => {
-      i.size = n;
-    } }, metadata: a }, v, u), f(r, null, m, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (i) => "color" in i, get: (i) => i.color, set: (i, n) => {
-      i.color = n;
-    } }, metadata: a }, _, z), f(null, s = { value: o }, e, { kind: "class", name: o.name, metadata: a }, null, t), o = s.value, a && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), r.styles = D, c(o, t), o;
-})();
-export {
-  q as SbbChipElement
-};

package/core/dom/get-document-writing-mode.d.ts

@@ -1,5 +0,0 @@
-/**
- * @deprecated use :dir() selector instead
- */
-export declare const getDocumentWritingMode: () => string;
-//# sourceMappingURL=get-document-writing-mode.d.ts.map

package/core/dom/get-document-writing-mode.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-document-writing-mode.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/dom/get-document-writing-mode.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,sBAAsB,QAAO,MAC4B,CAAC"}

package/core/dom/ssr.d.ts

@@ -1,13 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * In SSR the local/tag name is not available on the class instance, but it is available
- * in the shim customElements registry.
- *
- * https://github.com/lit/lit/blob/main/packages/labs/ssr-dom-shim/src.ts (See CustomElementRegistryShim)
- *
- * Can be removed once https://github.com/lit/lit/pull/4553 is merged/released.
- *
- * @deprecated Will be removed with next major version
- */
-export declare function getLocalName(element: LitElement): string;
-//# sourceMappingURL=ssr.d.ts.map

package/core/dom/ssr.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ssr.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/dom/ssr.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAItC;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,UAAU,GAAG,MAAM,CAcxD"}