@sbb-esta/lyne-elements 4.8.1 → 4.9.0

package/dialog/dialog-close-button.js

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

package/dialog/dialog-content/dialog-content.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../dialog-content.component-bHJNAgKn.js";
+import { t as e } from "../../dialog-content.component-DIKknjUX.js";
 export { e as SbbDialogContentElement };

package/dialog/dialog-content.js

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

package/dialog/dialog-title/dialog-title.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../dialog-title.component-BDHYjDn0.js";
+import { t as e } from "../../dialog-title.component-DSq0esCH.js";
 export { e as SbbDialogTitleElement };

package/dialog/dialog-title.js

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

package/dialog/dialog.js

@@ -1,4 +1,4 @@
-import { n as e, r as t, t as n } from "../dialog.component-CIPresmM.js";
+import { n as e, r as t, t as n } from "../dialog.component-BuIFpeUd.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/dialog/dialog.js' has been deprecated.\nUse either '@sbb-esta/elements/dialog.js' or '@sbb-esta/elements/dialog.pure.js' instead.");
 //#endregion
 export { n as SbbDialogCloseEvent, e as SbbDialogElement, t as assignDialogResult };

package/dialog-actions.component-C6m1odAP.js

@@ -0,0 +1,17 @@
+import { css as e } from "lit";
+import { isLean as t } from "./core/dom/lean-context.js";
+import { SbbActionGroupElement as n } from "./action-group.js";
+//#region src/elements/dialog/dialog-actions/dialog-actions.scss?lit&inline
+var r = e`:host{grid-area:actions;padding-inline:var(--sbb-dialog-padding-inline);padding-block:var(--sbb-dialog-padding-block);margin-block-start:auto;background-color:var(--sbb-dialog-background-color);transition:box-shadow var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);box-shadow:var(--sbb-dialog-block-end-box-shadow, none);position:relative}:host:before{content:"";display:block;position:absolute;align-self:start;border-block-start:var(--sbb-border-width-1x) solid var(--sbb-dialog-actions-border-color);transition:border-color var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);inset:0 auto auto 0;width:100%}@media(forced-colors:active){:host:before{border-color:CanvasText}}`, i = class extends n {
+	static {
+		this.elementName = "sbb-dialog-actions";
+	}
+	static {
+		this.styles = [n.styles, r];
+	}
+	constructor() {
+		super(), this.buttonSize = t() ? "s" : "m", this.linkSize = t() ? "xs" : "s";
+	}
+};
+//#endregion
+export { i as t };

package/{dialog-close-button.component-CeZrvBtz.js → dialog-close-button.component-DsNnE7BE.js}

@@ -3,7 +3,7 @@ import { SbbLanguageController as t } from "./core/controllers.js";
 import { i18nCloseDialog as n } from "./core/i18n.js";
 import { SbbSecondaryButtonElement as r } from "./button/secondary-button.js";
 //#region src/elements/dialog/dialog-close-button/dialog-close-button.scss?lit&inline
