@sbb-esta/lyne-elements-dev 5.0.0-next.2-dev.1778578639 → 5.0.0-next.2-dev.1778587942

package/button.js

@@ -4,7 +4,7 @@ import { SbbAccentButtonElement as n } from "./button/accent-button/accent-butto
 import { SbbTransparentButtonElement as r } from "./button/transparent-button/transparent-button.component.js";
 import { SbbMiniButtonElement as i } from "./button/mini-button/mini-button.component.js";
 import { t as a } from "./mini-button-link.component-B8HmvVCg.js";
-import { t as o } from "./mini-button-group.component-BOJNsLrh.js";
+import { t as o } from "./mini-button-group.component-DQBU0BDm.js";
 import { SbbButtonLinkElement as s } from "./button/button-link/button-link.component.js";
 import { SbbSecondaryButtonLinkElement as c } from "./button/secondary-button-link/secondary-button-link.component.js";
 import { SbbAccentButtonLinkElement as l } from "./button/accent-button-link/accent-button-link.component.js";
@@ -13,7 +13,7 @@ import { SbbButtonStaticElement as d } from "./button/button-static/button-stati
 import { SbbSecondaryButtonStaticElement as f } from "./button/secondary-button-static/secondary-button-static.component.js";
 import { SbbAccentButtonStaticElement as p } from "./button/accent-button-static/accent-button-static.component.js";
 import { SbbTransparentButtonStaticElement as m } from "./button/transparent-button-static/transparent-button-static.component.js";
-import { a as h, i as g, n as _, o as v, r as y, s as b, t as x } from "./button-common-BMpS65Zf.js";
+import { a as h, i as g, n as _, o as v, r as y, s as b, t as x } from "./button-common-BQdNXKwl.js";
 import "./button.pure.js";
 n.define(), l.define(), p.define(), e.define(), s.define(), d.define(), i.define(), o.define(), a.define(), t.define(), c.define(), f.define(), r.define(), u.define(), m.define();
 //#endregion

package/button.pure.js

@@ -4,7 +4,7 @@ import { SbbAccentButtonElement as n } from "./button/accent-button/accent-butto
 import { SbbTransparentButtonElement as r } from "./button/transparent-button/transparent-button.component.js";
 import { SbbMiniButtonElement as i } from "./button/mini-button/mini-button.component.js";
 import { t as a } from "./mini-button-link.component-B8HmvVCg.js";
-import { t as o } from "./mini-button-group.component-BOJNsLrh.js";
+import { t as o } from "./mini-button-group.component-DQBU0BDm.js";
 import { SbbButtonLinkElement as s } from "./button/button-link/button-link.component.js";
 import { SbbSecondaryButtonLinkElement as c } from "./button/secondary-button-link/secondary-button-link.component.js";
 import { SbbAccentButtonLinkElement as l } from "./button/accent-button-link/accent-button-link.component.js";
@@ -13,5 +13,5 @@ import { SbbButtonStaticElement as d } from "./button/button-static/button-stati
 import { SbbSecondaryButtonStaticElement as f } from "./button/secondary-button-static/secondary-button-static.component.js";
 import { SbbAccentButtonStaticElement as p } from "./button/accent-button-static/accent-button-static.component.js";
 import { SbbTransparentButtonStaticElement as m } from "./button/transparent-button-static/transparent-button-static.component.js";
-import { a as h, i as g, n as _, o as v, r as y, s as b, t as x } from "./button-common-BMpS65Zf.js";
+import { a as h, i as g, n as _, o as v, r as y, s as b, t as x } from "./button-common-BQdNXKwl.js";
 export { n as SbbAccentButtonElement, l as SbbAccentButtonLinkElement, p as SbbAccentButtonStaticElement, x as SbbButtonCommonElementMixin, e as SbbButtonElement, s as SbbButtonLinkElement, d as SbbButtonStaticElement, i as SbbMiniButtonElement, o as SbbMiniButtonGroupElement, a as SbbMiniButtonLinkElement, t as SbbSecondaryButtonElement, c as SbbSecondaryButtonLinkElement, f as SbbSecondaryButtonStaticElement, r as SbbTransparentButtonElement, u as SbbTransparentButtonLinkElement, m as SbbTransparentButtonStaticElement, _ as buttonAccentStyle, y as buttonPrimaryStyle, g as buttonSecondaryStyle, h as buttonTransparentStyle, v as miniButtonLabelStyle, b as miniButtonStyle };

package/checkbox/checkbox.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../checkbox.component-ChQmCxal.js";
+import { t as e } from "../checkbox.component-DWmjiv_c.js";
 export { e as SbbCheckboxElement };

package/checkbox-panel/checkbox-panel.component.js

