@sbb-esta/lyne-elements 4.8.0 → 4.9.0

package/selection-action-panel.component-DsXSIUJY.js

@@ -0,0 +1,35 @@
+import { css as e, html as t } from "lit";
+import { SbbElement as n } from "./core/base-elements.js";
+import { SbbSelectionPanelMixin as r } from "./core/mixins.js";
+import { boxSizingStyles as i } from "./core/styles.js";
+//#region src/elements/selection-action-panel/selection-action-panel.scss?lit&inline
+var a = e`:host{--sbb-selection-panel-inner-background: transparent;--sbb-selection-panel-inner-border-width: 0px;--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );display:block;position:relative;flex:auto;width:var(--sbb-selection-group-elements-width, 100%)}:host(:where(:is(:state(color-milk),[state--color-milk]))){--sbb-selection-action-panel-background: var(--sbb-selection-panel-background-milk)}:host(:where(:is(:state(checked),[state--checked])):not(:where(:is(:state(disabled),[state--disabled])))){--sbb-selection-action-panel-border-color: var(--sbb-selection-panel-border-color-checked);--sbb-selection-action-panel-border-width: var(--sbb-selection-panel-border-width-checked)}:host(:is(:state(borderless),[state--borderless]):not(:where(:is(:state(checked),[state--checked])))){--sbb-selection-action-panel-border-color: transparent}:host(:where(:is(:state(with-expansion-panel),[state--with-expansion-panel]))){--sbb-selection-action-panel-background: transparent;--sbb-selection-action-panel-border-color: transparent}@media(forced-colors:active){:host(:not(:is(:state(with-expansion-panel),[state--with-expansion-panel]))):after{content:"";display:block;position:absolute;inset:0;pointer-events:none;border:var(--sbb-selection-panel-border-width-default) solid var(--sbb-selection-panel-border-color-default);border-radius:var(--sbb-selection-panel-border-radius)}}::slotted(:is(sbb-checkbox-panel,sbb-radio-button-panel)){flex:auto}:host(:is(:state(size-xs),[state--size-xs])){--sbb-selection-action-panel-action-margin-inline: var( --sbb-selection-action-panel-action-margin-inline-xs )}:host(:is(:state(size-s),[state--size-s])){--sbb-selection-action-panel-action-margin-inline: var( --sbb-selection-action-panel-action-margin-inline-s )}:host(:is(:state(size-m),[state--size-m])){--sbb-selection-action-panel-action-margin-inline: var( --sbb-selection-action-panel-action-margin-inline-m )}::slotted(:is(:is(:state(action),[state--action]),.sbb-action)){align-self:center;margin-inline:var(--sbb-selection-action-panel-action-margin-inline)}.sbb-selection-action-panel{display:flex;background-color:var(--sbb-selection-action-panel-background);border-radius:var(--sbb-selection-panel-border-radius);box-shadow:inset 0 0 0 var(--sbb-selection-action-panel-border-width) var(--sbb-selection-action-panel-border-color)}.sbb-selection-action-panel__badge{-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;inset:0;border-radius:var(--sbb-selection-panel-border-radius);overflow:hidden}`, o = class extends r(n) {
+	static {
+		this.elementName = "sbb-selection-action-panel";
+	}
+	static {
+		this.styles = [i, a];
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.toggleState("with-expansion-panel", this.parentElement?.localName === "sbb-selection-expansion-panel");
+	}
+	_handleSlotchange() {
+		let e = this.shadowRoot.querySelector("slot[name=\"badge\"]")?.assignedElements() ?? [], t = this.shadowRoot.querySelector("slot:not([name])")?.assignedElements({ flatten: !0 }) ?? [];
+		if (e.length > 0) {
+			let n = t.find((e) => e.localName === "sbb-radio-button-panel" || e.localName === "sbb-checkbox-panel");
+			n && !n.ariaDescription && (n.ariaDescribedByElements = e);
+		}
+	}
+	render() {
+		return t`
+      <div class="sbb-selection-action-panel__badge">
+        <slot name="badge" @slotchange=${this._handleSlotchange}></slot>
+      </div>
+      <div class="sbb-selection-action-panel">
+        <slot @slotchange=${this._handleSlotchange}></slot>
+      </div>
+    `;
+	}
+};
+//#endregion
+export { o as t };

package/selection-action-panel.js

@@ -1,4 +1,4 @@
-import { t as e } from "./selection-action-panel.component-QfR2kPeM.js";
+import { t as e } from "./selection-action-panel.component-DsXSIUJY.js";
 import "./selection-action-panel.pure.js";
 //#region src/elements/selection-action-panel.ts
 e.define();

package/selection-action-panel.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./selection-action-panel.component-QfR2kPeM.js";
+import { t as e } from "./selection-action-panel.component-DsXSIUJY.js";
 export { e as SbbSelectionActionPanelElement };

package/selection-expansion-panel/selection-expansion-panel.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../selection-expansion-panel.component-BQw9icBM.js";
+import { t as e } from "../selection-expansion-panel.component-DdUCJdYH.js";
 export { e as SbbSelectionExpansionPanelElement };

package/{selection-expansion-panel.component-BQw9icBM.js → selection-expansion-panel.component-DdUCJdYH.js}

@@ -10,7 +10,7 @@ import { SbbLanguageController as d } from "./core/controllers.js";
 import { i18nCollapsed as f, i18nExpanded as p } from "./core/i18n.js";
 import "./divider.js";
 //#region src/elements/selection-expansion-panel/selection-expansion-panel.scss?lit&inline