-var i = e`:host{height:fit-content;margin-inline:var(--sbb-dialog-close-button-margin-inline);grid-area:close-button;margin-block-start:calc(var(--sbb-dialog-padding-block) + .5 * (var(--sbb-typo-line-height-heading) * var(--_sbb-dialog-title-size,var(--sbb-heading-font-size-4)) - var(--sbb-size-element-xs)));display:block;inset-inline-end:var(--sbb-dialog-close-button-inset-inline-end)}`, a = class extends r {
+var i = e`:host{display:block;height:fit-content;grid-area:close-button;margin-inline:var(--sbb-dialog-close-button-margin-inline);inset-inline-end:var(--sbb-dialog-close-button-inset-inline-end);margin-block-start:calc(var(--sbb-dialog-padding-block) + .5 * (var(--sbb-typo-line-height-heading) * var(--_sbb-dialog-title-size, var(--sbb-heading-font-size-4)) - var(--sbb-size-element-xs)))}`, a = class extends r {
 	static {
 		this.elementName = "sbb-dialog-close-button";
 	}

package/{dialog-content.component-bHJNAgKn.js → dialog-content.component-DIKknjUX.js}

@@ -1,7 +1,7 @@
 import { css as e, html as t } from "lit";
 import { SbbElement as n } from "./core/base-elements.js";
 //#region src/elements/dialog/dialog-content/dialog-content.scss?lit&inline
-var r = e`:host{padding-block:var(--sbb-dialog-padding-block);padding-inline:var(--sbb-dialog-padding-inline);grid-area:content;display:block;overflow:auto}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width);--sbb-focus-outline-offset:calc(var(--sbb-focus-outline-width) * -1)}`, i = class extends n {
+var r = e`:host{display:block;padding-block:var(--sbb-dialog-padding-block);padding-inline:var(--sbb-dialog-padding-inline);grid-area:content;overflow:auto}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-offset: calc(var(--sbb-focus-outline-width) * -1)}`, i = class extends n {
 	static {
 		this.elementName = "sbb-dialog-content";
 	}

package/dialog-title.component-DSq0esCH.js

@@ -0,0 +1,17 @@
+import { css as e } from "lit";
+import { SbbNegativeMixin as t } from "./core/mixins.js";
+import { SbbTitleBase as n } from "./title.js";
+//#region src/elements/dialog/dialog-title/dialog-title.scss?lit&inline
+var r = e`:host{display:block;padding-block:var(--sbb-dialog-padding-block);padding-inline:var(--sbb-dialog-padding-inline);-webkit-hyphens:auto;hyphens:auto;grid-area:title;position:relative}:host([negative]){--sbb-title-text-color-normal: var(--sbb-color-3-negative)}:host:after{content:"";display:block;position:absolute;pointer-events:none;inset:0 -10rem 0 0;transition:box-shadow var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);box-shadow:var(--sbb-dialog-block-start-box-shadow, none)}`, i = class extends t(n) {
+	static {
+		this.elementName = "sbb-dialog-title";
+	}
+	static {
+		this.styles = [n.styles, r];
+	}
+	constructor() {
+		super(), this.level = "2", this.visualLevel = "4";
+	}
+};
+//#endregion
+export { i as t };

package/{dialog.component-CIPresmM.js → dialog.component-BuIFpeUd.js}

@@ -10,7 +10,7 @@ import "./screen-reader-only.js";
 import { SbbOverlayBaseElement as l, SbbOverlayCloseEvent as u, overlayRefs as d } from "./overlay.js";
 import { SbbOverlayCloseEvent as f, assignOverlayResult as p } from "./overlay/overlay-base-element.js";
 //#region src/elements/dialog/dialog/dialog.scss?lit&inline
-var m = n`:host{--sbb-dialog-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x));--sbb-dialog-padding-block:var(--sbb-spacing-responsive-xs);--sbb-dialog-shadow-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-4x));inset:var(--sbb-dialog-inset);z-index:var(--sbb-dialog-z-index,var(--sbb-overlay-default-z-index));display:none;position:fixed}@media (width>=64rem){:host{--sbb-dialog-max-width:min(calc(100vw - var(--sbb-spacing-fixed-30x) * 2), var(--sbb-dialog-max-width-default))}}:host(:is(:state(top-shadow),[state--top-shadow])){--sbb-dialog-block-start-box-shadow:var(--_sbb-dialog-block-shadow)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){display:block}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-pointer-events:all;--sbb-dialog-backdrop-color:var(--sbb-background-color-3)}@media (width>=64rem){:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-backdrop-visibility:visible;--sbb-dialog-backdrop-pointer-events:all}}:host([backdrop=translucent]:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-backdrop-color:color-mix(in srgb, var(--sbb-color-black) 50%, transparent)}:host([backdrop=opaque]:not([negative]):is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-backdrop-color:var(--sbb-background-color-3)}:host(:not([negative])){--_sbb-dialog-color:var(--sbb-dialog-color);--_sbb-dialog-block-shadow:var(--sbb-dialog-block-shadow);--sbb-dialog-actions-border-color:var(--sbb-background-color-4);--sbb-dialog-background-color:var(--sbb-background-color-1)}:host([negative]){--_sbb-dialog-color:var(--sbb-dialog-color-negative);--_sbb-dialog-block-shadow:var(--sbb-dialog-block-shadow-negative);--sbb-dialog-background-color:var(--sbb-background-color-1-negative);--sbb-dialog-actions-border-color:var(--sbb-background-color-4-negative);--sbb-dialog-backdrop-color:var(--sbb-background-color-3-negative);--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark)}:host(:is(:state(bottom-shadow),[state--bottom-shadow])){--sbb-dialog-block-end-box-shadow:var(--_sbb-dialog-block-shadow);--sbb-dialog-actions-border-color:transparent}:host(:not(:is(:state(state-closed),[state--state-closed]))){--sbb-dialog-inset:0}.sbb-dialog__container{pointer-events:var(--sbb-dialog-pointer-events);inset:var(--sbb-dialog-inset);align-items:center;display:flex;position:fixed}.sbb-dialog__container:before{content:"";visibility:var(--sbb-dialog-backdrop-visibility);pointer-events:var(--sbb-dialog-backdrop-pointer-events);inset:var(--sbb-dialog-inset);background-color:var(--sbb-dialog-backdrop-color);transition-duration:var(--sbb-dialog-animation-duration);transition-timing-function:var(--sbb-dialog-animation-easing);transition-property:background-color,visibility;position:fixed}.sbb-dialog{width:var(--sbb-dialog-width);height:var(--sbb-dialog-height);max-width:var(--sbb-dialog-max-width);max-height:var(--sbb-dialog-max-height);color:var(--_sbb-dialog-color);background-color:var(--sbb-dialog-background-color);border:none;margin:auto;padding:0;display:none;position:absolute;inset-inline:0}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-dialog{animation-name:open;animation-duration:var(--sbb-dialog-animation-duration);animation-timing-function:ease;display:block}:host(:is(:state(state-closing),[state--state-closing])) .sbb-dialog{pointer-events:none;animation-name:close}@media (forced-colors:active){.sbb-dialog{outline:var(--sbb-border-width-1x) solid CanvasText}}@media (width>=64rem){.sbb-dialog{border-radius:var(--sbb-dialog-border-radius);height:auto;overflow:hidden}}:host(:is(:state(has-intermediate-element),[state--has-intermediate-element])) ::slotted(:first-child),.sbb-dialog__wrapper{width:var(--sbb-dialog-width);height:var(--sbb-dialog-height);max-width:var(--sbb-dialog-max-width);max-height:var(--sbb-dialog-max-height)}:host(:is(:state(has-intermediate-element),[state--has-intermediate-element])) ::slotted(:first-child),:host(:not(:is(:state(has-intermediate-element),[state--has-intermediate-element]))) .sbb-dialog__wrapper{grid-template:"title close-button""content content"1fr"actions actions"/1fr auto;gap:0;display:grid}@keyframes open{0%{opacity:0;translate:0 var(--sbb-spacing-fixed-4x)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:0 var(--sbb-spacing-fixed-4x)}}`, h = 0, g = (() => {
+var m = n`:host{--sbb-dialog-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-dialog-padding-block: var(--sbb-spacing-responsive-xs);--sbb-dialog-shadow-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );display:none;position:fixed;inset:var(--sbb-dialog-inset);z-index:var(--sbb-dialog-z-index, var(--sbb-overlay-default-z-index))}@media(min-width:64rem){:host{--sbb-dialog-max-width: min( calc(100vw - var(--sbb-spacing-fixed-30x) * 2), var(--sbb-dialog-max-width-default) )}}:host(:is(:state(top-shadow),[state--top-shadow])){--sbb-dialog-block-start-box-shadow: var(--_sbb-dialog-block-shadow)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){display:block}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-pointer-events: all;--sbb-dialog-backdrop-color: var(--sbb-background-color-3)}@media(min-width:64rem){:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-backdrop-visibility: visible;--sbb-dialog-backdrop-pointer-events: all}}:host([backdrop=translucent]:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-backdrop-color: color-mix(in srgb, var(--sbb-color-black) 50%, transparent)}:host([backdrop=opaque]:not([negative]):is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-backdrop-color: var(--sbb-background-color-3)}:host(:not([negative])){--_sbb-dialog-color: var(--sbb-dialog-color);--_sbb-dialog-block-shadow: var(--sbb-dialog-block-shadow);--sbb-dialog-actions-border-color: var(--sbb-background-color-4);--sbb-dialog-background-color: var(--sbb-background-color-1)}:host([negative]){--_sbb-dialog-color: var(--sbb-dialog-color-negative);--_sbb-dialog-block-shadow: var(--sbb-dialog-block-shadow-negative);--sbb-dialog-background-color: var(--sbb-background-color-1-negative);--sbb-dialog-actions-border-color: var(--sbb-background-color-4-negative);--sbb-dialog-backdrop-color: var(--sbb-background-color-3-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:is(:state(bottom-shadow),[state--bottom-shadow])){--sbb-dialog-block-end-box-shadow: var(--_sbb-dialog-block-shadow);--sbb-dialog-actions-border-color: transparent}:host(:not(:is(:state(state-closed),[state--state-closed]))){--sbb-dialog-inset: 0}.sbb-dialog__container{pointer-events:var(--sbb-dialog-pointer-events);display:flex;align-items:center;position:fixed;inset:var(--sbb-dialog-inset)}.sbb-dialog__container:before{content:"";visibility:var(--sbb-dialog-backdrop-visibility);pointer-events:var(--sbb-dialog-backdrop-pointer-events);position:fixed;inset:var(--sbb-dialog-inset);background-color:var(--sbb-dialog-backdrop-color);transition-duration:var(--sbb-dialog-animation-duration);transition-timing-function:var(--sbb-dialog-animation-easing);transition-property:background-color,visibility}.sbb-dialog{display:none;position:absolute;inset-inline:0;margin:auto;padding:0;border:none;width:var(--sbb-dialog-width);height:var(--sbb-dialog-height);max-width:var(--sbb-dialog-max-width);max-height:var(--sbb-dialog-max-height);color:var(--_sbb-dialog-color);background-color:var(--sbb-dialog-background-color)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-dialog{display:block;animation-name:open;animation-duration:var(--sbb-dialog-animation-duration);animation-timing-function:ease}:host(:is(:state(state-closing),[state--state-closing])) .sbb-dialog{pointer-events:none;animation-name:close}@media(forced-colors:active){.sbb-dialog{outline:var(--sbb-border-width-1x) solid CanvasText}}@media(min-width:64rem){.sbb-dialog{border-radius:var(--sbb-dialog-border-radius);overflow:hidden;height:auto}}:host(:is(:state(has-intermediate-element),[state--has-intermediate-element])) ::slotted(:first-child),.sbb-dialog__wrapper{width:var(--sbb-dialog-width);height:var(--sbb-dialog-height);max-width:var(--sbb-dialog-max-width);max-height:var(--sbb-dialog-max-height)}:host(:is(:state(has-intermediate-element),[state--has-intermediate-element])) ::slotted(:first-child),:host(:not(:is(:state(has-intermediate-element),[state--has-intermediate-element]))) .sbb-dialog__wrapper{display:grid;grid-template:"title close-button" auto "content content" 1fr "actions actions" auto/1fr auto;gap:0}@keyframes open{0%{opacity:0;translate:0 var(--sbb-spacing-fixed-4x)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:0 var(--sbb-spacing-fixed-4x)}}`, h = 0, g = (() => {
 	let n = l, f, p = [], g = [], _, v = [], y = [];
 	return class extends n {
 		static {

package/dialog.js

@@ -1,8 +1,8 @@
-import { t as e } from "./dialog-actions.component-QvbasYxg.js";
-import { t } from "./dialog-close-button.component-CeZrvBtz.js";
-import { t as n } from "./dialog-content.component-bHJNAgKn.js";
-import { t as r } from "./dialog-title.component-BDHYjDn0.js";
-import { n as i, r as a, t as o } from "./dialog.component-CIPresmM.js";
+import { t as e } from "./dialog-actions.component-C6m1odAP.js";
+import { t } from "./dialog-close-button.component-DsNnE7BE.js";
+import { t as n } from "./dialog-content.component-DIKknjUX.js";
+import { t as r } from "./dialog-title.component-DSq0esCH.js";
+import { n as i, r as a, t as o } from "./dialog.component-BuIFpeUd.js";
 import "./dialog.pure.js";
 i.define(), e.define(), t.define(), n.define(), r.define();
 //#endregion

package/dialog.pure.js

@@ -1,6 +1,6 @@
-import { t as e } from "./dialog-actions.component-QvbasYxg.js";
-import { t } from "./dialog-close-button.component-CeZrvBtz.js";
-import { t as n } from "./dialog-content.component-bHJNAgKn.js";
-import { t as r } from "./dialog-title.component-BDHYjDn0.js";
-import { n as i, r as a, t as o } from "./dialog.component-CIPresmM.js";
+import { t as e } from "./dialog-actions.component-C6m1odAP.js";
+import { t } from "./dialog-close-button.component-DsNnE7BE.js";
+import { t as n } from "./dialog-content.component-DIKknjUX.js";
+import { t as r } from "./dialog-title.component-DSq0esCH.js";
+import { n as i, r as a, t as o } from "./dialog.component-BuIFpeUd.js";
 export { e as SbbDialogActionsElement, t as SbbDialogCloseButtonElement, o as SbbDialogCloseEvent, n as SbbDialogContentElement, i as SbbDialogElement, r as SbbDialogTitleElement, a as assignDialogResult };

package/divider/divider.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../divider.component-B99DkxCv.js";
+import { t as e } from "../divider.component-DwDhJGac.js";
 export { e as SbbDividerElement };

package/{divider.component-B99DkxCv.js → divider.component-DwDhJGac.js}

@@ -5,7 +5,7 @@ import { SbbElement as a } from "./core/base-elements.js";
 import { SbbNegativeMixin as o } from "./core/mixins.js";
 import { boxSizingStyles as s } from "./core/styles.js";
 //#region src/elements/divider/divider.scss?lit&inline
-var c = n`:host{display:block}:host([orientation=vertical]){height:100%}:host([negative]){--sbb-divider-color:var(--sbb-divider-color-negative)}:host(:is([orientation=horizontal],:not([orientation]))) .sbb-divider{border-top:var(--sbb-divider-border-width) solid var(--sbb-divider-color)}:host([orientation=vertical]) .sbb-divider{border-left:var(--sbb-divider-border-width) solid var(--sbb-divider-color);height:100%}`, l = (() => {
+var c = n`:host{display:block}:host([orientation=vertical]){height:100%}:host([negative]){--sbb-divider-color: var(--sbb-divider-color-negative)}:host(:is([orientation=horizontal],:not([orientation]))) .sbb-divider{border-top:var(--sbb-divider-border-width) solid var(--sbb-divider-color)}:host([orientation=vertical]) .sbb-divider{height:100%;border-left:var(--sbb-divider-border-width) solid var(--sbb-divider-color)}`, l = (() => {
 	let n = o(a), l, u = [], d = [];
 	return class extends n {
 		static {

package/divider.js

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

package/divider.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./divider.component-B99DkxCv.js";
+import { t as e } from "./divider.component-DwDhJGac.js";
 export { e as SbbDividerElement };

package/{error.component-DTYppqRY.js → error.component-DpUkVwHl.js}

@@ -3,7 +3,7 @@ import { SbbElement as n } from "./core/base-elements.js";
 import { SbbNegativeMixin as r } from "./core/mixins.js";
 import { boxSizingStyles as i } from "./core/styles.js";
 //#region src/elements/form-field/error/error.scss?lit&inline
-var a = e`:host{--_sbb-error-height:calc(var(--sbb-typo-line-height-text) * 1em);--sbb-icon-svg-width:var(--sbb-error-icon-size);--sbb-icon-svg-height:var(--sbb-error-icon-size);color:var(--sbb-error-color);min-height:var(--_sbb-error-height);font-size:var(--sbb-error-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);align-items:flex-start;display:flex}@media (forced-colors:active){:host{--sbb-error-color:LinkText!important}}:host([negative]){--sbb-error-color:var(--sbb-color-red85)}.error__icon{height:var(--_sbb-error-height);align-items:center;margin-inline-end:var(--sbb-spacing-fixed-1x);display:flex}.error-content{line-height:var(--sbb-typo-line-height-text);vertical-align:text-top}.error__icon-svg{stroke:currentColor;height:var(--_sbb-error-height)}`, o = 0, s = class extends r(n) {
+var a = e`:host{--_sbb-error-height: calc(var(--sbb-typo-line-height-text) * 1em);--sbb-icon-svg-width: var(--sbb-error-icon-size);--sbb-icon-svg-height: var(--sbb-error-icon-size);display:flex;align-items:flex-start;color:var(--sbb-error-color);min-height:var(--_sbb-error-height);font-size:var(--sbb-error-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text)}@media(forced-colors:active){:host{--sbb-error-color: LinkText !important}}:host([negative]){--sbb-error-color: var(--sbb-color-red85)}.error__icon{display:flex;align-items:center;height:var(--_sbb-error-height);margin-inline-end:var(--sbb-spacing-fixed-1x)}.error-content{line-height:var(--sbb-typo-line-height-text);vertical-align:text-top}.error__icon-svg{stroke:currentcolor;height:var(--_sbb-error-height)}`, o = 0, s = class extends r(n) {
 	static {
 		this.elementName = "sbb-error";
 	}

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../expansion-panel.component-CGss5cPS.js";
+import { t as e } from "../../expansion-panel.component-DxEqf6H1.js";
 export { e as SbbExpansionPanelElement };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../expansion-panel-content.component-DCl4nQ8V.js";
+import { t as e } from "../../expansion-panel-content.component-2C7bavY5.js";
 export { e as SbbExpansionPanelContentElement };

package/expansion-panel/expansion-panel-content.js

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

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../expansion-panel-header.component-jc1Ty5jz.js";
+import { t as e } from "../../expansion-panel-header.component-B5ulwstr.js";
 export { e as SbbExpansionPanelHeaderElement };

package/expansion-panel/expansion-panel-header.js

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

package/expansion-panel/expansion-panel.js

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

package/expansion-panel-content.component-2C7bavY5.js

@@ -0,0 +1,29 @@
+import { css as e, html as t } from "lit";
+import { SbbElement as n } from "./core/base-elements.js";
+import { boxSizingStyles as r } from "./core/styles.js";
+import { SbbPropertyWatcherController as i } from "./core/controllers.js";
+//#region src/elements/expansion-panel/expansion-panel-content/expansion-panel-content.scss?lit&inline
+var a = e`:host{--sbb-expansion-panel-content-padding-inline-start: var( --sbb-expansion-panel-content-padding-inline );display:block;padding-block-end:var(--sbb-expansion-panel-content-padding-block-end);padding-inline:var(--sbb-expansion-panel-content-padding-inline-start) var(--sbb-expansion-panel-content-padding-inline)}:host(:is(:state(size-s),[state--size-s])){--sbb-expansion-panel-content-padding-inline: var(--sbb-expansion-panel-content-padding-inline-s)}:host(:is(:state(size-l),[state--size-l])){--sbb-expansion-panel-content-padding-inline: var(--sbb-expansion-panel-content-padding-inline-l)}:host(:not(:is(:state(size-s),[state--size-s]),:is(:state(size-l),[state--size-l]))){--sbb-expansion-panel-content-padding-inline: var( --sbb-expansion-panel-content-padding-inline-default )}@media(min-width:37.5rem){:host(:is(:state(icon-space),[state--icon-space])){--sbb-expansion-panel-content-padding-inline-start: calc( var(--sbb-expansion-panel-content-padding-inline) + var(--sbb-expansion-panel-icon-size) + var(--sbb-expansion-panel-title-gap) )}}::slotted(:is(p,sbb-title):first-child){margin-block-start:0}`, o = class extends n {
+	static {
+		this.elementName = "sbb-expansion-panel-content";
+	}
+	static {
+		this.role = "region";
+	}
+	static {
+		this.styles = [r, a];
+	}
+	constructor() {
+		super(), this.addController(new i(this, () => this.closest("sbb-expansion-panel"), { size: (e) => {
+			this._previousSize && this.internals.states.delete(`size-${this._previousSize}`), this._previousSize = e.size, this._previousSize && this.internals.states.add(`size-${this._previousSize}`);
+		} }));
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.slot ||= "content";
+	}
+	render() {
+		return t` <slot></slot> `;
+	}
+};
+//#endregion
+export { o as t };

package/expansion-panel-header.component-B5ulwstr.js

@@ -0,0 +1,56 @@
+import { css as e, html as t, nothing as n } from "lit";
+import { SbbButtonBaseElement as r } from "./core/base-elements.js";
+import { SbbDisabledTabIndexActionMixin as i, ɵstateController as a } from "./core/mixins.js";
+import { boxSizingStyles as o } from "./core/styles.js";
+import { SbbMediaMatcherController as s, SbbMediaQueryHover as c, SbbPropertyWatcherController as l } from "./core/controllers.js";
+import { SbbIconNameMixin as u } from "./icon.js";
+//#region src/elements/expansion-panel/expansion-panel-header/expansion-panel-header.scss?lit&inline
+var d = e`:host{display:block}:host(:is(:state(size-s),[state--size-s])){--sbb-expansion-panel-header-gap: var(--sbb-expansion-panel-header-gap-s);--sbb-expansion-panel-header-padding-block: var(--sbb-expansion-panel-header-padding-block-s);--sbb-expansion-panel-header-padding-inline: var(--sbb-expansion-panel-header-padding-inline-s)}:host(:is(:state(size-l),[state--size-l])){--sbb-expansion-panel-header-gap: var(--sbb-expansion-panel-header-gap-l);--sbb-expansion-panel-header-padding-block: var(--sbb-expansion-panel-header-padding-block-l);--sbb-expansion-panel-header-padding-inline: var(--sbb-expansion-panel-header-padding-inline-l)}:host(:not(:is(:state(size-s),[state--size-s]),:is(:state(size-l),[state--size-l]))){--sbb-expansion-panel-header-gap: var(--sbb-expansion-panel-header-gap-default);--sbb-expansion-panel-header-padding-block: var( --sbb-expansion-panel-header-padding-block-default );--sbb-expansion-panel-header-padding-inline: var( --sbb-expansion-panel-header-padding-inline-default )}:host(:is(:disabled,[disabled-interactive])){--sbb-expansion-panel-header-cursor: var(--sbb-cursor-default);--sbb-expansion-panel-header-text-color: var(--sbb-color-granite);--sbb-expansion-panel-header-text-color: light-dark( var(--sbb-color-granite), var(--sbb-color-storm) )}@media(forced-colors:active){:host(:is(:disabled,[disabled-interactive])){--sbb-expansion-panel-header-text-color: GrayText}}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-spacing-fixed-1x);border-radius:var(--sbb-expansion-panel-border-radius)}.sbb-expansion-panel-header{display:flex;justify-content:var(--sbb-expansion-panel-header-justify-content);align-items:center;gap:var(--sbb-expansion-panel-header-gap);width:100%;padding:var(--sbb-expansion-panel-header-padding-block) var(--sbb-expansion-panel-header-padding-inline);text-align:start;cursor:var(--sbb-expansion-panel-header-cursor);color:var(--sbb-expansion-panel-header-text-color);font-size:var(--sbb-expansion-panel-header-font-size);font-weight:400;letter-spacing:var(--sbb-typo-letter-spacing-text);-webkit-tap-highlight-color:transparent}.sbb-expansion-panel-header__title,.sbb-expansion-panel-header__toggle,.sbb-expansion-panel-header__icon{display:flex}.sbb-expansion-panel-header__icon{width:var(--sbb-expansion-panel-icon-size);--sbb-icon-svg-width: var(--sbb-expansion-panel-icon-size);--sbb-icon-svg-height: var(--sbb-expansion-panel-icon-size)}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-expansion-panel-header__icon{display:none}.sbb-expansion-panel-header__title{align-items:center;gap:var(--sbb-expansion-panel-title-gap);overflow:hidden;min-height:var(--sbb-size-icon-ui-medium)}.sbb-expansion-panel-header__toggle-icon{transition:transform var(--sbb-disable-animation-duration, var(--sbb-animation-duration-4x))}:host([aria-expanded]:not([aria-expanded=false])) .sbb-expansion-panel-header__toggle-icon{transform:rotate(-180deg)}`, f = class extends i(u(r)) {
+	static {
+		this.elementName = "sbb-expansion-panel-header";
+	}
+	static {
+		this.styles = [o, d];
+	}
+	static {
+		this.events = { toggleexpanded: "toggleexpanded" };
+	}
+	constructor() {
+		super(), this._mediaMatcher = new s(this, { [c]: (e) => this._isHover = e }), this._isHover = this._mediaMatcher.matches(c) ?? !1, this.addEventListener?.("click", () => this._emitExpandedEvent()), this.addEventListener?.("mouseenter", () => this._onMouseMovement(!0)), this.addEventListener?.("mouseleave", () => this._onMouseMovement(!1)), this.addEventListener?.("slottedchange", () => this._setIconState()), this.addController(new l(this, () => this.closest("sbb-expansion-panel"), { size: (e) => {
+			this._previousSize && this.internals.states.delete(`size-${this._previousSize}`), this._previousSize = e.size, this._previousSize && this.internals.states.add(`size-${this._previousSize}`);
+		} }));
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.slot ||= "header";
+	}
+	_emitExpandedEvent() {
+		this.disabled || this.dispatchEvent(new Event("toggleexpanded", {
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	_onMouseMovement(e) {
+		let t = this.closest("sbb-expansion-panel");
+		(!e || t && this._isHover) && a(t).toggle("toggle-hover", e);
+	}
+	_setIconState() {
+		this.toggleState("icon", !!(this.iconName || this.internals.states.has("icon")));
+	}
+	renderTemplate() {
+		return this._setIconState(), t`
+      <span class="sbb-expansion-panel-header__title">
+        <span class="sbb-expansion-panel-header__icon"> ${this.renderIconSlot()} </span>
+        <slot></slot>
+      </span>
+      ${this.disabled ? n : t`<span class="sbb-expansion-panel-header__toggle">
+            <sbb-icon
+              name="chevron-small-down-medium"
+              class="sbb-expansion-panel-header__toggle-icon"
+            >
+            </sbb-icon>
+          </span>`}
+    `;
+	}
+};
+//#endregion
+export { f as t };

package/{expansion-panel.component-CGss5cPS.js → expansion-panel.component-DxEqf6H1.js}

@@ -8,7 +8,7 @@ import { ɵstateController as c } from "./core/mixins.js";
 import { boxSizingStyles as l } from "./core/styles.js";
 import { html as u, unsafeStatic as d } from "lit/static-html.js";
 //#region src/elements/expansion-panel/expansion-panel/expansion-panel.scss?lit&inline
-var f = n`:host{--sbb-expansion-panel-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-4x));--sbb-expansion-panel-border-color:var(--sbb-border-color-4-inverted);--sbb-expansion-panel-border-width:var(--sbb-border-width-1x);--sbb-expansion-panel-border-block-start-color:var(--sbb-expansion-panel-border-color);--sbb-expansion-panel-border-block-start-width:var(--sbb-expansion-panel-border-width);--sbb-expansion-panel-start-end-radius:var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-start-start-radius:var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-end-radius:var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-start-radius:var(--sbb-expansion-panel-border-radius);--_sbb-expansion-panel-display:grid;background-color:var(--sbb-expansion-panel-background-color);border:var(--sbb-expansion-panel-border-width) solid var(--sbb-expansion-panel-border-color);border-block-start-color:var(--sbb-expansion-panel-border-block-start-color);border-block-start-width:var(--sbb-expansion-panel-border-block-start-width);border-radius:var(--sbb-expansion-panel-start-start-radius) var(--sbb-expansion-panel-start-end-radius) var(--sbb-expansion-panel-end-end-radius) var(--sbb-expansion-panel-end-start-radius);background-clip:padding-box;display:block}:host([size=s]){--sbb-expansion-panel-title-gap:var(--sbb-expansion-panel-title-gap-s)}:host([size=l]){--sbb-expansion-panel-title-gap:var(--sbb-expansion-panel-title-gap-l)}:host(:not([size])){--sbb-expansion-panel-title-gap:var(--sbb-expansion-panel-title-gap-default)}@media (forced-colors:active){:host([disabled]){--sbb-expansion-panel-border-color:GrayText;--sbb-expansion-panel-border-block-start-color:GrayText}}:host([expanded]){--_sbb-expansion-panel-display-expanded:var(--_sbb-expansion-panel-display)}:host(:is(:state(accordion),[state--accordion]):is(:state(accordion-first),[state--accordion-first])){--sbb-expansion-panel-start-end-radius:var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-start-start-radius:var(--sbb-expansion-panel-border-radius)}:host(:is(:state(accordion),[state--accordion]):not(:is(:state(accordion-first),[state--accordion-first]))){--sbb-expansion-panel-border-block-start-width:0;--sbb-expansion-panel-border-block-start-color:transparent;--sbb-expansion-panel-start-end-radius:0;--sbb-expansion-panel-start-start-radius:0}:host(:is(:state(accordion),[state--accordion]):is(:state(accordion-last),[state--accordion-last])){--sbb-expansion-panel-end-end-radius:var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-start-radius:var(--sbb-expansion-panel-border-radius)}:host(:is(:state(accordion),[state--accordion]):not(:is(:state(accordion-last),[state--accordion-last]))){--sbb-expansion-panel-end-end-radius:0;--sbb-expansion-panel-end-start-radius:0}:host([color=white]){--sbb-expansion-panel-background-color:var(--sbb-background-color-1);--sbb-expansion-panel-background-color-hover:var(--sbb-background-color-3)}:host([color=milk]){--sbb-expansion-panel-background-color:var(--sbb-background-color-3);--sbb-expansion-panel-background-color-hover:var(--sbb-background-color-1)}:host([borderless]){--sbb-expansion-panel-border-width:0;--sbb-expansion-panel-border-color:transparent;--sbb-expansion-panel-border-block-start-width:0;--sbb-expansion-panel-border-block-start-color:transparent}@media (forced-colors:active){:host([borderless]){--sbb-expansion-panel-border-width:var(--sbb-border-width-1x);--sbb-expansion-panel-border-block-start-width:var(--sbb-expansion-panel-border-width)}}:host([borderless]:is(:state(accordion),[state--accordion]):not(:is(:state(accordion-first),[state--accordion-first]))){--sbb-expansion-panel-border-block-start-width:var(--sbb-spacing-fixed-1x)}@media (forced-colors:active){:host([borderless]:is(:state(accordion),[state--accordion]):not(:is(:state(accordion-first),[state--accordion-first]))){--sbb-expansion-panel-border-block-start-width:0}}:host(:not([disabled]):is(:state(toggle-hover),[state--toggle-hover])){background-color:var(--sbb-expansion-panel-background-color-hover)}@media (forced-colors:active){:host(:not([disabled]):is(:state(toggle-hover),[state--toggle-hover])){--sbb-expansion-panel-border-color:Highlight;--sbb-expansion-panel-border-block-start-color:Highlight}}.sbb-expansion-panel__header{margin:0}.sbb-expansion-panel__content-wrapper{display:var(--_sbb-expansion-panel-display-expanded,none);opacity:0;grid-template-rows:0fr}:host(:is(:state(state-opened),[state--state-opened])) .sbb-expansion-panel__content-wrapper{opacity:1;grid-template-rows:1fr}:host(:is(:state(state-opening),[state--state-opening])) .sbb-expansion-panel__content-wrapper{animation-name:open,open-opacity;animation-fill-mode:forwards;animation-duration:var(--sbb-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing);animation-delay:0s, var(--sbb-expansion-panel-animation-duration)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-expansion-panel__content-wrapper{display:var(--_sbb-expansion-panel-display);visibility:hidden;animation-name:close;animation-duration:var(--sbb-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing)}.sbb-expansion-panel__content{min-height:0}@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}}`, p = 0, m = (() => {
+var f = n`:host{--sbb-expansion-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-expansion-panel-border-color: var(--sbb-border-color-4-inverted);--sbb-expansion-panel-border-width: var(--sbb-border-width-1x);--sbb-expansion-panel-border-block-start-color: var(--sbb-expansion-panel-border-color);--sbb-expansion-panel-border-block-start-width: var(--sbb-expansion-panel-border-width);--sbb-expansion-panel-start-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-start-start-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-start-radius: var(--sbb-expansion-panel-border-radius);--_sbb-expansion-panel-display: grid;display:block;background-color:var(--sbb-expansion-panel-background-color);border:var(--sbb-expansion-panel-border-width) solid var(--sbb-expansion-panel-border-color);border-block-start-color:var(--sbb-expansion-panel-border-block-start-color);border-block-start-width:var(--sbb-expansion-panel-border-block-start-width);border-radius:var(--sbb-expansion-panel-start-start-radius) var(--sbb-expansion-panel-start-end-radius) var(--sbb-expansion-panel-end-end-radius) var(--sbb-expansion-panel-end-start-radius);background-clip:padding-box}:host([size=s]){--sbb-expansion-panel-title-gap: var(--sbb-expansion-panel-title-gap-s)}:host([size=l]){--sbb-expansion-panel-title-gap: var(--sbb-expansion-panel-title-gap-l)}:host(:not([size])){--sbb-expansion-panel-title-gap: var(--sbb-expansion-panel-title-gap-default)}@media(forced-colors:active){:host([disabled]){--sbb-expansion-panel-border-color: GrayText;--sbb-expansion-panel-border-block-start-color: GrayText}}:host([expanded]){--_sbb-expansion-panel-display-expanded: var(--_sbb-expansion-panel-display)}:host(:is(:state(accordion),[state--accordion]):is(:state(accordion-first),[state--accordion-first])){--sbb-expansion-panel-start-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-start-start-radius: var(--sbb-expansion-panel-border-radius)}:host(:is(:state(accordion),[state--accordion]):not(:is(:state(accordion-first),[state--accordion-first]))){--sbb-expansion-panel-border-block-start-width: 0;--sbb-expansion-panel-border-block-start-color: transparent;--sbb-expansion-panel-start-end-radius: 0;--sbb-expansion-panel-start-start-radius: 0}:host(:is(:state(accordion),[state--accordion]):is(:state(accordion-last),[state--accordion-last])){--sbb-expansion-panel-end-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-start-radius: var(--sbb-expansion-panel-border-radius)}:host(:is(:state(accordion),[state--accordion]):not(:is(:state(accordion-last),[state--accordion-last]))){--sbb-expansion-panel-end-end-radius: 0;--sbb-expansion-panel-end-start-radius: 0}:host([color=white]){--sbb-expansion-panel-background-color: var(--sbb-background-color-1);--sbb-expansion-panel-background-color-hover: var(--sbb-background-color-3)}:host([color=milk]){--sbb-expansion-panel-background-color: var(--sbb-background-color-3);--sbb-expansion-panel-background-color-hover: var(--sbb-background-color-1)}:host([borderless]){--sbb-expansion-panel-border-width: 0;--sbb-expansion-panel-border-color: transparent;--sbb-expansion-panel-border-block-start-width: 0;--sbb-expansion-panel-border-block-start-color: transparent}@media(forced-colors:active){:host([borderless]){--sbb-expansion-panel-border-width: var(--sbb-border-width-1x);--sbb-expansion-panel-border-block-start-width: var(--sbb-expansion-panel-border-width)}}:host([borderless]:is(:state(accordion),[state--accordion]):not(:is(:state(accordion-first),[state--accordion-first]))){--sbb-expansion-panel-border-block-start-width: var(--sbb-spacing-fixed-1x)}@media(forced-colors:active){:host([borderless]:is(:state(accordion),[state--accordion]):not(:is(:state(accordion-first),[state--accordion-first]))){--sbb-expansion-panel-border-block-start-width: 0}}:host(:not([disabled]):is(:state(toggle-hover),[state--toggle-hover])){background-color:var(--sbb-expansion-panel-background-color-hover)}@media(forced-colors:active){:host(:not([disabled]):is(:state(toggle-hover),[state--toggle-hover])){--sbb-expansion-panel-border-color: Highlight;--sbb-expansion-panel-border-block-start-color: Highlight}}.sbb-expansion-panel__header{margin:0}.sbb-expansion-panel__content-wrapper{display:var(--_sbb-expansion-panel-display-expanded, none);grid-template-rows:0fr;opacity:0}:host(:is(:state(state-opened),[state--state-opened])) .sbb-expansion-panel__content-wrapper{grid-template-rows:1fr;opacity:1}:host(:is(:state(state-opening),[state--state-opening])) .sbb-expansion-panel__content-wrapper{animation-name:open,open-opacity;animation-fill-mode:forwards;animation-duration:var(--sbb-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing);animation-delay:0s,var(--sbb-expansion-panel-animation-duration)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-expansion-panel__content-wrapper{display:var(--_sbb-expansion-panel-display);visibility:hidden;animation-name:close;animation-duration:var(--sbb-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing)}.sbb-expansion-panel__content{min-height:0}@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}}`, p = 0, m = (() => {
 	let n = i, m = [], h, g = [], _ = [], v, y = [], b = [], x, S, C, w = [], T = [], E, D = [], O = [];
 	return class extends n {
 		static {

package/expansion-panel.js

@@ -1,6 +1,6 @@
-import { t as e } from "./expansion-panel-content.component-DCl4nQ8V.js";
-import { t } from "./expansion-panel-header.component-jc1Ty5jz.js";
-import { t as n } from "./expansion-panel.component-CGss5cPS.js";
+import { t as e } from "./expansion-panel-content.component-2C7bavY5.js";
+import { t } from "./expansion-panel-header.component-B5ulwstr.js";
+import { t as n } from "./expansion-panel.component-DxEqf6H1.js";
 import "./expansion-panel.pure.js";
 n.define(), e.define(), t.define();
 //#endregion

package/expansion-panel.pure.js

@@ -1,4 +1,4 @@
-import { t as e } from "./expansion-panel-content.component-DCl4nQ8V.js";
-import { t } from "./expansion-panel-header.component-jc1Ty5jz.js";
-import { t as n } from "./expansion-panel.component-CGss5cPS.js";
+import { t as e } from "./expansion-panel-content.component-2C7bavY5.js";
+import { t } from "./expansion-panel-header.component-B5ulwstr.js";
+import { t as n } from "./expansion-panel.component-DxEqf6H1.js";
 export { e as SbbExpansionPanelContentElement, n as SbbExpansionPanelElement, t as SbbExpansionPanelHeaderElement };

package/file-selector/common/file-selector-common.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../file-selector-common-C--h0Yj2.js";
+import { n as e, t } from "../../file-selector-common-Bk07ovZm.js";
 export { t as SbbFileSelectorCommonElementMixin, e as fileSelectorCommonStyle };

package/file-selector/common.js

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

package/file-selector/file-selector-dropzone/file-selector-dropzone.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../file-selector-dropzone.component-BFlkqlsq.js";
+import { t as e } from "../../file-selector-dropzone.component-DhPsfRQk.js";
 export { e as SbbFileSelectorDropzoneElement };

package/file-selector/file-selector-dropzone.js

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

package/{file-selector-common-C--h0Yj2.js → file-selector-common-Bk07ovZm.js}

@@ -13,7 +13,7 @@ import { ref as v } from "lit/directives/ref.js";
 import { sbbInputModalityDetector as y } from "./core/a11y.js";
 import "./button/secondary-button.js";
 //#region src/elements/file-selector/common/file-selector-common.scss?lit&inline
-var b = n`:host{--sbb-file-selector-color:var(--sbb-color-2);--sbb-file-selector-subtitle-color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-smoke));--sbb-file-selector-background-color:var(--sbb-background-color-1);--sbb-file-selector-border-color:var(--sbb-border-color-4-inverted);--sbb-file-selector-transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x));--sbb-file-selector-transition-easing-function:var(--sbb-animation-easing);width:20rem;display:block}@media (forced-colors:active){:host(:disabled){--sbb-file-selector-color:GrayText;--sbb-file-selector-subtitle-color:GrayText;--sbb-file-selector-border-color:GrayText}}:host(:is(:state(active),[state--active])){--sbb-file-selector-background-color:var(--sbb-background-color-3);--sbb-file-selector-border-color:var(--lightningcss-light,var(--sbb-color-storm))var(--lightningcss-dark,var(--sbb-color-anthracite))}@media (forced-colors:active){:host(:is(:state(active),[state--active])){--sbb-file-selector-border-color:Highlight}}.sbb-file-selector__input-container{-webkit-tap-highlight-color:transparent;flex-direction:column;display:flex}.sbb-file-selector__visually-hidden{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-file-selector__file-list{row-gap:var(--sbb-spacing-fixed-3x);padding-inline:0;padding-block:var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-1x);flex-direction:column;margin-block:0;display:flex}.sbb-file-selector__file{--sbb-text-font-size:var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);gap:var(--sbb-spacing-fixed-4x);justify-content:space-between;align-items:center;display:flex}.sbb-file-selector__file-details{justify-content:space-between;gap:var(--sbb-spacing-fixed-4x);flex:1;display:flex;overflow:auto}.sbb-file-selector__file-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sbb-file-selector__file-size{white-space:nowrap;color:var(--lightningcss-light,var(--sbb-color-metal))var(--lightningcss-dark,var(--sbb-color-smoke))}:host(:not(:is(:state(slotted-error),[state--slotted-error]))) .sbb-file-selector__error{display:none}`, x = (n) => (() => {
+var b = n`:host{--sbb-file-selector-color: var(--sbb-color-2);--sbb-file-selector-subtitle-color: var(--sbb-color-granite);--sbb-file-selector-subtitle-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));--sbb-file-selector-background-color: var(--sbb-background-color-1);--sbb-file-selector-border-color: var(--sbb-border-color-4-inverted);--sbb-file-selector-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-file-selector-transition-easing-function: var(--sbb-animation-easing);display:block;width:20rem}@media(forced-colors:active){:host(:disabled){--sbb-file-selector-color: GrayText;--sbb-file-selector-subtitle-color: GrayText;--sbb-file-selector-border-color: GrayText}}:host(:is(:state(active),[state--active])){--sbb-file-selector-background-color: var(--sbb-background-color-3);--sbb-file-selector-border-color: var(--sbb-color-storm);--sbb-file-selector-border-color: light-dark(var(--sbb-color-storm), var(--sbb-color-anthracite))}@media(forced-colors:active){:host(:is(:state(active),[state--active])){--sbb-file-selector-border-color: Highlight}}.sbb-file-selector__input-container{-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column}.sbb-file-selector__visually-hidden{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-file-selector__file-list{display:flex;flex-direction:column;row-gap:var(--sbb-spacing-fixed-3x);margin-block:0;padding-inline:0;padding-block:var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-1x)}.sbb-file-selector__file{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);display:flex;gap:var(--sbb-spacing-fixed-4x);align-items:center;justify-content:space-between}.sbb-file-selector__file-details{display:flex;flex:1;justify-content:space-between;gap:var(--sbb-spacing-fixed-4x);overflow:auto}.sbb-file-selector__file-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-file-selector__file-size{white-space:nowrap;color:var(--sbb-color-metal);color:light-dark(var(--sbb-color-metal),var(--sbb-color-smoke))}:host(:not(:is(:state(slotted-error),[state--slotted-error]))) .sbb-file-selector__error{display:none}`, x = (n) => (() => {
 	let b = c(l(n)), x = [], S, C = [], w = [], T, E = [], D = [], O, k = [], A = [], j, M = [], N = [], P, F = [], I = [], L, R;
 	return class extends b {
 		constructor() {

package/{file-selector-dropzone.component-BFlkqlsq.js → file-selector-dropzone.component-DhPsfRQk.js}

@@ -11,7 +11,7 @@ import { ref as u } from "lit/directives/ref.js";
 import { SbbFileSelectorCommonElementMixin as d, fileSelectorCommonStyle as f } from "./file-selector/common/file-selector-common.js";
 import "./button/secondary-button-static.js";
 //#region src/elements/file-selector/file-selector-dropzone/file-selector-dropzone.scss?lit&inline
-var p = n`.sbb-file-selector__dropzone-area{padding:var(--sbb-spacing-responsive-s);background-color:var(--sbb-file-selector-background-color);border:var(--sbb-border-width-1x) dashed var(--sbb-file-selector-border-color);border-radius:var(--sbb-border-radius-4x);transition-duration:var(--sbb-file-selector-transition-duration);transition-timing-function:var(--sbb-file-selector-transition-easing-function);flex-direction:column;align-items:center;transition-property:background-color,border-color;display:flex}.sbb-file-selector__dropzone-area--icon{color:var(--sbb-file-selector-color);line-height:0}.sbb-file-selector__dropzone-area--title{--sbb-title-font-size:var(--sbb-title-font-size-level-6-lean,var(--sbb-heading-font-size-6));--sbb-title-line-height:var(--sbb-typo-line-height-text);margin-block:var(--sbb-title-margin-block,0);font-weight:700;font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height,var(--sbb-typo-line-height-heading));letter-spacing:var(--sbb-typo-letter-spacing-heading);font-size:var(--sbb-title-font-size);text-align:center;color:var(--sbb-file-selector-color);margin-inline:0}.sbb-file-selector__dropzone-area--subtitle{--sbb-text-font-size:var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);text-align:center;color:var(--sbb-file-selector-subtitle-color);margin-block-end:var(--sbb-spacing-fixed-4x)}`, m = (() => {
+var p = n`.sbb-file-selector__dropzone-area{display:flex;flex-direction:column;align-items:center;padding:var(--sbb-spacing-responsive-s);background-color:var(--sbb-file-selector-background-color);border:var(--sbb-border-width-1x) dashed var(--sbb-file-selector-border-color);border-radius:var(--sbb-border-radius-4x);transition-duration:var(--sbb-file-selector-transition-duration);transition-timing-function:var(--sbb-file-selector-transition-easing-function);transition-property:background-color,border-color}.sbb-file-selector__dropzone-area--icon{color:var(--sbb-file-selector-color);line-height:0}.sbb-file-selector__dropzone-area--title{--sbb-title-font-size: var(--sbb-title-font-size-level-6-lean, var(--sbb-heading-font-size-6));--sbb-title-line-height: var(--sbb-typo-line-height-text);margin-block:var(--sbb-title-margin-block, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));letter-spacing:var(--sbb-typo-letter-spacing-heading);font-size:var(--sbb-title-font-size);text-align:center;color:var(--sbb-file-selector-color)}.sbb-file-selector__dropzone-area--subtitle{--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);text-align:center;color:var(--sbb-file-selector-subtitle-color);margin-block-end:var(--sbb-spacing-fixed-4x)}`, m = (() => {
 	let n = d(i), m, h = [], g = [];
 	return class extends n {
 		static {

package/file-selector.js

@@ -1,5 +1,5 @@
-import { n as e, t } from "./file-selector-common-C--h0Yj2.js";
-import { t as n } from "./file-selector-dropzone.component-BFlkqlsq.js";
+import { n as e, t } from "./file-selector-common-Bk07ovZm.js";
+import { t as n } from "./file-selector-dropzone.component-DhPsfRQk.js";
 import { SbbFileSelectorElement as r } from "./file-selector/file-selector/file-selector.component.js";
 import "./file-selector.pure.js";
 r.define(), n.define();

package/file-selector.pure.js

@@ -1,4 +1,4 @@
-import { n as e, t } from "./file-selector-common-C--h0Yj2.js";
-import { t as n } from "./file-selector-dropzone.component-BFlkqlsq.js";
+import { n as e, t } from "./file-selector-common-Bk07ovZm.js";
+import { t as n } from "./file-selector-dropzone.component-DhPsfRQk.js";
 import { SbbFileSelectorElement as r } from "./file-selector/file-selector/file-selector.component.js";
 export { t as SbbFileSelectorCommonElementMixin, n as SbbFileSelectorDropzoneElement, r as SbbFileSelectorElement, e as fileSelectorCommonStyle };

package/flip-card/flip-card/flip-card.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../flip-card.component-5pxuwGAv.js";
+import { t as e } from "../../flip-card.component-CrUlzxck.js";
 export { e as SbbFlipCardElement };

package/flip-card/flip-card-details/flip-card-details.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../flip-card-details.component-BOVK7F1U.js";
+import { t as e } from "../../flip-card-details.component-Dd9w2AaO.js";
 export { e as SbbFlipCardDetailsElement };

package/flip-card/flip-card-details.js

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

package/flip-card/flip-card-summary/flip-card-summary.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../flip-card-summary.component-DVa7wF7x.js";
+import { t as e } from "../../flip-card-summary.component-DN08GsS9.js";
 export { e as SbbFlipCardSummaryElement };

package/flip-card/flip-card-summary.js

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

package/flip-card/flip-card.js

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

package/{flip-card-details.component-BOVK7F1U.js → flip-card-details.component-Dd9w2AaO.js}

@@ -4,7 +4,7 @@ import { boxSizingStyles as r } from "./core/styles.js";
 import { IS_FOCUSABLE_QUERY as i } from "./core/a11y.js";
 import { MutationController as a } from "@lit-labs/observers/mutation-controller.js";
 //#region src/elements/flip-card/flip-card-details/flip-card-details.scss?lit&inline
-var o = e`:host{--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark);--sbb-flip-card-details-transition-delay:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-5x));--sbb-flip-card-details-padding-block-end:calc(var(--sbb-flip-card-padding) + var(--sbb-flip-card-padding-block-end) + var(--sbb-button-min-height-size-s));pointer-events:none;color:var(--sbb-color-milk);opacity:var(--sbb-flip-card-details-opacity,0);transform:translateY(var(--sbb-flip-card-details-translate-y));transition-property:transform,opacity;transition-duration:var(--sbb-flip-card-details-transition-duration);display:block;position:absolute}:host(:is(:state(flipped),[state--flipped])){transition-delay:var(--sbb-flip-card-details-transition-delay), var(--sbb-flip-card-details-transition-delay)}.sbb-flip-card-details{padding:var(--sbb-flip-card-padding);padding-block-end:var(--sbb-flip-card-details-padding-block-end);overflow:hidden}`, s = class extends n {
+var o = e`:host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-flip-card-details-transition-delay: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-5x) );--sbb-flip-card-details-padding-block-end: calc( var(--sbb-flip-card-padding) + var(--sbb-flip-card-padding-block-end) + var(--sbb-button-min-height-size-s) );display:block;position:absolute;pointer-events:none;color:var(--sbb-color-milk);opacity:var(--sbb-flip-card-details-opacity, 0);transform:translateY(var(--sbb-flip-card-details-translate-y));transition-property:transform,opacity;transition-duration:var(--sbb-flip-card-details-transition-duration)}:host(:is(:state(flipped),[state--flipped])){transition-delay:var(--sbb-flip-card-details-transition-delay),var(--sbb-flip-card-details-transition-delay)}.sbb-flip-card-details{overflow:hidden;padding:var(--sbb-flip-card-padding);padding-block-end:var(--sbb-flip-card-details-padding-block-end)}`, s = class extends n {
 	static {
 		this.elementName = "sbb-flip-card-details";
 	}

package/flip-card-summary.component-DN08GsS9.js

@@ -0,0 +1,65 @@
+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 { boxSizingStyles as o } from "./core/styles.js";
+//#region src/elements/flip-card/flip-card-summary/flip-card-summary.scss?lit&inline
+var s = n`:host{display:grid;min-height:var(--sbb-flip-card-min-height);pointer-events:var(--sbb-flip-card-summary-pointer-events, all);opacity:var(--sbb-flip-card-summary-opacity, 1);border-radius:var(--sbb-flip-card-border-radius);overflow:hidden;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;transition:all var(--sbb-flip-card-summary-transition-duration) ease-out;transition-delay:var(--sbb-flip-card-summary-transition-delay)}@media(min-width:37.5rem){:host([image-alignment=after]){grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr}}@media(min-width:64rem){:host([image-alignment=after]){grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr}}::slotted(sbb-title){padding-inline:var(--sbb-flip-card-padding);padding-block:var(--sbb-flip-card-padding) var(--sbb-flip-card-padding-block-end);margin:0;grid-area:1/1/2/2}@media(min-width:37.5rem){:host([image-alignment=after]) ::slotted(sbb-title){grid-area:1/1/2/3}}@media(min-width:64rem){:host([image-alignment=after]) ::slotted(sbb-title){grid-area:1/1/2/2}}::slotted(*:not([slot=image])){transform:translateY(var(--sbb-flip-card-translate-title-y-hover, 0rem));transition:transform var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x)) var(--sbb-animation-easing)}.sbb-flip-card-summary--image-wrapper{grid-area:2/1/3/2}@media(min-width:37.5rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/3/2/4}}@media(min-width:64rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/2/2/3}}::slotted([slot=image]){width:100%;height:100%}`, c = (() => {
+	let n = a, c, l = [], u = [];
+	return class extends n {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
+			c = [i({
+				attribute: "image-alignment",
+				reflect: !0
+			})], e(this, null, c, {
+				kind: "accessor",
+				name: "imageAlignment",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "imageAlignment" in e,
+					get: (e) => e.imageAlignment,
+					set: (e, t) => {
+						e.imageAlignment = t;
+					}
+				},
+				metadata: t
+			}, l, u), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-flip-card-summary";
+		}
+		static {
+			this.styles = [o, s];
+		}
+		#e = t(this, l, "after");
+		get imageAlignment() {
+			return this.#e;
+		}
+		set imageAlignment(e) {
+			this.#e = e;
+		}
+		connectedCallback() {
+			super.connectedCallback(), this.slot ||= "summary";
+		}
+		render() {
+			return r`
+      <slot></slot>
+      <div class="sbb-flip-card-summary--image-wrapper">
+        <slot name="image"></slot>
+      </div>
+    `;
+		}
+		constructor() {
+			super(...arguments), t(this, u);
+		}
+	};
+})();
+//#endregion
+export { c as t };