@@ -63,7 +63,7 @@ var d = (() => {
                   ?checked=${this.checked}
                   ?indeterminate=${this.indeterminate}
                   ?disabled=${this.disabled || this.formDisabled}
-                  .size=${this.size}
+                  size=${this.size || r}
                 ></sbb-visual-checkbox>
               </span>
               <span class="sbb-checkbox__label">

package/{checkbox.component-ChQmCxal.js → checkbox.component-DWmjiv_c.js}

@@ -1,17 +1,17 @@
 import { t as e } from "./checkbox-common-BSzAnug3.js";
 import { __esDecorate as t, __runInitializers as n } from "tslib";
-import { html as r, unsafeCSS as i } from "lit";
-import { property as a } from "lit/decorators.js";
-import { SbbElement as o, getOverride as s, isLean as c } from "./core.js";
+import { html as r, nothing as i, unsafeCSS as a } from "lit";
+import { property as o } from "lit/decorators.js";
+import { SbbElement as s, getOverride as c } from "./core.js";
 import { SbbIconNameMixin as l } from "./icon.pure.js";
 import { SbbVisualCheckboxElement as u } from "./visual-checkbox.pure.js";
 //#region src/elements/checkbox/checkbox.scss?inline
 var d = ":host{outline:none!important;display:inline-block}:host([icon-placement=start]){--sbb-checkbox-label-icon-flex-direction: row-reverse;--sbb-checkbox-label-icon-justify-content: flex-end;--sbb-checkbox-label-icon-flex-grow: 0}:host(:focus-visible) .sbb-checkbox-wrapper{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}.sbb-checkbox__label{flex-direction:var(--sbb-checkbox-label-icon-flex-direction);justify-content:var(--sbb-checkbox-label-icon-justify-content);flex-grow:var(--sbb-checkbox-label-icon-flex-grow);gap:var(--sbb-checkbox-label-gap)}:host(:not(:is(:state(slotted),[state--slotted]),:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-checkbox__label{display:none}sbb-icon,slot[name=icon] ::slotted(sbb-icon){display:flex;align-items:center;height:calc(1em * var(--sbb-typo-line-height-text))}", f = (() => {
-	let f = l(e(o)), p, m = [], h = [], g, _ = [], v = [], y, b = [], x = [];
+	let f = l(e(s)), p, m = [], h = [], g, _ = [], v = [], y, b = [], x = [];
 	return class extends f {
 		static {
 			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
-			p = [a()], g = [a({ reflect: !0 }), s((e, t) => e.group?.size ?? t)], y = [a({
+			p = [o()], g = [o({ reflect: !0 }), c((e, t) => e.group?.size ?? t)], y = [o({
 				attribute: "icon-placement",
 				reflect: !0
 			})], t(this, null, p, {
@@ -67,7 +67,7 @@ var d = ":host{outline:none!important;display:inline-block}:host([icon-placement
 			this.elementDependencies = [u];
 		}
 		static {
-			this.styles = [i(d)];
+			this.styles = [a(d)];
 		}
 		#e = n(this, m, null);
 		get value() {
@@ -76,7 +76,7 @@ var d = ":host{outline:none!important;display:inline-block}:host([icon-placement
 		set value(e) {
 			this.#e = e;
 		}
-		#t = (n(this, h), n(this, _, c() ? "xs" : "m"));
+		#t = (n(this, h), n(this, _, null));
 		get size() {
 			return this.#t;
 		}
@@ -100,7 +100,7 @@ var d = ":host{outline:none!important;display:inline-block}:host([icon-placement
                 ?checked=${this.checked}
                 ?indeterminate=${this.indeterminate}
                 ?disabled=${this.disabled || this.formDisabled}
-                .size=${this.size}
+                size=${this.size || i}
               ></sbb-visual-checkbox>
             </span>
             <span class="sbb-checkbox__label">

package/checkbox.js

@@ -1,4 +1,4 @@
-import { t as e } from "./checkbox.component-ChQmCxal.js";
+import { t as e } from "./checkbox.component-DWmjiv_c.js";
 import { t } from "./checkbox-common-BSzAnug3.js";
 import "./checkbox.pure.js";
 //#region src/elements/checkbox.ts

package/checkbox.pure.js

@@ -1,3 +1,3 @@
-import { t as e } from "./checkbox.component-ChQmCxal.js";
+import { t as e } from "./checkbox.component-DWmjiv_c.js";
 import { t } from "./checkbox-common-BSzAnug3.js";
 export { t as SbbCheckboxCommonElementMixin, e as SbbCheckboxElement };

package/chip/chip-group/chip-group.component.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../chip-group.component-BMpczIZH.js";
+import { n as e, t } from "../../chip-group.component-DJORKUef.js";
 export { t as SbbChipGroupElement, e as SbbChipInputTokenEndEvent };

package/{chip-group.component-BMpczIZH.js → chip-group.component-DJORKUef.js}

@@ -1,10 +1,10 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { html as n, isServer as r, unsafeCSS as i } from "lit";
 import { property as a } from "lit/decorators.js";
-import { SbbDisabledMixin as o, SbbElement as s, SbbFormAssociatedMixin as c, SbbLanguageController as l, SbbNegativeMixin as u, SbbPropertyWatcherController as d, SbbRequiredMixin as f, forceType as p, getNextElementIndex as m, i18nChipGroupInputDescription as h, i18nSelectionRequired as g, isArrowKeyPressed as _, isLean as v } from "./core.js";
-import { SbbChipElement as y } from "./chip/chip/chip.component.js";
+import { SbbDisabledMixin as o, SbbElement as s, SbbFormAssociatedMixin as c, SbbLanguageController as l, SbbNegativeMixin as u, SbbPropertyWatcherController as d, SbbRequiredMixin as f, forceType as p, getNextElementIndex as m, i18nChipGroupInputDescription as h, i18nSelectionRequired as g, isArrowKeyPressed as _ } from "./core.js";
+import { SbbChipElement as v } from "./chip/chip/chip.component.js";
 //#region src/elements/chip/chip-group/chip-group.scss?inline
-var b = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-gap);align-items:center;margin-block:var(--sbb-chip-group-margin-block);line-height:var(--sbb-typo-line-height-text)}:host(:is(:is(:state(size-s),[state--size-s]),:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: 0}:host(:is(:state(size-s),[state--size-s]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: .375rem .3125rem}@media(min-width:64rem){:host(:is(:state(size-s),[state--size-s]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: .3125rem .1875rem}}:host(:is(:state(without-label),[state--without-label]):is(:state(size-s),[state--size-s]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: 0 .4375rem}@media(min-width:64rem){:host(:is(:state(without-label),[state--without-label]):is(:state(size-s),[state--size-s]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: 0 .3125rem}}:host(:is(:is(:state(size-l),[state--size-l]),:is(:state(size-m),[state--size-m]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default) 0}@media(min-width:64rem){:host(:is(:is(:state(size-l),[state--size-l]),:is(:state(size-m),[state--size-m]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) 0}}:host(:is(:state(without-label),[state--without-label]):is(:state(size-m),[state--size-m]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: .1875rem .6875rem}@media(min-width:64rem){:host(:is(:state(without-label),[state--without-label]):is(:state(size-m),[state--size-m]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: .1875rem .875rem}}:host(:is(:state(without-label),[state--without-label]):not(:is(:state(empty),[state--empty]),:is(:state(size-s),[state--size-s]),:is(:state(size-m),[state--size-m]),:is(:state(size-l),[state--size-l]))){--sbb-chip-group-margin-block: var(--sbb-chip-group-margin-block-no-label-not-empty)}:host(:not(:is(:state(without-label),[state--without-label])):is(:state(size-m),[state--size-m]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default) var(--_sbb-chip-group-margin-block-start-default-large)}@media(min-width:64rem){:host(:not(:is(:state(without-label),[state--without-label])):is(:state(size-m),[state--size-m]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) var(--_sbb-chip-group-margin-block-start-default-large)}}:host(:not(:is(:state(without-label),[state--without-label]),:is(:state(empty),[state--empty]),:is(:state(size-s),[state--size-s]),:is(:state(size-m),[state--size-m]),:is(:state(size-l),[state--size-l]))){--sbb-chip-group-margin-block: var(--sbb-chip-group-margin-block-with-label-not-empty)}:host(:is(:state(without-label),[state--without-label]):is(:state(size-l),[state--size-l]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default) 1rem}@media(min-width:64rem){:host(:is(:state(without-label),[state--without-label]):is(:state(size-l),[state--size-l]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) 1.25rem}}:host(:not(:is(:state(without-label),[state--without-label])):is(:state(size-l),[state--size-l]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default) .46875rem}@media(min-width:64rem){:host(:not(:is(:state(without-label),[state--without-label])):is(:state(size-l),[state--size-l]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) .46875rem}}::slotted(input){flex:1 1 var(--sbb-chip-group-input-min-width);max-height:1.5rem}::slotted(sbb-chip){max-width:100%}", x = class extends CustomEvent {
+var y = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-gap);align-items:center;margin-block:var(--sbb-chip-group-margin-block);line-height:var(--sbb-typo-line-height-text)}:host(:is(:is(:state(size-s),[state--size-s]),:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: 0}:host(:is(:state(size-s),[state--size-s]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-with-label-s)}:host(:is(:state(without-label),[state--without-label]):is(:state(size-s),[state--size-s]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-without-label-s)}:host(:is(:is(:state(size-l),[state--size-l]),:is(:state(size-m),[state--size-m]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-base-lm)}:host(:is(:state(without-label),[state--without-label]):is(:state(size-m),[state--size-m]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-without-label-m)}:host(:is(:state(without-label),[state--without-label]):not(:is(:state(empty),[state--empty]),:is(:state(size-s),[state--size-s]),:is(:state(size-m),[state--size-m]),:is(:state(size-l),[state--size-l]))){--sbb-chip-group-margin-block: var(--sbb-chip-group-margin-block-no-label-not-empty)}:host(:not(:is(:state(without-label),[state--without-label])):is(:state(size-m),[state--size-m]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-with-label-m)}:host(:not(:is(:state(without-label),[state--without-label]),:is(:state(empty),[state--empty]),:is(:state(size-s),[state--size-s]),:is(:state(size-m),[state--size-m]),:is(:state(size-l),[state--size-l]))){--sbb-chip-group-margin-block: var(--sbb-chip-group-margin-block-with-label-not-empty)}:host(:is(:state(without-label),[state--without-label]):is(:state(size-l),[state--size-l]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-without-label-l)}:host(:not(:is(:state(without-label),[state--without-label])):is(:state(size-l),[state--size-l]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-with-label-l)}::slotted(input){flex:1 1 var(--sbb-chip-group-input-min-width);max-height:1.5rem}::slotted(sbb-chip){max-width:100%}", b = class extends CustomEvent {
 	get detail() {
 		return this;
 	}
@@ -21,18 +21,18 @@ var b = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-g
 	setLabel(e) {
 		this.label = e;
 	}
-}, S = (() => {
-	let S = f(o(u(c(s)))), C = [], w, T, E = [], D = [], O, k = [], A = [], j, M = [], N = [];
-	return class extends S {
+}, x = (() => {
+	let x = f(o(u(c(s)))), S = [], C, w, T = [], E = [], D, O = [], k = [], A, j = [], M = [];
+	return class extends x {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(S[Symbol.metadata] ?? null) : void 0;
-			w = [a({ type: Array })], T = [a({ attribute: !1 })], O = [a({
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
+			C = [a({ type: Array })], w = [a({ attribute: !1 })], D = [a({
 				attribute: "separator-keys",
 				type: Array
-			})], j = [p(), a({
+			})], A = [p(), a({
 				attribute: "add-on-blur",
 				type: Boolean
-			})], e(this, null, w, {
+			})], e(this, null, C, {
 				kind: "setter",
 				name: "value",
 				static: !1,
@@ -44,7 +44,7 @@ var b = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-g
 					}
 				},
 				metadata: t
-			}, null, C), e(this, null, T, {
+			}, null, S), e(this, null, w, {
 				kind: "accessor",
 				name: "displayWith",
 				static: !1,
@@ -57,7 +57,7 @@ var b = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-g
 					}
 				},
 				metadata: t
-			}, E, D), e(this, null, O, {
+			}, T, E), e(this, null, D, {
 				kind: "accessor",
 				name: "separatorKeys",
 				static: !1,
@@ -70,7 +70,7 @@ var b = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-g
 					}
 				},
 				metadata: t
-			}, k, A), e(this, null, j, {
+			}, O, k), e(this, null, A, {
 				kind: "accessor",
 				name: "addOnBlur",
 				static: !1,
@@ -83,7 +83,7 @@ var b = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-g
 					}
 				},
 				metadata: t
-			}, M, N), t && Object.defineProperty(this, Symbol.metadata, {
+			}, j, M), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -97,7 +97,7 @@ var b = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-g
 			this.role = "listbox";
 		}
 		static {
-			this.styles = [i(b)];
+			this.styles = [i(y)];
 		}
 		static {
 			this.events = {
@@ -140,7 +140,7 @@ var b = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-g
 			this.#n = e;
 		}
 		constructor() {
-			super(), this.#e = (t(this, C), t(this, E, null)), this.#t = (t(this, D), t(this, k, ["Enter"])), this.#n = (t(this, A), t(this, M, !1)), this._inputAttributeObserver = (t(this, N), r ? null : new MutationObserver(() => this._reactToInputChanges())), this._language = new l(this), this.addEventListener?.(y.events.requestdelete, (e) => this._deleteChip(e.target)), this.addEventListener?.("keydown", (e) => this._onChipKeyDown(e)), this.addController(new d(this, () => this.closest("sbb-form-field"), {
+			super(), this.#e = (t(this, S), t(this, T, null)), this.#t = (t(this, E), t(this, O, ["Enter"])), this.#n = (t(this, k), t(this, j, !1)), this._inputAttributeObserver = (t(this, M), r ? null : new MutationObserver(() => this._reactToInputChanges())), this._language = new l(this), this._previousSize = null, this.addEventListener?.(v.events.requestdelete, (e) => this._deleteChip(e.target)), this.addEventListener?.("keydown", (e) => this._onChipKeyDown(e)), this.addController(new d(this, () => this.closest("sbb-form-field"), {
 				size: (e) => this._updateSize(e.size),
 				label: (e) => this._updateLabelState(e),
 				hiddenLabel: (e) => this._updateLabelState(e)
@@ -190,7 +190,7 @@ var b = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-g
 			}, { signal: this._inputAbortController.signal }), this._inputAttributeObserver?.observe(this._inputElement, {
 				attributes: !0,
 				attributeFilter: ["readonly", "disabled"]
-			})), (!this._previousSize || !this.closest("sbb-form-field")) && this._updateSize(v() ? "s" : "m"), this.toggleState("empty", this.value.length === 0), this._reactToInputChanges(), this._updateInputDescription(), this.updateFormValue();
+			})), this.closest("sbb-form-field") || this._updateSize(null), this.toggleState("empty", this.value.length === 0), this._reactToInputChanges(), this._updateInputDescription(), this.updateFormValue();
 		}
 		_onChipKeyDown(e) {
 			let t = e.target;
@@ -226,7 +226,7 @@ var b = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-g
 		_createChipFromInput(e = "input", t) {
 			let n = t ?? this._inputElement.value.trim();
 			if (!n) return;
-			let r = new x({
+			let r = new b({
 				origin: e,
 				value: n,
 				label: (t ? this.displayWith?.(t) : null) ?? void 0
@@ -280,4 +280,4 @@ var b = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-g
 	};
 })();
 //#endregion
-export { x as n, S as t };
+export { b as n, x as t };

package/chip.js

@@ -1,4 +1,4 @@
-import { n as e, t } from "./chip-group.component-BMpczIZH.js";
+import { n as e, t } from "./chip-group.component-DJORKUef.js";
 import { t as n } from "./chip.component-gcvF3pEX.js";
 import "./chip.pure.js";
 n.define(), t.define();

package/chip.pure.js

@@ -1,3 +1,3 @@
-import { n as e, t } from "./chip-group.component-BMpczIZH.js";
+import { n as e, t } from "./chip-group.component-DJORKUef.js";
 import { t as n } from "./chip.component-gcvF3pEX.js";
 export { n as SbbChipElement, t as SbbChipGroupElement, e as SbbChipInputTokenEndEvent };

package/{compact-paginator.component-C6qbMZ4X.js → compact-paginator.component-BAuShgQE.js}

@@ -3,7 +3,7 @@ import { SbbElement as n, i18nPage as r, i18nPaginatorOf as i } from "./core.js"
 import { SbbDividerElement as a } from "./divider.pure.js";
 import { SbbPaginatorCommonElementMixin as o } from "./paginator/common/paginator-common.js";
 //#region src/elements/paginator/compact-paginator/compact-paginator.scss?inline
-var s = ":host{display:flex;gap:var(--sbb-compact-paginator-gap);justify-content:var(--sbb-paginator-compact-justify-content, start);min-height:var(--sbb-compact-paginator-height)}:host([size=s]){--sbb-compact-paginator-height: var(--sbb-size-element-xs)}:host([size=m]){--sbb-compact-paginator-height: var(--sbb-size-element-m)}:host([negative]){--sbb-compact-paginator-color: var(--sbb-color-5)}:host([pager-position=end]){--sbb-paginator-compact-justify-content: end}.sbb-paginator__pages{font-size:var(--sbb-compact-paginator-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);display:flex;align-items:center;justify-content:center;gap:var(--sbb-compact-paginator-pages-gap);color:var(--sbb-compact-paginator-color)}.sbb-compact-paginator__divider{height:1rem;--sbb-divider-color: currentcolor}", c = class extends o(n) {
+var s = ":host{display:flex;gap:var(--sbb-compact-paginator-gap);justify-content:var(--sbb-paginator-compact-justify-content, start);min-height:var(--sbb-paginator-height)}:host([pager-position=end]){--sbb-paginator-compact-justify-content: end}.sbb-paginator__pages{font-size:var(--sbb-compact-paginator-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);display:flex;align-items:center;justify-content:center;gap:var(--sbb-compact-paginator-pages-gap);color:var(--sbb-paginator-color)}.sbb-compact-paginator__divider{height:1rem;--sbb-divider-color: currentcolor}", c = class extends o(n) {
 	static {
 		this.elementName = "sbb-compact-paginator";
 	}

package/container/sticky-bar/sticky-bar.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../sticky-bar.component-CmB6U3iY.js";
+import { t as e } from "../../sticky-bar.component-dmlGAZLW.js";
 export { e as SbbStickyBarElement };

package/container.js

@@ -1,5 +1,5 @@
 import { t as e } from "./container.component-sQtiqWxT.js";
-import { t } from "./sticky-bar.component-CmB6U3iY.js";
+import { t } from "./sticky-bar.component-dmlGAZLW.js";
 import "./container.pure.js";
 e.define(), t.define();
 //#endregion

package/container.pure.js

@@ -1,3 +1,3 @@
 import { t as e } from "./container.component-sQtiqWxT.js";
-import { t } from "./sticky-bar.component-CmB6U3iY.js";
+import { t } from "./sticky-bar.component-dmlGAZLW.js";
 export { e as SbbContainerElement, t as SbbStickyBarElement };

package/core/base-elements/selection-group-base-element.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../selection-group-base-element-BCEzcnya.js";
+import { t as e } from "../../selection-group-base-element-COFsU6Ur.js";
 export { e as SbbSelectionGroupBaseElement };

package/core/mixins/panel-mixin.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../panel-mixin-CcbyRemy.js";
+import { t as e } from "../../panel-mixin-XQXElTGt.js";
 export { e as SbbPanelMixin };

package/core/mixins/selection-panel-mixin.js

@@ -9,7 +9,7 @@ var t = (t) => {
 			return this.querySelector?.("sbb-radio-button-panel, sbb-checkbox-panel") ?? null;
 		}
 		constructor(...t) {
-			super(t), this._propertyWatcher = new e(this, () => this.panel, {
+			super(t), this._previousSize = null, this._propertyWatcher = new e(this, () => this.panel, {
 				checked: (e) => {
 					this.toggleState("checked", e.checked), this.onInputStateChange?.();
 				},

package/core/styles/core.scss

@@ -204,6 +204,9 @@ $theme: 'standard' !default;
 @use '../../option/optgroup/optgroup.global' as optgroup with (
   $theme: $theme
 );
+@use '../../paginator/common/paginator-common.global' as paginator-common with (
+  $theme: $theme
+);
 @use '../../paginator/paginator/paginator.global' as paginator with (
   $theme: $theme
 );
@@ -394,6 +397,7 @@ $theme: 'standard' !default;
   @include option-panel.base;
   @include optgroup.base;
   @include overlay.base;
+  @include paginator-common.base;
   @include paginator.base;
   @include compact-paginator.base;
   @include popover-component.base;

package/core/styles/lean-off-brand-theme.scss

@@ -0,0 +1,3 @@
+@use './theme' with (
+  $theme: 'lean-off-brand'
+);

package/core/styles/lean-safety-theme.scss

@@ -0,0 +1,3 @@
+@use './theme' with (
+  $theme: 'lean-safety'
+);

package/core/styles/option-panel-common.scss

@@ -104,7 +104,7 @@
 .sbb-option-panel__overlay {
   display: block;
   position: absolute;
-  visibility: var(--sbb-options-panel-visibility, 'visible');
+  visibility: var(--sbb-options-panel-visibility, visible);
   border: none;
   border-radius: var(--sbb-options-panel-border-radius);
   top: var(--sbb-options-panel-position-y);

package/core/styles/styles.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "../../styles-CgXa3TG9.js";
+import { i as e, n as t, r as n, t as r } from "../../styles-DAMaYe4p.js";
 export { r as hostScrollbarStyles, t as optionPanelStyles, n as screenReaderOnlyStyles, e as scrollbarStyles };

package/core.css

@@ -1258,10 +1258,18 @@ slot[name=error]::slotted(*) {
   --sbb-mini-button-group-border-width: var(--sbb-border-width-2x);
   --sbb-mini-button-group-border-radius: var(--sbb-border-radius-infinity);
   --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);
   --sbb-mini-button-group-divider-height: var(--sbb-size-icon-ui-small);
   --sbb-mini-button-group-divider-padding: var(--sbb-spacing-fixed-1x);
+  --sbb-mini-button-group-min-height-s: var(--sbb-size-element-xs);
+  --sbb-mini-button-group-min-height-m: var(--sbb-size-element-s);
+  --sbb-mini-button-group-min-height-l: var(--sbb-size-element-m);
+  --sbb-mini-button-group-min-height-xl: var(--sbb-size-element-l);
+  --sbb-mini-button-group-min-height: var(--sbb-mini-button-group-min-height-m);
+  --sbb-mini-button-group-padding-inline-s: var(--sbb-spacing-fixed-2x);
+  --sbb-mini-button-group-padding-inline-m: var(--sbb-spacing-fixed-3x);
+  --sbb-mini-button-group-padding-inline-l: var(--sbb-spacing-fixed-3x);
+  --sbb-mini-button-group-padding-inline-xl: var(--sbb-spacing-fixed-4x);
+  --sbb-mini-button-group-padding-inline: var(--sbb-mini-button-group-padding-inline-m);
   --sbb-calendar-cell-background-color: transparent;
   --sbb-calendar-cell-background-color-hover: var(--sbb-background-color-3);
   --sbb-calendar-cell-background-color-active: var(--sbb-background-color-4);
@@ -1310,13 +1318,6 @@ slot[name=error]::slotted(*) {
   --sbb-card-padding-inline-default: var(--sbb-spacing-responsive-s);
   --sbb-card-padding-block-default: var(--sbb-spacing-responsive-xxxs);
   --sbb-card-with-badge-padding-block-default: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-responsive-xxxs);
-}
-:root.sbb-lean {
-  --sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);
-  --sbb-card-padding-block: var(--sbb-spacing-fixed-3x);
-  --sbb-card-with-badge-padding-block: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-3x);
-}
-:root {
   --sbb-card-badge-gap: var(--sbb-spacing-fixed-2x);
   --sbb-card-badge-color: var(--sbb-color-2-inverted);
   --sbb-card-badge-background-color: var(--sbb-background-color-3-inverted);
@@ -1346,13 +1347,24 @@ slot[name=error]::slotted(*) {
   --sbb-chip-font-size: var(--sbb-text-font-size-xxs);
   --sbb-chip-height: 1.5rem;
   --sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-2x);
-  --_sbb-chip-group-margin-block-start-default: 0.125rem;
-  --_sbb-chip-group-margin-block-start-default-large: 0.21875rem;
   --sbb-chip-group-gap: var(--sbb-spacing-fixed-1x);
   --sbb-chip-group-input-min-width: 9.375rem;
-  --sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) 0;
-  --sbb-chip-group-margin-block-no-label-not-empty: 0.1875rem 0.6875rem;
-  --sbb-chip-group-margin-block-with-label-not-empty: var(--_sbb-chip-group-margin-block-start-default) var(--_sbb-chip-group-margin-block-start-default-large);
+  --_sbb-chip-group-margin-block-start-default: 0.125rem;
+  --_sbb-chip-group-margin-block-start-default-large: 0.21875rem;
+  --_sbb-chip-group-margin-block-base-lm: var(--_sbb-chip-group-margin-block-start-default) 0;
+  --_sbb-chip-group-margin-block-with-label-s: 0.375rem 0.3125rem;
+  --_sbb-chip-group-margin-block-without-label-s: 0 0.4375rem;
+  --_sbb-chip-group-margin-block-without-label-m: 0.1875rem
+    0.6875rem;
+  --_sbb-chip-group-margin-block-without-label-l: var(--_sbb-chip-group-margin-block-start-default)
+    1rem;
+  --_sbb-chip-group-margin-block-with-label-l: var(--_sbb-chip-group-margin-block-start-default)
+    0.46875rem;
+  --_sbb-chip-group-margin-block-with-label-m: var(--_sbb-chip-group-margin-block-start-default)
+    var(--_sbb-chip-group-margin-block-start-default-large);
+  --sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-base-lm);
+  --sbb-chip-group-margin-block-no-label-not-empty: var(--_sbb-chip-group-margin-block-without-label-m);
+  --sbb-chip-group-margin-block-with-label-not-empty: var(--_sbb-chip-group-margin-block-with-label-m);
   --sbb-selection-panel-background-default: var(--sbb-background-color-1);
   --sbb-selection-panel-background-milk: var(--sbb-background-color-3);
   --sbb-selection-panel-border-radius: var(--sbb-border-radius-4x);
@@ -1491,15 +1503,22 @@ slot[name=error]::slotted(*) {
   --_sbb-form-field-label-to-input-overlapping: var(--sbb-spacing-fixed-1x);
   --_sbb-form-field-floating-label-transform: 0.53125rem;
   --_sbb-form-field-spacer-margin-block-end: calc(-1 * var(--_sbb-form-field-label-to-input-overlapping));
+  --_sbb-form-field-input-margin-block-end: 0;
   --sbb-header-background: var(--sbb-background-color-1);
   --sbb-header-box-shadow: var(--sbb-box-shadow-level-9-soft);
   --sbb-header-inset-inline-end: 0;
   --sbb-header-position: fixed;
-  --sbb-header-height: var(--sbb-spacing-fixed-14x);
+  --sbb-header-height-s: 3.25rem;
+  --sbb-header-height-m: var(--sbb-spacing-fixed-14x);
+  --sbb-header-height: var(--sbb-header-height-m);
   --sbb-header-action-color: var(--sbb-color-1);
   --sbb-header-action-background-color: transparent;
-  --sbb-header-action-min-height: var(--sbb-size-element-s);
-  --sbb-header-action-padding-inline: var(--sbb-spacing-fixed-5x);
+  --sbb-header-action-min-height-s: var(--sbb-size-element-xs);
+  --sbb-header-action-min-height-m: var(--sbb-size-element-s);
+  --sbb-header-action-min-height: var(--sbb-header-action-min-height-m);
+  --sbb-header-action-padding-inline-s: var(--sbb-spacing-fixed-4x);
+  --sbb-header-action-padding-inline-m: var(--sbb-spacing-fixed-5x);
+  --sbb-header-action-padding-inline: var(--sbb-header-action-padding-inline-m);
   --sbb-header-action-transition-easing: var(--sbb-animation-easing);
   --sbb-header-action-border-color: transparent;
   --sbb-header-action-gap: var(--sbb-spacing-fixed-2x);
@@ -1682,16 +1701,13 @@ slot[name=error]::slotted(*) {
   --sbb-overlay-animation-easing: ease;
   --sbb-overlay-pointer-events: none;
   --sbb-overlay-container-display: none;
+  --sbb-paginator-color: var(--sbb-color-metal);
+  --sbb-paginator-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
   --sbb-paginator-height: var(--sbb-size-element-m);
-  --sbb-paginator-page-color: var(--sbb-color-metal);
-  --sbb-paginator-page-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
   --sbb-paginator-page-border-width: 0;
   --sbb-paginator-page-cursor: var(--sbb-cursor-pointer);
   --sbb-paginator-animation-easing: var(--sbb-animation-easing);
   --sbb-paginator-font-size: var(--sbb-text-font-size-s);
-  --sbb-compact-paginator-height: var(--sbb-size-element-m);
-  --sbb-compact-paginator-color: var(--sbb-color-metal);
-  --sbb-compact-paginator-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
   --sbb-compact-paginator-font-size: var(--sbb-text-font-size-m);
   --sbb-compact-paginator-gap: var(--sbb-spacing-fixed-5x);
   --sbb-compact-paginator-pages-gap: var(--sbb-spacing-fixed-2x);
@@ -1777,21 +1793,19 @@ slot[name=error]::slotted(*) {
   --sbb-status-title-color: var(--sbb-color-granite);
   --sbb-status-title-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
   --sbb-step-label-color: var(--sbb-color-4);
-  --sbb-step-label-font-size: var(--sbb-text-font-size-l);
-  --sbb-step-label-prefix-size: var(--sbb-size-element-xxs);
   --sbb-step-label-prefix-border-style: solid;
   --sbb-step-label-prefix-border-color: var(--sbb-border-color-4-inverted);
   --sbb-step-label-prefix-background-color: var(--sbb-background-color-1);
-  --sbb-step-label-gap: var(--sbb-spacing-fixed-4x);
-  --sbb-step-label-inset-block-start-size-m: calc(
-    var(--sbb-text-font-size-l) * (var(--sbb-typo-line-height-text) / 2) +
-      (var(--sbb-border-width-1x) / 2)
-  );
-  --sbb-step-label-inset-block-start-size-s: calc(
-    var(--sbb-text-font-size-m) * (var(--sbb-typo-line-height-text) / 2) +
-      (var(--sbb-border-width-1x) / 2)
-  );
-  --sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-m);
+  --sbb-step-label-number-font-size: var(--sbb-text-font-size-xxs);
+  --sbb-step-label-font-size-s: var(--sbb-text-font-size-m);
+  --sbb-step-label-font-size-m: var(--sbb-text-font-size-l);
+  --sbb-step-label-font-size: var(--sbb-step-label-font-size-m);
+  --sbb-step-label-gap-s: var(--sbb-spacing-fixed-3x);
+  --sbb-step-label-gap-m: var(--sbb-spacing-fixed-4x);
+  --sbb-step-label-gap: var(--sbb-step-label-gap-m);
+  --sbb-step-label-prefix-size-s: var(--sbb-size-element-xxxs);
+  --sbb-step-label-prefix-size-m: var(--sbb-size-element-xxs);
+  --sbb-step-label-prefix-size: var(--sbb-step-label-prefix-size-m);
   --sbb-stepper-orientation: row;
   --sbb-stepper-border-width: var(--sbb-border-width-1x);
   --sbb-stepper-marker-width: var(--sbb-border-width-3x);
@@ -1878,7 +1892,12 @@ slot[name=error]::slotted(*) {
   --sbb-tag-text-color: var(--sbb-color-2);
   --sbb-tag-amount-color: var(--sbb-color-metal);
   --sbb-tag-amount-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
-  --sbb-tag-height: var(--sbb-size-element-xs);
+  --sbb-tag-height-s: var(--sbb-size-element-xxxs);
+  --sbb-tag-height-m: var(--sbb-size-element-xs);
+  --sbb-tag-height: var(--sbb-tag-height-m);
+  --sbb-tag-padding-inline-s: var(--sbb-spacing-fixed-3x);
+  --sbb-tag-padding-inline-m: var(--sbb-spacing-fixed-5x);
+  --sbb-tag-padding-inline: var(--sbb-tag-padding-inline-m);
   --sbb-teaser-scale-hover: 1.02;
   --sbb-teaser-description-color: var(--sbb-color-granite);
   --sbb-teaser-description-color: light-dark(var(--sbb-color-granite), var(--sbb-color-silver));
@@ -1958,8 +1977,12 @@ slot[name=error]::slotted(*) {
   --sbb-toggle-check-border-width: var(--sbb-border-width-1x);
   --sbb-toggle-check-border-radius: var(--sbb-border-radius-4x);
   --sbb-toggle-check-shadow: var(--sbb-box-shadow-level-5-hard);
-  --sbb-toggle-padding-inline: var(--sbb-spacing-responsive-xs);
-  --sbb-toggle-height: var(--sbb-size-element-m);
+  --sbb-toggle-height-s: var(--sbb-size-element-xxs);
+  --sbb-toggle-height-m: var(--sbb-size-element-m);
+  --sbb-toggle-height: var(--sbb-toggle-height-m);
+  --sbb-toggle-padding-inline-s: var(--sbb-spacing-responsive-xxxs);
+  --sbb-toggle-padding-inline-m: var(--sbb-spacing-responsive-xs);
+  --sbb-toggle-padding-inline: var(--sbb-toggle-padding-inline-m);
   --sbb-toggle-background-color: var(--sbb-background-color-4);
   --sbb-toggle-background-inset: 0.125rem;
   --sbb-toggle-border-radius: var(--sbb-border-radius-infinity);
@@ -2145,14 +2168,29 @@ slot[name=error]::slotted(*) {
     --sbb-button-padding-inline-size-l: var(--sbb-spacing-fixed-10x);
     --sbb-button-padding-inline-size-m: var(--sbb-spacing-fixed-8x);
     --sbb-button-padding-inline-size-s: var(--sbb-spacing-fixed-5x);
-    --sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) 0;
-    --sbb-chip-group-margin-block-no-label-not-empty: 0.1875rem 0.875rem;
-    --sbb-chip-group-margin-block-with-label-not-empty: var(--_sbb-chip-group-margin-block-start-default-large) var(--_sbb-chip-group-margin-block-start-default-large);
+    --_sbb-chip-group-margin-block-base-lm: var(--_sbb-chip-group-margin-block-start-default-large) 0;
+    --_sbb-chip-group-margin-block-with-label-s: 0.3125rem 0.1875rem;
+    --_sbb-chip-group-margin-block-without-label-s: 0 0.3125rem;
+    --_sbb-chip-group-margin-block-without-label-m: 0.1875rem
+      0.875rem;
+    --_sbb-chip-group-margin-block-without-label-l: var(
+        --_sbb-chip-group-margin-block-start-default-large
+      )
+      1.25rem;
+    --_sbb-chip-group-margin-block-with-label-l: var(
+        --_sbb-chip-group-margin-block-start-default-large
+      )
+      0.46875rem;
+    --_sbb-chip-group-margin-block-with-label-m: var(
+        --_sbb-chip-group-margin-block-start-default-large
+      )
+      var(--_sbb-chip-group-margin-block-start-default-large);
     --sbb-flip-card-min-height: 20rem;
     --_sbb-form-field-label-to-input-overlapping: var(--sbb-spacing-fixed-1x);
     --_sbb-form-field-floating-label-transform: 0.65625rem;
     --_sbb-form-field-spacer-margin-block-end: calc(-1 * var(--_sbb-form-field-label-to-input-overlapping));
-    --sbb-header-height: var(--sbb-spacing-fixed-24x);
+    --sbb-header-height-s: var(--sbb-spacing-fixed-14x);
+    --sbb-header-height-m: var(--sbb-spacing-fixed-24x);
     --sbb-navigation-grid-column: 1 / 5;
     --sbb-navigation-padding-block-start: var(--sbb-spacing-responsive-xl);
     --sbb-navigation-padding-inline: var(--sbb-layout-base-offset-responsive) 0;
@@ -2437,22 +2475,10 @@ sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap
   }
 }
 
-:root:has(sbb-header[size=m]) {
-  --sbb-header-height: var(--sbb-spacing-fixed-14x);
-}
-
 :root:has(sbb-header[size=s]) {
-  --sbb-header-height: 3.25rem;
+  --sbb-header-height: var(--sbb-header-height-s);
 }
 
-@media (min-width: calc(64rem)) {
-  :root:has(sbb-header[size=m]) {
-    --sbb-header-height: var(--sbb-spacing-fixed-24x);
-  }
-  :root:has(sbb-header[size=s]) {
-    --sbb-header-height: var(--sbb-spacing-fixed-14x);
-  }
-}
 sbb-header + :where(sbb-sidebar-container, sbb-icon-sidebar-container) {
   margin-block-start: var(--sbb-header-height);
 }