-var m = n`:host{--sbb-selection-panel-inner-background:transparent;--sbb-selection-panel-inner-border-width:0px;--sbb-selection-expansion-panel-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-4x));--sbb-focus-outline-color:var(--lightningcss-light,var(--sbb-focus-outline-color-default))var(--lightningcss-dark,var(--sbb-focus-outline-color-dark));width:var(--sbb-selection-group-elements-width,100%);background-color:var(--sbb-selection-expansion-panel-background);border-radius:var(--sbb-selection-panel-border-radius);box-shadow:inset 0 0 0 var(--sbb-selection-expansion-panel-border-width) var(--sbb-selection-expansion-panel-border-color);transition-duration:var(--sbb-selection-expansion-panel-animation-duration);transition-timing-function:var(--sbb-animation-easing);flex:auto;transition-property:box-shadow;display:block;position:relative}@media (forced-colors:active){:host:after{content:"";pointer-events:none;border:var(--sbb-selection-expansion-panel-border-width) solid var(--sbb-selection-expansion-panel-border-color);border-radius:var(--sbb-selection-panel-border-radius);display:block;position:absolute;inset:0}}:host(:is(:state(size-xs),[state--size-xs])){--sbb-selection-expansion-panel-content-padding-inline:var(--sbb-selection-panel-input-padding-inline-xs)}:host(:is(:state(size-s),[state--size-s])){--sbb-selection-expansion-panel-content-padding-inline:var(--sbb-selection-panel-input-padding-inline-s)}:host(:is(:state(size-m),[state--size-m])){--sbb-selection-expansion-panel-content-padding-inline:var(--sbb-selection-panel-input-padding-inline-m)}:host(:is(:state(color-milk),[state--color-milk])){--sbb-selection-expansion-panel-background:var(--sbb-selection-panel-background-milk)}:host(:where(:is(:state(checked),[state--checked])):not(:where(:is(:state(disabled),[state--disabled])))){--sbb-selection-expansion-panel-border-color:var(--sbb-selection-panel-border-color-checked);--sbb-selection-expansion-panel-border-width:var(--sbb-selection-panel-border-width-checked)}:host(:is(:state(slotted-content),[state--slotted-content]):where(:is(:state(disabled),[state--disabled]))){--sbb-selection-expansion-panel-border-color:var(--sbb-selection-panel-border-color-default)}:host(:is(:state(borderless),[state--borderless]):not(:where(:is(:state(checked),[state--checked])))){--sbb-selection-expansion-panel-border-color:transparent}:host(:not(:is(:state(slotted-content),[state--slotted-content]):where(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened])))){--sbb-selection-expansion-panel-content-padding-block-end:0px;--sbb-selection-expansion-panel-content-visibility:hidden}.sbb-selection-expansion-panel__content--wrapper{visibility:var(--sbb-selection-expansion-panel-content-visibility);opacity:0;grid-template-rows:0fr;display:grid}:host(:is(:state(state-opened),[state--state-opened])) .sbb-selection-expansion-panel__content--wrapper{opacity:1;grid-template-rows:1fr}:host(:is(:state(state-opening),[state--state-opening])) .sbb-selection-expansion-panel__content--wrapper{animation-name:open,open-opacity;animation-fill-mode:forwards;animation-duration:var(--sbb-selection-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing);animation-delay:0s, var(--sbb-selection-expansion-panel-animation-duration)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-selection-expansion-panel__content--wrapper{animation-name:close;animation-duration:var(--sbb-selection-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing)}:host(:not(:is(:state(slotted-content),[state--slotted-content]))) .sbb-selection-expansion-panel__content--wrapper{display:none}.sbb-selection-expansion-panel__content{padding-inline:var(--sbb-selection-expansion-panel-content-padding-inline);transition:padding var(--sbb-selection-expansion-panel-animation-duration) var(--sbb-animation-easing);padding-block-end:var(--sbb-selection-expansion-panel-content-padding-block-end);overflow:hidden}sbb-divider{margin-block-end:var(--sbb-selection-expansion-panel-content-padding-block-start)}@keyframes open{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}@keyframes open-opacity{0%{opacity:0}to{opacity:1}}@keyframes close{0%{opacity:1;grid-template-rows:1fr}to{opacity:0;grid-template-rows:0fr}}`, h = (() => {
+var m = n`:host{--sbb-selection-panel-inner-background: transparent;--sbb-selection-panel-inner-border-width: 0px;--sbb-selection-expansion-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );display:block;flex:auto;position:relative;width:var(--sbb-selection-group-elements-width, 100%);background-color:var(--sbb-selection-expansion-panel-background);border-radius:var(--sbb-selection-panel-border-radius);box-shadow:inset 0 0 0 var(--sbb-selection-expansion-panel-border-width) var(--sbb-selection-expansion-panel-border-color);transition-duration:var(--sbb-selection-expansion-panel-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:box-shadow}@media(forced-colors:active){:host:after{content:"";display:block;position:absolute;inset:0;pointer-events:none;border:var(--sbb-selection-expansion-panel-border-width) solid var(--sbb-selection-expansion-panel-border-color);border-radius:var(--sbb-selection-panel-border-radius)}}:host(:is(:state(size-xs),[state--size-xs])){--sbb-selection-expansion-panel-content-padding-inline: var( --sbb-selection-panel-input-padding-inline-xs )}:host(:is(:state(size-s),[state--size-s])){--sbb-selection-expansion-panel-content-padding-inline: var( --sbb-selection-panel-input-padding-inline-s )}:host(:is(:state(size-m),[state--size-m])){--sbb-selection-expansion-panel-content-padding-inline: var( --sbb-selection-panel-input-padding-inline-m )}:host(:is(:state(color-milk),[state--color-milk])){--sbb-selection-expansion-panel-background: var(--sbb-selection-panel-background-milk)}:host(:where(:is(:state(checked),[state--checked])):not(:where(:is(:state(disabled),[state--disabled])))){--sbb-selection-expansion-panel-border-color: var(--sbb-selection-panel-border-color-checked);--sbb-selection-expansion-panel-border-width: var(--sbb-selection-panel-border-width-checked)}:host(:is(:state(slotted-content),[state--slotted-content]):where(:is(:state(disabled),[state--disabled]))){--sbb-selection-expansion-panel-border-color: var(--sbb-selection-panel-border-color-default)}:host(:is(:state(borderless),[state--borderless]):not(:where(:is(:state(checked),[state--checked])))){--sbb-selection-expansion-panel-border-color: transparent}:host(:not(:is(:state(slotted-content),[state--slotted-content]):where(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened])))){--sbb-selection-expansion-panel-content-padding-block-end: 0px;--sbb-selection-expansion-panel-content-visibility: hidden}.sbb-selection-expansion-panel__content--wrapper{display:grid;visibility:var(--sbb-selection-expansion-panel-content-visibility);grid-template-rows:0fr;opacity:0}:host(:is(:state(state-opened),[state--state-opened])) .sbb-selection-expansion-panel__content--wrapper{grid-template-rows:1fr;opacity:1}:host(:is(:state(state-opening),[state--state-opening])) .sbb-selection-expansion-panel__content--wrapper{animation-name:open,open-opacity;animation-fill-mode:forwards;animation-duration:var(--sbb-selection-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing);animation-delay:0s,var(--sbb-selection-expansion-panel-animation-duration)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-selection-expansion-panel__content--wrapper{animation-name:close;animation-duration:var(--sbb-selection-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing)}:host(:not(:is(:state(slotted-content),[state--slotted-content]))) .sbb-selection-expansion-panel__content--wrapper{display:none}.sbb-selection-expansion-panel__content{overflow:hidden;padding-inline:var(--sbb-selection-expansion-panel-content-padding-inline);padding-block-end:var(--sbb-selection-expansion-panel-content-padding-block-end);transition:padding var(--sbb-selection-expansion-panel-animation-duration) var(--sbb-animation-easing)}sbb-divider{margin-block-end:var(--sbb-selection-expansion-panel-content-padding-block-start)}@keyframes open{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}@keyframes open-opacity{0%{opacity:0}to{opacity:1}}@keyframes close{0%{grid-template-rows:1fr;opacity:1}to{grid-template-rows:0fr;opacity:0}}`, h = (() => {
 	let n = l(o), h = [], g, _ = [], v = [], y;
 	return class extends n {
 		static {

package/selection-expansion-panel.js

@@ -1,4 +1,4 @@
-import { t as e } from "./selection-expansion-panel.component-BQw9icBM.js";
+import { t as e } from "./selection-expansion-panel.component-DdUCJdYH.js";
 import "./selection-expansion-panel.pure.js";
 //#region src/elements/selection-expansion-panel.ts
 e.define();

package/selection-expansion-panel.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./selection-expansion-panel.component-BQw9icBM.js";
+import { t as e } from "./selection-expansion-panel.component-DdUCJdYH.js";
 export { e as SbbSelectionExpansionPanelElement };

package/{selection-group-base-element-Bd6na8dT.js → selection-group-base-element-CBG8qr2t.js}

@@ -7,7 +7,7 @@ import { SbbDisabledMixin as s, SbbRequiredMixin as c } from "./core/mixins.js";
 import { boxSizingStyles as l } from "./core/styles.js";
 import { MutationController as u } from "@lit-labs/observers/mutation-controller.js";
 //#region src/elements/core/base-elements/selection-group-base-element.scss?lit&inline
-var d = r`:host{flex-flow:var(--sbb-selection-group-orientation) wrap;gap:var(--sbb-selection-group-gap);width:var(--sbb-selection-group-width);align-items:flex-start;display:flex}:host([orientation=vertical]){--sbb-selection-group-orientation:column;--sbb-selection-group-width:100%;--sbb-selection-group-elements-width:100%}:host(:is(:state(has-panel),[state--has-panel])){--sbb-selection-group-width:100%;--sbb-selection-group-gap:var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);--sbb-selection-group-elements-flex:auto}@media (width>=0){:host([orientation=vertical][horizontal-from=zero]){--sbb-selection-group-orientation:row;--sbb-selection-group-elements-width:auto}:host([orientation=vertical][horizontal-from=zero]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-selection-group-width:auto}}@media (width>=37.5rem){:host([orientation=vertical][horizontal-from=small]){--sbb-selection-group-orientation:row;--sbb-selection-group-elements-width:auto}:host([orientation=vertical][horizontal-from=small]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-selection-group-width:auto}}@media (width>=64rem){:host([orientation=vertical][horizontal-from=large]){--sbb-selection-group-orientation:row;--sbb-selection-group-elements-width:auto}:host([orientation=vertical][horizontal-from=large]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-selection-group-width:auto}}@media (width>=90rem){:host([orientation=vertical][horizontal-from=ultra]){--sbb-selection-group-orientation:row;--sbb-selection-group-elements-width:auto}:host([orientation=vertical][horizontal-from=ultra]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-selection-group-width:auto}}slot[name=error]::slotted(*){flex-basis:100%}::slotted(:is(sbb-checkbox-panel,sbb-radio-button-panel)){flex:var(--sbb-selection-group-elements-flex)}::slotted(:is(sbb-checkbox,sbb-checkbox-panel,sbb-radio-button-panel)){width:var(--sbb-selection-group-elements-width)}`, f = (() => {
+var d = r`:host{display:flex;flex-flow:var(--sbb-selection-group-orientation) wrap;gap:var(--sbb-selection-group-gap);align-items:flex-start;width:var(--sbb-selection-group-width)}:host([orientation=vertical]){--sbb-selection-group-orientation: column;--sbb-selection-group-width: 100%;--sbb-selection-group-elements-width: 100%}:host(:is(:state(has-panel),[state--has-panel])){--sbb-selection-group-width: 100%;--sbb-selection-group-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);--sbb-selection-group-elements-flex: auto}@media(min-width:0rem){:host([orientation=vertical][horizontal-from=zero]){--sbb-selection-group-orientation: row;--sbb-selection-group-elements-width: auto}:host([orientation=vertical][horizontal-from=zero]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-selection-group-width: auto}}@media(min-width:37.5rem){:host([orientation=vertical][horizontal-from=small]){--sbb-selection-group-orientation: row;--sbb-selection-group-elements-width: auto}:host([orientation=vertical][horizontal-from=small]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-selection-group-width: auto}}@media(min-width:64rem){:host([orientation=vertical][horizontal-from=large]){--sbb-selection-group-orientation: row;--sbb-selection-group-elements-width: auto}:host([orientation=vertical][horizontal-from=large]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-selection-group-width: auto}}@media(min-width:90rem){:host([orientation=vertical][horizontal-from=ultra]){--sbb-selection-group-orientation: row;--sbb-selection-group-elements-width: auto}:host([orientation=vertical][horizontal-from=ultra]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-selection-group-width: auto}}slot[name=error]::slotted(*){flex-basis:100%}::slotted(:is(sbb-checkbox-panel,sbb-radio-button-panel)){flex:var(--sbb-selection-group-elements-flex)}::slotted(:is(sbb-checkbox,sbb-checkbox-panel,sbb-radio-button-panel)){width:var(--sbb-selection-group-elements-width)}`, f = (() => {
 	let r = s(c(e)), f, p = [], m = [], h, g = [], _ = [], v, y = [], b = [];
 	return class extends r {
 		static {

package/sidebar/common/styles.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../../styles-CsBiCI23.js";
+import { n as e, r as t, t as n } from "../../styles-BhYx61ZB.js";
 export { n as iconSidebarButtonCommonStyle, t as sidebarContainerCommonStyle, e as sidebarContentCommonStyle };

package/sidebar/common.js

@@ -1,4 +1,4 @@
-import { n as e, r as t, t as n } from "../styles-CsBiCI23.js";
+import { n as e, r as t, t as n } from "../styles-BhYx61ZB.js";
 //#region src/elements/sidebar/common.ts
 console.warn("The entrypoint '@sbb-esta/elements/sidebar/common.js' has been deprecated.\nUse either '@sbb-esta/elements/sidebar.js' or '@sbb-esta/elements/sidebar.pure.js' instead.");
 //#endregion

package/sidebar/sidebar/sidebar.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../sidebar.component-zRpWDGKR.js";
+import { t as e } from "../../sidebar.component-BcgVWM8W.js";
 export { e as SbbSidebarElement };

package/sidebar/sidebar-close-button/sidebar-close-button.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../sidebar-close-button.component-D0JS2p5L.js";
+import { t as e } from "../../sidebar-close-button.component-BTrt_KtJ.js";
 export { e as SbbSidebarCloseButtonElement };

package/sidebar/sidebar-close-button.js

@@ -1,4 +1,4 @@
-import { t as e } from "../sidebar-close-button.component-D0JS2p5L.js";
+import { t as e } from "../sidebar-close-button.component-BTrt_KtJ.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/sidebar/sidebar-close-button.js' has been deprecated.\nUse either '@sbb-esta/elements/sidebar.js' or '@sbb-esta/elements/sidebar.pure.js' instead.");
 //#endregion
 export { e as SbbSidebarCloseButtonElement };

package/sidebar/sidebar-container/sidebar-container.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../sidebar-container.component-BFxFShTF.js";
+import { t as e } from "../../sidebar-container.component-5s-OUp0W.js";
 export { e as SbbSidebarContainerElement };

package/sidebar/sidebar-container.js

@@ -1,4 +1,4 @@
-import { t as e } from "../sidebar-container.component-BFxFShTF.js";
+import { t as e } from "../sidebar-container.component-5s-OUp0W.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/sidebar/sidebar-container.js' has been deprecated.\nUse either '@sbb-esta/elements/sidebar.js' or '@sbb-esta/elements/sidebar.pure.js' instead.");
 //#endregion
 export { e as SbbSidebarContainerElement };

package/sidebar/sidebar-content/sidebar-content.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../sidebar-content.component-M7FGd8SF.js";
+import { t as e } from "../../sidebar-content.component-cZMzji92.js";
 export { e as SbbSidebarContentElement };

package/sidebar/sidebar-content.js

@@ -1,4 +1,4 @@
-import { t as e } from "../sidebar-content.component-M7FGd8SF.js";
+import { t as e } from "../sidebar-content.component-cZMzji92.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/sidebar/sidebar-content.js' has been deprecated.\nUse either '@sbb-esta/elements/sidebar.js' or '@sbb-esta/elements/sidebar.pure.js' instead.");
 //#endregion
 export { e as SbbSidebarContentElement };

package/sidebar/sidebar-title/sidebar-title.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../sidebar-title.component-BfjxBPpH.js";
+import { t as e } from "../../sidebar-title.component-DYd-60nF.js";
 export { e as SbbSidebarTitleElement };

package/sidebar/sidebar-title.js

@@ -1,4 +1,4 @@
-import { t as e } from "../sidebar-title.component-BfjxBPpH.js";
+import { t as e } from "../sidebar-title.component-DYd-60nF.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/sidebar/sidebar-title.js' has been deprecated.\nUse either '@sbb-esta/elements/sidebar.js' or '@sbb-esta/elements/sidebar.pure.js' instead.");
 //#endregion
 export { e as SbbSidebarTitleElement };

package/sidebar/sidebar.js

@@ -1,4 +1,4 @@
-import { t as e } from "../sidebar.component-zRpWDGKR.js";
+import { t as e } from "../sidebar.component-BcgVWM8W.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/sidebar/sidebar.js' has been deprecated.\nUse either '@sbb-esta/elements/sidebar.js' or '@sbb-esta/elements/sidebar.pure.js' instead.");
 //#endregion
 export { e as SbbSidebarElement };

package/{sidebar-close-button.component-D0JS2p5L.js → sidebar-close-button.component-BTrt_KtJ.js}

@@ -3,7 +3,7 @@ import { SbbLanguageController as t } from "./core/controllers.js";
 import { i18nCloseSidebar as n } from "./core/i18n.js";
 import { SbbSecondaryButtonElement as r } from "./button/secondary-button.js";
 //#region src/elements/sidebar/sidebar-close-button/sidebar-close-button.scss?lit&inline
-var i = e`:host{height:fit-content;display:block}`, a = class extends r {
+var i = e`:host{display:block;height:fit-content}`, a = class extends r {
 	static {
 		this.elementName = "sbb-sidebar-close-button";
 	}

package/{sidebar-container.component-BFxFShTF.js → sidebar-container.component-5s-OUp0W.js}

@@ -4,7 +4,7 @@ import { ɵstateController as i } from "./core/mixins.js";
 import { boxSizingStyles as a } from "./core/styles.js";
 import { sidebarContainerCommonStyle as o } from "./sidebar/common/styles.js";
 //#region src/elements/sidebar/sidebar-container/sidebar-container.scss?lit&inline
-var s = e`:host{--sbb-sidebar-container-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-4x));--sbb-sidebar-container-animation-easing:var(--sbb-animation-easing);--sbb-sidebar-container-backdrop-opacity:0;--sbb-sidebar-container__backdrop-visibility:hidden;--sbb-sidebar-container-backdrop-animation-duration:var(--sbb-sidebar-container-animation-duration);display:block;overflow:hidden}@media (forced-colors:active){:host{--sbb-sidebar-container-backdrop-opacity:.5}}.sbb-sidebar-container-backdrop{visibility:var(--sbb-sidebar-container__backdrop-visibility);opacity:var(--sbb-sidebar-container-backdrop-opacity);background-color:var(--sbb-color-black);z-index:3;transition-duration:var(--sbb-sidebar-container-backdrop-animation-duration);transition-timing-function:var(--sbb-sidebar-container-animation-easing);transition-property:opacity,visibility;position:absolute;inset:0}`, c = /* @__PURE__ */ new Set(), l, u = 320, d = class extends r {
+var s = e`:host{display:block;overflow:hidden;--sbb-sidebar-container-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-sidebar-container-animation-easing: var(--sbb-animation-easing);--sbb-sidebar-container-backdrop-opacity: 0;--sbb-sidebar-container__backdrop-visibility: hidden;--sbb-sidebar-container-backdrop-animation-duration: var( --sbb-sidebar-container-animation-duration )}@media(forced-colors:active){:host{--sbb-sidebar-container-backdrop-opacity: .5}}.sbb-sidebar-container-backdrop{position:absolute;inset:0;visibility:var(--sbb-sidebar-container__backdrop-visibility);opacity:var(--sbb-sidebar-container-backdrop-opacity);background-color:var(--sbb-color-black);z-index:3;transition-duration:var(--sbb-sidebar-container-backdrop-animation-duration);transition-timing-function:var(--sbb-sidebar-container-animation-easing);transition-property:opacity,visibility}`, c = /* @__PURE__ */ new Set(), l, u = 320, d = class extends r {
 	constructor() {
 		super(...arguments), this._forcedClosedSidebars = /* @__PURE__ */ new WeakSet();
 	}

package/{sidebar-content.component-M7FGd8SF.js → sidebar-content.component-cZMzji92.js}

@@ -2,7 +2,7 @@ import { css as e, html as t } from "lit";
 import { SbbElement as n } from "./core/base-elements.js";
 import { sidebarContentCommonStyle as r } from "./sidebar/common/styles.js";
 //#region src/elements/sidebar/sidebar-content/sidebar-content.scss?lit&inline
-var i = e`:host{--sbb-sidebar-content__margin-inline-start:initial;--sbb-sidebar-content__margin-inline-end:initial;margin-inline:var(--sbb-sidebar-content__margin-inline-start,var(--sbb-sidebar-container__start-width,0)) var(--sbb-sidebar-content__margin-inline-end,var(--sbb-sidebar-container__end-width,0));transition:margin var(--sbb-sidebar-container-animation-duration) var(--sbb-sidebar-container-animation-easing)}`, a = class extends n {
+var i = e`:host{--sbb-sidebar-content__margin-inline-start: initial;--sbb-sidebar-content__margin-inline-end: initial;margin-inline:var(--sbb-sidebar-content__margin-inline-start, var(--sbb-sidebar-container__start-width, 0)) var(--sbb-sidebar-content__margin-inline-end, var(--sbb-sidebar-container__end-width, 0));transition:margin var(--sbb-sidebar-container-animation-duration) var(--sbb-sidebar-container-animation-easing)}`, a = class extends n {
 	static {
 		this.elementName = "sbb-sidebar-content";
 	}

package/{sidebar-title.component-BfjxBPpH.js → sidebar-title.component-DYd-60nF.js}

@@ -3,7 +3,7 @@ import { css as n } from "lit";
 import { property as r } from "lit/decorators.js";
 import { SbbTitleBase as i } from "./title.js";
 //#region src/elements/sidebar/sidebar-title/sidebar-title.scss?lit&inline
-var a = n`:host{-webkit-hyphens:auto;hyphens:auto;min-height:var(--sbb-sidebar__close-button-size);padding-block-start:calc(.5 * (var(--sbb-sidebar__close-button-size) - 1em * var(--sbb-typo-line-height-heading)))}`, o = (() => {
+var a = n`:host{-webkit-hyphens:auto;hyphens:auto;padding-block-start:calc(.5 * (var(--sbb-sidebar__close-button-size) - 1em * var(--sbb-typo-line-height-heading)));min-height:var(--sbb-sidebar__close-button-size)}`, o = (() => {
 	let n = i, o, s = [], c = [];
 	return class extends n {
 		static {

package/{sidebar.component-zRpWDGKR.js → sidebar.component-BcgVWM8W.js}

@@ -10,7 +10,7 @@ import { SbbEscapableOverlayController as p } from "./core/controllers.js";
 import { ResizeController as m } from "@lit-labs/observers/resize-controller.js";
 import { SbbFocusTrapController as h } from "./core/a11y.js";
 //#region src/elements/sidebar/sidebar/sidebar.scss?lit&inline
-var g = n`:host{--sbb-link-text-decoration-line:none;--sbb-sidebar-background-color:var(--sbb-background-color-1);--sbb-sidebar-title-padding-block:var(--sbb-spacing-fixed-3x);--sbb-sidebar-padding:var(--sbb-spacing-responsive-xs);--sbb-sidebar-scrollbar-placeholder-width:var(--sbb-spacing-fixed-3x);--sbb-sidebar-border-radius:var(--sbb-border-radius-8x);--sbb-sidebar-margin:var(--sbb-spacing-fixed-3x);--sbb-sidebar-title-gap:var(--sbb-spacing-fixed-2x);--sbb-sidebar__margin:0;--sbb-sidebar__margin-block-start:var(--sbb-sidebar-margin);--sbb-sidebar__translate-x:-100%;--sbb-sidebar__z-index:2;--sbb-sidebar__padding-inline-end:var(--sbb-sidebar-padding);--sbb-sidebar__padding-block-start:var(--sbb-sidebar-padding);--sbb-sidebar__border-radius-start:var(--sbb-sidebar-border-radius);--sbb-sidebar__border-radius-end:0;--sbb-sidebar__close-button-size:var(--sbb-size-element-xs);width:20rem;display:block}@supports (scrollbar-gutter:stable) and (not (-webkit-touch-callout:none)){:host{--sbb-sidebar__padding-inline-end:calc(var(--sbb-sidebar-padding) - var(--sbb-sidebar-scrollbar-placeholder-width))}}:host([color=milk]){--sbb-sidebar-background-color:var(--sbb-background-color-3)}:host(:is([mode=over],:is(:state(mode-over-forced),[state--mode-over-forced]):not(:is(:state(mode-over-forced-closing),[state--mode-over-forced-closing])))){--sbb-sidebar__margin:var(--sbb-sidebar-margin);--sbb-sidebar__border-radius-end:var(--sbb-sidebar-border-radius);--sbb-sidebar__z-index:3}:host(:is(:dir(rtl),[position=end])){--sbb-sidebar__translate-x:100%}:host(:dir(rtl)[position=end]){--sbb-sidebar__translate-x:-100%}.sbb-sidebar{width:inherit;max-width:calc(100% - 2 * var(--sbb-sidebar__margin));background-color:var(--sbb-sidebar-background-color);z-index:var(--sbb-sidebar__z-index);margin:var(--sbb-sidebar__margin);transition-duration:var(--sbb-sidebar-container-animation-duration);transition-timing-function:var(--sbb-sidebar-container-animation-easing);border-start-start-radius:var(--sbb-sidebar__border-radius-start);border-start-end-radius:var(--sbb-sidebar__border-radius-start);border-end-end-radius:var(--sbb-sidebar__border-radius-end);border-end-start-radius:var(--sbb-sidebar__border-radius-end);flex-direction:column;margin-block-start:var(--sbb-sidebar__margin-block-start);transition-property:width,translate;display:flex;position:absolute;inset-block:0;overflow:hidden;translate:none}:host([position=end]) .sbb-sidebar{inset-inline-end:0}:host(:is(:state(state-closed),[state--state-closed])) .sbb-sidebar{visibility:hidden}:host(:is(:is(:state(state-closing),[state--state-closing]),:is(:state(state-closed),[state--state-closed]))) .sbb-sidebar{translate:var(--sbb-sidebar__translate-x) 0}.sbb-sidebar-title-section{gap:var(--sbb-sidebar-title-gap);background-color:var(--sbb-sidebar-background-color);width:100%;padding-inline:var(--sbb-sidebar-padding);transition:box-shadow var(--sbb-animation-easing) var(--sbb-sidebar-container-animation-duration);box-shadow:none;display:flex}:host(:is(:state(scrolled),[state--scrolled])) .sbb-sidebar-title-section{box-shadow:var(--sbb-box-shadow-level-5-soft)}.sbb-sidebar-content-section{--sbb-scrollbar-thumb-width:.125rem;--sbb-scrollbar-thumb-width-hover:.25rem;--sbb-scrollbar-width-firefox:thin;--sbb-scrollbar-color:var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-black) 30%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-white) 30%, transparent));--sbb-scrollbar-color-hover:var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-black) 60%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-white) 60%, transparent));--sbb-scrollbar-track-color:transparent;--sbb-scrollbar-width:var(--sbb-spacing-fixed-3x)}.sbb-sidebar-content-section::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color,transparent)}.sbb-sidebar-content-section::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color,transparent)}.sbb-sidebar-content-section::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color,currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-sidebar-content-section::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover,currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-sidebar-content-section::-webkit-scrollbar-button{display:none}.sbb-sidebar-content-section::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-sidebar-content-section{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color,currentcolor) var(--sbb-scrollbar-track-color,transparent)}}.sbb-sidebar-content-section{padding-block-start:var(--sbb-sidebar__padding-block-start);padding-inline:var(--sbb-sidebar-padding) var(--sbb-sidebar__padding-inline-end);outline-color:var(--sbb-focus-outline-color);flex-grow:1;overflow-y:auto}@supports (scrollbar-gutter:stable){.sbb-sidebar-content-section{scrollbar-gutter:stable}}::slotted(sbb-sidebar-title){margin-block:var(--sbb-sidebar-title-padding-block);flex-grow:1}::slotted(sbb-sidebar-close-button){margin-inline-end:calc(-1 * (var(--sbb-sidebar-padding) - var(--sbb-sidebar-title-padding-block)));margin-block:var(--sbb-sidebar-title-padding-block);order:1;inset-inline-end:var(--sbb-sidebar-padding)}`, _ = (() => {
+var g = n`:host{display:block;width:20rem;--sbb-link-text-decoration-line: none;--sbb-sidebar-background-color: var(--sbb-background-color-1);--sbb-sidebar-title-padding-block: var(--sbb-spacing-fixed-3x);--sbb-sidebar-padding: var(--sbb-spacing-responsive-xs);--sbb-sidebar-scrollbar-placeholder-width: var(--sbb-spacing-fixed-3x);--sbb-sidebar-border-radius: var(--sbb-border-radius-8x);--sbb-sidebar-margin: var(--sbb-spacing-fixed-3x);--sbb-sidebar-title-gap: var(--sbb-spacing-fixed-2x);--sbb-sidebar__margin: 0;--sbb-sidebar__margin-block-start: var(--sbb-sidebar-margin);--sbb-sidebar__translate-x: -100%;--sbb-sidebar__z-index: 2;--sbb-sidebar__padding-inline-end: var(--sbb-sidebar-padding);--sbb-sidebar__padding-block-start: var(--sbb-sidebar-padding);--sbb-sidebar__border-radius-start: var(--sbb-sidebar-border-radius);--sbb-sidebar__border-radius-end: 0;--sbb-sidebar__close-button-size: var(--sbb-size-element-xs)}@supports (scrollbar-gutter: stable) and (not (-webkit-touch-callout: none)){:host{--sbb-sidebar__padding-inline-end: calc( var(--sbb-sidebar-padding) - var(--sbb-sidebar-scrollbar-placeholder-width) )}}:host([color=milk]){--sbb-sidebar-background-color: var(--sbb-background-color-3)}:host(:is([mode=over],:is(:state(mode-over-forced),[state--mode-over-forced]):not(:is(:state(mode-over-forced-closing),[state--mode-over-forced-closing])))){--sbb-sidebar__margin: var(--sbb-sidebar-margin);--sbb-sidebar__border-radius-end: var(--sbb-sidebar-border-radius);--sbb-sidebar__z-index: 3}:host(:is(:dir(rtl),[position=end])){--sbb-sidebar__translate-x: 100%}:host(:dir(rtl)[position=end]){--sbb-sidebar__translate-x: -100%}.sbb-sidebar{width:inherit;max-width:calc(100% - 2 * var(--sbb-sidebar__margin));background-color:var(--sbb-sidebar-background-color);display:flex;flex-direction:column;position:absolute;overflow:hidden;inset-block:0;z-index:var(--sbb-sidebar__z-index);border-start-start-radius:var(--sbb-sidebar__border-radius-start);border-start-end-radius:var(--sbb-sidebar__border-radius-start);border-end-start-radius:var(--sbb-sidebar__border-radius-end);border-end-end-radius:var(--sbb-sidebar__border-radius-end);margin:var(--sbb-sidebar__margin);margin-block-start:var(--sbb-sidebar__margin-block-start);transition-duration:var(--sbb-sidebar-container-animation-duration);transition-timing-function:var(--sbb-sidebar-container-animation-easing);transition-property:width,translate;translate:none}:host([position=end]) .sbb-sidebar{inset-inline-end:0}:host(:is(:state(state-closed),[state--state-closed])) .sbb-sidebar{visibility:hidden}:host(:is(:is(:state(state-closing),[state--state-closing]),:is(:state(state-closed),[state--state-closed]))) .sbb-sidebar{translate:var(--sbb-sidebar__translate-x) 0}.sbb-sidebar-title-section{display:flex;width:100%;gap:var(--sbb-sidebar-title-gap);background-color:var(--sbb-sidebar-background-color);padding-inline:var(--sbb-sidebar-padding);transition:box-shadow var(--sbb-animation-easing) var(--sbb-sidebar-container-animation-duration);box-shadow:none}:host(:is(:state(scrolled),[state--scrolled])) .sbb-sidebar-title-section{box-shadow:var(--sbb-box-shadow-level-5-soft)}.sbb-sidebar-content-section{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-sidebar-content-section::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sidebar-content-section::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sidebar-content-section::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-sidebar-content-section::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-sidebar-content-section::-webkit-scrollbar-button,.sbb-sidebar-content-section::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-sidebar-content-section{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-sidebar-content-section{padding-block-start:var(--sbb-sidebar__padding-block-start);padding-inline:var(--sbb-sidebar-padding) var(--sbb-sidebar__padding-inline-end);overflow-y:auto;flex-grow:1;outline-color:var(--sbb-focus-outline-color)}@supports (scrollbar-gutter: stable){.sbb-sidebar-content-section{scrollbar-gutter:stable}}::slotted(sbb-sidebar-title){flex-grow:1;margin-block:var(--sbb-sidebar-title-padding-block)}::slotted(sbb-sidebar-close-button){order:1;margin-inline-end:calc(-1 * (var(--sbb-sidebar-padding) - var(--sbb-sidebar-title-padding-block)));margin-block:var(--sbb-sidebar-title-padding-block);inset-inline-end:var(--sbb-sidebar-padding)}`, _ = (() => {
 	let n = d(s), _ = [], v, y = [], b = [], x, S = [], C = [], w, T = [], E = [], D, O = [], k = [], A, j = [], M = [], N;
 	return class extends n {
 		static {

package/sidebar.js

@@ -1,8 +1,8 @@
-import { t as e } from "./sidebar-close-button.component-D0JS2p5L.js";
-import { t } from "./sidebar-container.component-BFxFShTF.js";
-import { t as n } from "./sidebar-content.component-M7FGd8SF.js";
-import { t as r } from "./sidebar-title.component-BfjxBPpH.js";
-import { t as i } from "./sidebar.component-zRpWDGKR.js";
+import { t as e } from "./sidebar-close-button.component-BTrt_KtJ.js";
+import { t } from "./sidebar-container.component-5s-OUp0W.js";
+import { t as n } from "./sidebar-content.component-cZMzji92.js";
+import { t as r } from "./sidebar-title.component-DYd-60nF.js";
+import { t as i } from "./sidebar.component-BcgVWM8W.js";
 import "./sidebar.pure.js";
 i.define(), e.define(), t.define(), n.define(), r.define();
 //#endregion

package/sidebar.pure.js

@@ -1,6 +1,6 @@
-import { t as e } from "./sidebar-close-button.component-D0JS2p5L.js";
-import { t } from "./sidebar-container.component-BFxFShTF.js";
-import { t as n } from "./sidebar-content.component-M7FGd8SF.js";
-import { t as r } from "./sidebar-title.component-BfjxBPpH.js";
-import { t as i } from "./sidebar.component-zRpWDGKR.js";
+import { t as e } from "./sidebar-close-button.component-BTrt_KtJ.js";
+import { t } from "./sidebar-container.component-5s-OUp0W.js";
+import { t as n } from "./sidebar-content.component-cZMzji92.js";
+import { t as r } from "./sidebar-title.component-DYd-60nF.js";
+import { t as i } from "./sidebar.component-BcgVWM8W.js";
 export { e as SbbSidebarCloseButtonElement, t as SbbSidebarContainerElement, n as SbbSidebarContentElement, i as SbbSidebarElement, r as SbbSidebarTitleElement };

package/signet/signet.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../signet.component-Kwdy4Uor.js";
+import { t as e } from "../signet.component-CobWzWhG.js";
 export { e as SbbSignetElement };

package/signet.component-CobWzWhG.js

@@ -0,0 +1,99 @@
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { css as n, html as r } from "lit";
+import { property as i } from "lit/decorators.js";
+import { SbbElement as a } from "./core/base-elements.js";
+import { forceType as o } from "./core/decorators.js";
+import { boxSizingStyles as s } from "./core/styles.js";
+//#region src/elements/signet/signet.scss?lit&inline
+var c = n`:host{display:flex;align-items:center;justify-content:center;background-color:var(--sbb-signet-background-color);aspect-ratio:var(--sbb-signet-aspect-ratio);width:100%;height:var(--sbb-signet-height, auto)}:host([protective-room=minimal]){--sbb-signet-aspect-ratio: 108 / 64;--sbb-signet-svg-container-height: 68.75% }:host([protective-room=ideal]){--sbb-signet-aspect-ratio: 128 / 84;--sbb-signet-svg-container-height: calc(44 / 84 * 100%)}:host([protective-room=panel]){--sbb-signet-aspect-ratio: 143 / 48;--sbb-signet-background-color: unset}.sbb-signet__svg-container{display:flex;height:var(--sbb-signet-svg-container-height, auto)}svg{width:100%;height:100%}#sbb-signet__panel{fill:var(--sbb-signet-panel-color);stroke:var(--sbb-signet-panel-color)}#sbb-signet__icon{fill:var(--sbb-signet-icon-color)}`, l = (() => {
+	let n = a, l, u = [], d = [], f, p = [], m = [];
+	return class extends n {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
+			l = [i({
+				attribute: "protective-room",
+				reflect: !0
+			})], f = [o(), i({ attribute: "accessibility-label" })], e(this, null, l, {
+				kind: "accessor",
+				name: "protectiveRoom",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "protectiveRoom" in e,
+					get: (e) => e.protectiveRoom,
+					set: (e, t) => {
+						e.protectiveRoom = t;
+					}
+				},
+				metadata: t
+			}, u, d), e(this, null, f, {
+				kind: "accessor",
+				name: "accessibilityLabel",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "accessibilityLabel" in e,
+					get: (e) => e.accessibilityLabel,
+					set: (e, t) => {
+						e.accessibilityLabel = t;
+					}
+				},
+				metadata: t
+			}, p, m), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-signet";
+		}
+		static {
+			this.styles = [s, c];
+		}
+		#e = t(this, u, "ideal");
+		get protectiveRoom() {
+			return this.#e;
+		}
+		set protectiveRoom(e) {
+			this.#e = e;
+		}
+		#t = (t(this, d), t(this, p, "Logo"));
+		get accessibilityLabel() {
+			return this.#t;
+		}
+		set accessibilityLabel(e) {
+			this.#t = e;
+		}
+		render() {
+			return r`
+      <span class="sbb-signet__svg-container">
+        ${this.protectiveRoom === "panel" ? r`
+              <svg focusable="false" viewBox="0 0 143 48" xmlns="http://www.w3.org/2000/svg">
+                <title .textContent=${this.accessibilityLabel}></title>
+                <path id="sbb-signet__panel" stroke-width="1" d="M1 47h141V1H1v46z"></path>
+                <path
+                  id="sbb-signet__icon"
+                  d="M87 40h9.3L83.8 27.7h15.5V40h7.4V27.7h15.6L109.7 40h9.3l16-16-15.9-16h-9.3l12.5 12.3h-15.6V8h-7.4v12.3H83.8L96.3 8H87L71 24l16 16z"
+                ></path>
+              </svg>
+            ` : r`
+              <svg focusable="false" viewBox="0 0 80 40" xmlns="http://www.w3.org/2000/svg">
+                <title .textContent=${this.accessibilityLabel}></title>
+                <path
+                  id="sbb-signet__icon"
+                  d="M20.0265 40H31.6821L16 24.6154H35.3907V40H44.6093V24.6154H64.106L48.4238 40H60.0795L80 20.0531L60.0795 0H48.4238L64.106 15.3846H44.6093V0H35.3907V15.3846H16L31.6821 0H20.0265L0 20.0531L20.0265 40Z"
+                ></path>
+              </svg>
+            `}
+      </span>
+    `;
+		}
+		constructor() {
+			super(...arguments), t(this, m);
+		}
+	};
+})();
+//#endregion
+export { l as t };

package/signet.js

@@ -1,4 +1,4 @@
-import { t as e } from "./signet.component-Kwdy4Uor.js";
+import { t as e } from "./signet.component-CobWzWhG.js";
 import "./signet.pure.js";
 //#region src/elements/signet.ts
 e.define();

package/signet.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./signet.component-Kwdy4Uor.js";
+import { t as e } from "./signet.component-CobWzWhG.js";
 export { e as SbbSignetElement };

package/skiplink-list/skiplink-list.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../skiplink-list.component-BRJk6HvC.js";
+import { t as e } from "../skiplink-list.component-DHOXaPS-.js";
 export { e as SbbSkiplinkListElement };

package/{skiplink-list.component-BRJk6HvC.js → skiplink-list.component-DHOXaPS-.js}

@@ -9,7 +9,7 @@ import { boxSizingStyles as l } from "./core/styles.js";
 import { html as u, unsafeStatic as d } from "lit/static-html.js";
 import { SbbDarkModeController as f } from "./core/controllers.js";
 //#region src/elements/skiplink-list/skiplink-list.scss?lit&inline
-var p = n`:host{--sbb-skiplink-list-height:0;--sbb-skiplink-list-overflow:hidden;--sbb-skiplink-list-background:transparent;--sbb-skiplink-list-border:unset;display:block}.sbb-skiplink-list__wrapper{z-index:calc(var(--sbb-skiplink-list-z-index,var(--sbb-overlay-default-z-index)) + 1);position:fixed;inset-block-start:var(--sbb-spacing-fixed-4x);inset-inline-start:var(--sbb-spacing-fixed-4x)}.sbb-skiplink-list-title{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sbb-skiplink-list{font-size:inherit;margin:0;padding:0;list-style:none}.sbb-skiplink-list>:is(li,span){box-shadow:var(--sbb-box-shadow-level-5-hard);height:var(--sbb-skiplink-list-height);overflow:var(--sbb-skiplink-list-overflow);border-radius:var(--sbb-border-radius-4x);background-color:var(--sbb-skiplink-list-background);border:var(--sbb-skiplink-list-border);width:fit-content;display:list-item}.sbb-skiplink-list>:is(li,span):focus-within{--sbb-skiplink-list-height:auto;--sbb-skiplink-list-overflow:visible;--sbb-skiplink-list-background:var(--sbb-background-color-1-inverted);--sbb-skiplink-list-border:var(--sbb-border-width-2x) solid var(--sbb-border-color-1-inverted)}::slotted(:is(:state(sbb-link),[state--sbb-link])){--sbb-focus-outline-color:transparent;--sbb-link-padding:var(--sbb-spacing-fixed-2x) var(--sbb-spacing-responsive-xxs)}::slotted(*){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}:host(:is(:state(dark),[state--dark])) ::slotted(*){--sbb-link-color-normal:var(--sbb-color-midnight)}`, m = (() => {
+var p = n`:host{--sbb-skiplink-list-background: var(--sbb-background-color-1-inverted);position:fixed;inset-block-start:var(--sbb-spacing-fixed-4x);inset-inline-start:var(--sbb-spacing-fixed-4x);z-index:calc(var(--sbb-skiplink-list-z-index, var(--sbb-overlay-default-z-index)) + 1)}.sbb-skiplink-list-title{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-skiplink-list{list-style:none;margin:0;padding:0;font-size:inherit}.sbb-skiplink-list>:is(li,span){box-shadow:var(--sbb-box-shadow-level-5-hard);display:list-item;height:var(--sbb-skiplink-list-height, 0);overflow:var(--sbb-skiplink-list-overflow, hidden);border-radius:var(--sbb-border-radius-4x);background-color:var(--sbb-skiplink-list-background);border:var(--sbb-skiplink-list-border, unset);width:fit-content}.sbb-skiplink-list>:is(li,span):focus-within{--sbb-skiplink-list-height: auto;--sbb-skiplink-list-overflow: visible;--sbb-skiplink-list-border: var(--sbb-border-width-2x) solid var(--sbb-border-color-1-inverted)}::slotted(:is(:state(sbb-link),[state--sbb-link])){--sbb-focus-outline-color: transparent;--sbb-link-padding: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-responsive-xxs)}::slotted(*){color-scheme:only light}:host(:is(:state(dark),[state--dark])) ::slotted(*){--sbb-link-color-normal: var(--sbb-color-midnight)}`, m = (() => {
 	let n = c(i), m, h = [], g = [], _, v = [], y = [];
 	return class extends n {
 		constructor() {
@@ -85,15 +85,13 @@ var p = n`:host{--sbb-skiplink-list-height:0;--sbb-skiplink-list-overflow:hidden
 		render() {
 			let e = `h${this.titleLevel || "2"}`;
 			return u`
-      <div class="sbb-skiplink-list__wrapper">
-        <${d(e)}
-          class="sbb-skiplink-list-title"
-          id="sbb-skiplink-list-title-id"
-        >
-          <slot name="title">${this.titleContent}</slot>
-        </${d(e)}>
-        ${this.renderList({ ariaLabelledby: "sbb-skiplink-list-title-id" })}
-      </div>
+      <${d(e)}
+        class="sbb-skiplink-list-title"
+        id="sbb-skiplink-list-title-id"
+      >
+        <slot name="title">${this.titleContent}</slot>
+      </${d(e)}>
+      ${this.renderList({ ariaLabelledby: "sbb-skiplink-list-title-id" })}
     `;
 		}
 	};

package/skiplink-list.js

@@ -1,4 +1,4 @@
-import { t as e } from "./skiplink-list.component-BRJk6HvC.js";
+import { t as e } from "./skiplink-list.component-DHOXaPS-.js";
 import "./skiplink-list.pure.js";
 //#region src/elements/skiplink-list.ts
 e.define();

package/skiplink-list.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./skiplink-list.component-BRJk6HvC.js";
+import { t as e } from "./skiplink-list.component-DHOXaPS-.js";
 export { e as SbbSkiplinkListElement };

package/slider/slider.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../slider.component-CLNsu212.js";
+import { t as e } from "../slider.component-MdvM78XU.js";
 export { e as SbbSliderElement };

package/{slider.component-CLNsu212.js → slider.component-MdvM78XU.js}

@@ -8,7 +8,7 @@ import { boxSizingStyles as f } from "./core/styles.js";
 import "./icon.js";
 import { ref as p } from "lit/directives/ref.js";
 //#region src/elements/slider/slider.scss?lit&inline
-var m = n`:host{--sbb-slider-line-height:.25rem;--sbb-slider-value-fraction:0;--sbb-slider-knob-size:1.75rem;--sbb-slider-knob-size-active:1.9375rem;--sbb-slider-knob-border-size:.1875rem;--sbb-slider-knob-border-style:solid;--sbb-slider-knob-color:var(--sbb-background-color-1);--sbb-slider-knob-border-color:var(--sbb-color-primary);--sbb-slider-icon-color:var(--sbb-color-1);--sbb-slider-selected-line-color:var(--sbb-color-primary);--sbb-slider-selected-line-disabled-color:var(--lightningcss-light,var(--sbb-color-smoke))var(--lightningcss-dark,var(--sbb-color-cement));--sbb-slider-line-color:var(--sbb-border-color-5);--sbb-slider-line-disabled-color:var(--lightningcss-light,var(--sbb-color-graphite))var(--lightningcss-dark,var(--sbb-color-granite));width:min(25rem,100%);min-width:9.375rem;display:inline-block;outline:none!important}@media (forced-colors:active){:host{--sbb-slider-selected-line-color:Highlight;--sbb-slider-line-color:CanvasText}}:host(:disabled){--sbb-slider-icon-color:var(--lightningcss-light,var(--sbb-color-graphite))var(--lightningcss-dark,var(--sbb-color-smoke));--sbb-slider-knob-border-color:var(--sbb-border-color-5);--sbb-slider-knob-border-size:var(--sbb-border-width-2x);--sbb-slider-knob-border-style:dashed}:host([readonly]){--sbb-slider-icon-color:var(--sbb-color-5);--sbb-slider-knob-border-color:var(--sbb-slider-selected-line-disabled-color)}:host(:disabled),:host([readonly]){--sbb-slider-line-color:var(--sbb-slider-line-disabled-color);--sbb-slider-selected-line-color:var(--sbb-slider-selected-line-disabled-color)}@media (forced-colors:active){:host(:disabled),:host([readonly]){--sbb-slider-icon-color:GrayText;--sbb-slider-selected-line-disabled-color:GrayText;--sbb-slider-line-disabled-color:GrayText}}.sbb-slider__height-container{flex-direction:column;display:flex}.sbb-slider__height-container:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-slider__wrapper{gap:var(--sbb-spacing-fixed-2x);padding-block:calc(var(--sbb-spacing-fixed-1x) / 2);color:var(--sbb-slider-icon-color);display:flex}.sbb-slider__container{min-height:var(--sbb-size-icon-ui-small);flex-grow:1;position:relative}.sbb-slider__range-input{opacity:0;width:100%;margin:0;position:absolute;inset:0}.sbb-slider__line{height:var(--sbb-slider-line-height);background-color:var(--sbb-slider-line-color);border-radius:var(--sbb-slider-line-height);pointer-events:none;width:100%;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.sbb-slider__selected-line{background-color:var(--sbb-slider-selected-line-color);height:100%;width:calc(var(--sbb-slider-value-fraction) * 100%);position:relative}.sbb-slider__knob{box-shadow:var(--sbb-box-shadow-level-5-hard);width:var(--sbb-slider-knob-size);height:var(--sbb-slider-knob-size);top:50%;transition-property:width,height;transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-1x));background-color:var(--sbb-slider-knob-color);border:var(--sbb-slider-knob-border-size) var(--sbb-slider-knob-border-style) var(--sbb-slider-knob-border-color);pointer-events:none;border-radius:50%;transition-timing-function:ease-in;position:absolute;inset-inline-start:calc(var(--sbb-slider-value-fraction) * 100% - var(--sbb-slider-knob-size) * var(--sbb-slider-value-fraction));transform:translateY(-50%)}:host(:focus-visible) .sbb-slider__knob{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width);--sbb-slider-knob-size:var(--sbb-slider-knob-size-active)}:host(:not(:is(:disabled,[readonly]))) .sbb-slider__range-input:active~.sbb-slider__knob{--sbb-slider-knob-size:var(--sbb-slider-knob-size-active)}`, h = (() => {
+var m = n`@charset "UTF-8";:host{outline:none!important;display:inline-block;min-width:9.375rem;width:min(25rem,100%);--sbb-slider-line-height: .25rem;--sbb-slider-value-fraction: 0;--sbb-slider-knob-size: 1.75rem;--sbb-slider-knob-size-active: 1.9375rem;--sbb-slider-knob-border-size: .1875rem;--sbb-slider-knob-border-style: solid;--sbb-slider-knob-color: var(--sbb-background-color-1);--sbb-slider-knob-border-color: var(--sbb-color-primary);--sbb-slider-icon-color: var(--sbb-color-1);--sbb-slider-selected-line-color: var(--sbb-color-primary);--sbb-slider-selected-line-disabled-color: var(--sbb-color-smoke);--sbb-slider-selected-line-disabled-color: light-dark( var(--sbb-color-smoke), var(--sbb-color-cement) );--sbb-slider-line-color: var(--sbb-border-color-5);--sbb-slider-line-disabled-color: var(--sbb-color-graphite);--sbb-slider-line-disabled-color: light-dark(var(--sbb-color-graphite), var(--sbb-color-granite))}@media(forced-colors:active){:host{--sbb-slider-selected-line-color: Highlight;--sbb-slider-line-color: CanvasText}}:host(:disabled){--sbb-slider-icon-color: var(--sbb-color-graphite);--sbb-slider-icon-color: light-dark(var(--sbb-color-graphite), var(--sbb-color-smoke));--sbb-slider-knob-border-color: var(--sbb-border-color-5);--sbb-slider-knob-border-size: var(--sbb-border-width-2x);--sbb-slider-knob-border-style: dashed}:host([readonly]){--sbb-slider-icon-color: var(--sbb-color-5);--sbb-slider-knob-border-color: var(--sbb-slider-selected-line-disabled-color)}:host(:disabled),:host([readonly]){--sbb-slider-line-color: var(--sbb-slider-line-disabled-color);--sbb-slider-selected-line-color: var(--sbb-slider-selected-line-disabled-color)}@media(forced-colors:active){:host(:disabled),:host([readonly]){--sbb-slider-icon-color: GrayText;--sbb-slider-selected-line-disabled-color: GrayText;--sbb-slider-line-disabled-color: GrayText}}.sbb-slider__height-container{display:flex;flex-direction:column}.sbb-slider__height-container:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-slider__wrapper{display:flex;gap:var(--sbb-spacing-fixed-2x);padding-block:calc(var(--sbb-spacing-fixed-1x) / 2);color:var(--sbb-slider-icon-color)}.sbb-slider__container{position:relative;min-height:var(--sbb-size-icon-ui-small);flex-grow:1}.sbb-slider__range-input{position:absolute;width:100%;inset:0;opacity:0;margin:0}.sbb-slider__line{position:absolute;top:50%;transform:translateY(-50%);height:var(--sbb-slider-line-height);width:100%;background-color:var(--sbb-slider-line-color);border-radius:var(--sbb-slider-line-height);overflow:hidden;pointer-events:none}.sbb-slider__selected-line{position:relative;height:100%;background-color:var(--sbb-slider-selected-line-color);width:calc(var(--sbb-slider-value-fraction) * 100%)}.sbb-slider__knob{position:absolute;top:50%;transform:translateY(-50%);box-shadow:var(--sbb-box-shadow-level-5-hard);width:var(--sbb-slider-knob-size);height:var(--sbb-slider-knob-size);inset-inline-start:calc(var(--sbb-slider-value-fraction) * 100% - var(--sbb-slider-knob-size) * var(--sbb-slider-value-fraction));transition-property:width,height;transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-1x));transition-timing-function:ease-in;background-color:var(--sbb-slider-knob-color);border:var(--sbb-slider-knob-border-size) var(--sbb-slider-knob-border-style) var(--sbb-slider-knob-border-color);border-radius:50%;pointer-events:none}:host(:focus-visible) .sbb-slider__knob{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-slider-knob-size: var(--sbb-slider-knob-size-active)}:host(:not(:is(:disabled,[readonly]))) .sbb-slider__range-input:active~.sbb-slider__knob{--sbb-slider-knob-size: var(--sbb-slider-knob-size-active)}`, h = (() => {
 	let n = [c({ tabindex: "0" })], h, g = [], _, v = l(d(u(o))), y = [], b, x, S, C, w, T = [], E = [], D, O = [], k = [];
 	var A = class extends v {
 		static {

package/slider.js

@@ -1,4 +1,4 @@
-import { t as e } from "./slider.component-CLNsu212.js";
+import { t as e } from "./slider.component-MdvM78XU.js";
 import "./slider.pure.js";
 //#region src/elements/slider.ts
 e.define();

package/slider.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./slider.component-CLNsu212.js";
+import { t as e } from "./slider.component-MdvM78XU.js";
 export { e as SbbSliderElement };

package/standard-theme.css

@@ -1692,6 +1692,12 @@ slot[name=error]::slotted(*) {
   --sbb-options-panel-background-color: var(--sbb-background-color-1);
   --sbb-options-panel-divider-margin-block: var(--sbb-spacing-fixed-3x);
   --sbb-options-panel-padding-block: var(--sbb-spacing-fixed-2x);
+  --sbb-popover-arrow-size: var(--sbb-spacing-fixed-4x);
+  --sbb-popover-max-width: calc(100% - var(--sbb-spacing-fixed-2x));
+  --sbb-popover-border-radius: var(--sbb-border-radius-8x);
+  --sbb-popover-padding: var(--sbb-spacing-fixed-4x);
+  --sbb-popover-background: var(--sbb-background-color-1);
+  --sbb-popover-animation-easing: ease-out;
   --sbb-radio-button-label-gap: var(--sbb-spacing-fixed-2x);
   --sbb-radio-button-label-color: var(--sbb-color-3);
   --sbb-radio-button-background-color: var(--sbb-background-color-1);
@@ -1726,6 +1732,10 @@ slot[name=error]::slotted(*) {
     --sbb-selection-panel-input-padding-block-m
   );
   --sbb-selection-expansion-panel-content-padding-inline: var(--sbb-selection-panel-input-padding-inline-m);
+  --sbb-signet-background-color: var(--sbb-color-brand);
+  --sbb-signet-panel-color: var(--sbb-color-brand);
+  --sbb-signet-icon-color: var(--sbb-color-white);
+  --sbb-signet-aspect-ratio: 2 / 1;
   --sbb-status-color: var(--sbb-color-4);
   --sbb-status-gap: var(--sbb-spacing-fixed-1x);
   --sbb-status-font-size: var(--sbb-text-font-size-s);
@@ -1800,6 +1810,9 @@ slot[name=error]::slotted(*) {
     --sbb-radio-button-background-color: Canvas;
     --sbb-radio-button-border-width: var(--sbb-border-width-2x);
     --sbb-radio-button-border-color: ButtonBorder;
+    --sbb-signet-background-color: ButtonText !important;
+    --sbb-signet-panel-color: ButtonText !important;
+    --sbb-signet-icon-color: Canvas !important;
   }
 }
 :root {

package/status/status.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../status.component-CmLdUn37.js";
+import { t as e } from "../status.component-C3Wx4Gvn.js";
 export { e as SbbStatusElement };

package/{status.component-CmLdUn37.js → status.component-C3Wx4Gvn.js}

@@ -5,7 +5,7 @@ import { SbbElement as a } from "./core/base-elements.js";
 import { boxSizingStyles as o } from "./core/styles.js";
 import { SbbIconNameMixin as s } from "./icon.js";
 //#region src/elements/status/status.scss?lit&inline
-var c = n`:host{--sbb-status-text-color:var(--sbb-status-color);gap:var(--sbb-status-gap);color:var(--sbb-status-text-color);font-size:var(--sbb-status-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);display:flex}:host([type=error]){--sbb-status-color:var(--sbb-color-error)}:host([type=success]){--sbb-status-color:var(--sbb-color-success)}:host([type=warning]){--sbb-status-color:var(--sbb-color-2)}:host([type=pending]){--sbb-status-color:var(--sbb-color-sky)}:host([type=incomplete]){--sbb-status-color:var(--sbb-color-error)}:host([type=not-started]){--sbb-status-color:var(--sbb-color-5);--sbb-status-text-color:var(--sbb-color-2)}:host([type=in-progress]){--sbb-status-color:var(--sbb-color-pink)}:host(:is(:state(slotted-title),[state--slotted-title])){--sbb-status-gap:var(--sbb-spacing-responsive-xxxs);--_sbb-status-title-font-size:var(--sbb-heading-font-size-5);--_sbb-status-title-line-height:var(--sbb-typo-line-height-heading);color:var(--sbb-status-title-color)}.sbb-status__icon{color:var(--sbb-status-color);flex-shrink:0;margin-block-start:calc((var(--_sbb-status-title-font-size,var(--sbb-status-font-size)) * var(--_sbb-status-title-line-height,var(--sbb-typo-line-height-text)) - var(--sbb-size-icon-ui-small)) / 2);display:flex}.sbb-status__content-slot{margin:0;padding:0;display:inline}::slotted(sbb-title){margin-block:0}`, l = (() => {
+var c = n`:host{--sbb-status-text-color: var(--sbb-status-color);display:flex;gap:var(--sbb-status-gap);color:var(--sbb-status-text-color);font-size:var(--sbb-status-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text)}:host([type=error]){--sbb-status-color: var(--sbb-color-error)}:host([type=success]){--sbb-status-color: var(--sbb-color-success)}:host([type=warning]){--sbb-status-color: var(--sbb-color-2)}:host([type=pending]){--sbb-status-color: var(--sbb-color-sky)}:host([type=incomplete]){--sbb-status-color: var(--sbb-color-error)}:host([type=not-started]){--sbb-status-color: var(--sbb-color-5);--sbb-status-text-color: var(--sbb-color-2)}:host([type=in-progress]){--sbb-status-color: var(--sbb-color-pink)}:host(:is(:state(slotted-title),[state--slotted-title])){--sbb-status-gap: var(--sbb-spacing-responsive-xxxs);--_sbb-status-title-font-size: var(--sbb-heading-font-size-5);--_sbb-status-title-line-height: var(--sbb-typo-line-height-heading);color:var(--sbb-status-title-color)}.sbb-status__icon{display:flex;flex-shrink:0;color:var(--sbb-status-color);margin-block-start:calc((var(--_sbb-status-title-font-size, var(--sbb-status-font-size)) * var(--_sbb-status-title-line-height, var(--sbb-typo-line-height-text)) - var(--sbb-size-icon-ui-small)) / 2)}.sbb-status__content-slot{display:inline;margin:0;padding:0}::slotted(sbb-title){margin-block:0}`, l = (() => {
 	let n = s(a), l, u = [], d = [];
 	return class extends n {
 		static {

package/status.js

@@ -1,4 +1,4 @@
-import { t as e } from "./status.component-CmLdUn37.js";
+import { t as e } from "./status.component-C3Wx4Gvn.js";
 import "./status.pure.js";
 //#region src/elements/status.ts
 e.define();

package/status.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./status.component-CmLdUn37.js";
+import { t as e } from "./status.component-C3Wx4Gvn.js";
 export { e as SbbStatusElement };