@sbb-esta/lyne-elements-dev 5.0.0-next.1-dev.1777393579 → 5.0.0-next.1-dev.1777453303

package/a11y.css

@@ -10,13 +10,11 @@
   width: 1px;
 }
 
-.sbb-focus-outline:focus-visible {
+:is(.sbb-focus-outline, .sbb-focus-outline-dark):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-dark: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-color: var(--sbb-focus-outline-color-dark);
 }

package/alert/alert-group/alert-group.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../alert-group.component-BCYOVicl.js";
+import { t as e } from "../../alert-group.component-BDi1x8ZY.js";
 export { e as SbbAlertGroupElement };

package/{alert-group.component-BCYOVicl.js → alert-group.component-BDi1x8ZY.js}

@@ -1,15 +1,15 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { nothing as n, unsafeCSS as r } from "lit";
 import { property as i, state as a } from "lit/decorators.js";
-import { SbbElement as o, boxSizingStyles as s, forceType as c, isEventPrevented as l } from "./core.js";
-import { html as u, unsafeStatic as d } from "lit/static-html.js";
+import { SbbElement as o, boxSizingStyles as s, forceType as c, isEventPrevented as l, screenReaderOnlyStyles as u } from "./core.js";
+import { html as d, unsafeStatic as f } from "lit/static-html.js";
 //#region src/elements/alert/alert-group/alert-group.scss?inline
-var f = ":host{display:flex;flex-direction:column;gap:var(--sbb-alert-group-gap)}:host(:focus-visible:not(:is(:state(empty),[state--empty]))){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-alert-group-border-radius)}.sbb-alert-group__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}", p = (() => {
-	let p = o, m, h = [], g = [], _, v = [], y = [], b, x = [], S = [], C, w = [], T = [];
-	return class extends p {
+var p = ":host{display:flex;flex-direction:column;gap:var(--sbb-alert-group-gap)}:host(:focus-visible:not(:is(:state(empty),[state--empty]))){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-alert-group-border-radius)}", m = (() => {
+	let m = o, h, g = [], _ = [], v, y = [], b = [], x, S = [], C = [], w, T = [], E = [];
+	return class extends m {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
-			m = [i({ reflect: !0 })], _ = [c(), i({ attribute: "accessibility-title" })], b = [i({ attribute: "accessibility-title-level" })], C = [a()], e(this, null, m, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
+			h = [i({ reflect: !0 })], v = [c(), i({ attribute: "accessibility-title" })], x = [i({ attribute: "accessibility-title-level" })], w = [a()], e(this, null, h, {
 				kind: "accessor",
 				name: "role",
 				static: !1,
@@ -22,7 +22,7 @@ var f = ":host{display:flex;flex-direction:column;gap:var(--sbb-alert-group-gap)
 					}
 				},
 				metadata: t
-			}, h, g), e(this, null, _, {
+			}, g, _), e(this, null, v, {
 				kind: "accessor",
 				name: "accessibilityTitle",
 				static: !1,
@@ -35,7 +35,7 @@ var f = ":host{display:flex;flex-direction:column;gap:var(--sbb-alert-group-gap)
 					}
 				},
 				metadata: t
-			}, v, y), e(this, null, b, {
+			}, y, b), e(this, null, x, {
 				kind: "accessor",
 				name: "accessibilityTitleLevel",
 				static: !1,
@@ -48,7 +48,7 @@ var f = ":host{display:flex;flex-direction:column;gap:var(--sbb-alert-group-gap)
 					}
 				},
 				metadata: t
-			}, x, S), e(this, null, C, {
+			}, S, C), e(this, null, w, {
 				kind: "accessor",
 				name: "_hasAlerts",
 				static: !1,
@@ -61,7 +61,7 @@ var f = ":host{display:flex;flex-direction:column;gap:var(--sbb-alert-group-gap)
 					}
 				},
 				metadata: t
-			}, w, T), t && Object.defineProperty(this, Symbol.metadata, {
+			}, T, E), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -72,33 +72,37 @@ var f = ":host{display:flex;flex-direction:column;gap:var(--sbb-alert-group-gap)
 			this.elementName = "sbb-alert-group";
 		}
 		static {
-			this.styles = [s, r(f)];
+			this.styles = [
+				s,
+				u,
+				r(p)
+			];
 		}
 		static {
 			this.events = { empty: "empty" };
 		}
-		#e = t(this, h, "status");
+		#e = t(this, g, "status");
 		get role() {
 			return this.#e;
 		}
 		set role(e) {
 			this.#e = e;
 		}
-		#t = (t(this, g), t(this, v, ""));
+		#t = (t(this, _), t(this, y, ""));
 		get accessibilityTitle() {
 			return this.#t;
 		}
 		set accessibilityTitle(e) {
 			this.#t = e;
 		}
-		#n = (t(this, y), t(this, x, "2"));
+		#n = (t(this, b), t(this, S, "2"));
 		get accessibilityTitleLevel() {
 			return this.#n;
 		}
 		set accessibilityTitleLevel(e) {
 			this.#n = e;
 		}
-		#r = (t(this, S), t(this, w, !1));
+		#r = (t(this, C), t(this, T, !1));
 		get _hasAlerts() {
 			return this.#r;
 		}
@@ -106,7 +110,7 @@ var f = ":host{display:flex;flex-direction:column;gap:var(--sbb-alert-group-gap)
 			this.#r = e;
 		}
 		constructor() {
-			super(), t(this, T), this.addEventListener?.("close", async (e) => {
+			super(), t(this, E), this.addEventListener?.("close", async (e) => {
 				await l(e) || this._alertClosed(e);
 			}, { capture: !0 });
 		}
@@ -123,14 +127,14 @@ var f = ":host{display:flex;flex-direction:column;gap:var(--sbb-alert-group-gap)
 		}
 		render() {
 			let e = `h${this.accessibilityTitleLevel}`;
-			return u`
-      ${this._hasAlerts ? u`<${d(e)} class="sbb-alert-group__title">
+			return d`
+      ${this._hasAlerts ? d`<${f(e)} class="sbb-screen-reader-only">
             <slot name="accessibility-title">${this.accessibilityTitle}</slot>
-          </${d(e)}>` : n}
+          </${f(e)}>` : n}
       <slot @slotchange=${(e) => this._slotChanged(e)}></slot>
     `;
 		}
 	};
 })();
 //#endregion
-export { p as t };
+export { m as t };

package/alert.js

@@ -1,4 +1,4 @@
-import { t as e } from "./alert-group.component-BCYOVicl.js";
+import { t as e } from "./alert-group.component-BDi1x8ZY.js";
 import { t } from "./alert.component-BQsF0R1M.js";
 import "./alert.pure.js";
 t.define(), e.define();

package/alert.pure.js

@@ -1,3 +1,3 @@
-import { t as e } from "./alert-group.component-BCYOVicl.js";
+import { t as e } from "./alert-group.component-BDi1x8ZY.js";
 import { t } from "./alert.component-BQsF0R1M.js";
 export { t as SbbAlertElement, e as SbbAlertGroupElement };

package/{block-link-common-BiM6tnUZ.js → block-link-common-ykaxTKZw.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./link-common-DO7R6Wp4.js";
+import { t as e } from "./link-common-DPzMQFnE.js";
 import { __esDecorate as t, __runInitializers as n } from "tslib";
 import { html as r, unsafeCSS as i } from "lit";
 import { property as a } from "lit/decorators.js";

package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../breadcrumb-group.component-De3Lu3lx.js";
+import { t as e } from "../../breadcrumb-group.component-DtW1ZFNq.js";
 export { e as SbbBreadcrumbGroupElement };

package/{breadcrumb-group.component-De3Lu3lx.js → breadcrumb-group.component-DtW1ZFNq.js}

@@ -39,7 +39,11 @@ var g = ":host{display:block;min-width:0;line-height:var(--sbb-typo-line-height-
 			this.role = "navigation";
 		}
 		static {
-			this.styles = [l, i(g)];
+			this.styles = [
+				super.styles ?? [],
+				l,
+				i(g)
+			];
 		}
 		set _state(e) {
 			this._stateInternal && this.internals.states.delete(`state-${this._stateInternal}`), this._stateInternal = e, this._stateInternal && this.internals.states.add(`state-${this._stateInternal}`);

package/breadcrumb.js

@@ -1,4 +1,4 @@
-import { t as e } from "./breadcrumb-group.component-De3Lu3lx.js";
+import { t as e } from "./breadcrumb-group.component-DtW1ZFNq.js";
 import { t } from "./breadcrumb.component-C8fW9ONc.js";
 import "./breadcrumb.pure.js";
 t.define(), e.define();

package/breadcrumb.pure.js

@@ -1,3 +1,3 @@
-import { t as e } from "./breadcrumb-group.component-De3Lu3lx.js";
+import { t as e } from "./breadcrumb-group.component-DtW1ZFNq.js";
 import { t } from "./breadcrumb.component-C8fW9ONc.js";
 export { t as SbbBreadcrumbElement, e as SbbBreadcrumbGroupElement };

package/button/accent-button/accent-button.component.js

@@ -1,17 +1,13 @@
-import { SbbButtonBaseElement as e, SbbDisabledTabIndexActionMixin as t, boxSizingStyles as n } from "../../core.js";
-import { SbbButtonCommonElementMixin as r, buttonAccentStyle as i, buttonCommonStyle as a } from "../common/button-common.js";
+import { SbbButtonBaseElement as e, SbbDisabledTabIndexActionMixin as t } from "../../core.js";
+import { SbbButtonCommonElementMixin as n, buttonAccentStyle as r } from "../common/button-common.js";
 //#region src/elements/button/accent-button/accent-button.component.ts
-var o = class extends r(t(e)) {
+var i = class extends n(t(e)) {
 	static {
 		this.elementName = "sbb-accent-button";
 	}
 	static {
-		this.styles = [
-			n,
-			a,
-			i
-		];
+		this.styles = [super.styles ?? [], r];
 	}
 };
 //#endregion
-export { o as SbbAccentButtonElement };
+export { i as SbbAccentButtonElement };

package/button/accent-button-link/accent-button-link.component.js

@@ -1,17 +1,13 @@
-import { SbbDisabledInteractiveMixin as e, SbbDisabledMixin as t, SbbLinkBaseElement as n, boxSizingStyles as r } from "../../core.js";
-import { SbbButtonCommonElementMixin as i, buttonAccentStyle as a, buttonCommonStyle as o } from "../common/button-common.js";
+import { SbbDisabledInteractiveMixin as e, SbbDisabledMixin as t, SbbLinkBaseElement as n } from "../../core.js";
+import { SbbButtonCommonElementMixin as r, buttonAccentStyle as i } from "../common/button-common.js";
 //#region src/elements/button/accent-button-link/accent-button-link.component.ts
-var s = class extends i(e(t(n))) {
+var a = class extends r(e(t(n))) {
 	static {
 		this.elementName = "sbb-accent-button-link";
 	}
 	static {
-		this.styles = [
-			r,
-			o,
-			a
-		];
+		this.styles = [super.styles ?? [], i];
 	}
 };
 //#endregion
-export { s as SbbAccentButtonLinkElement };
+export { a as SbbAccentButtonLinkElement };

package/button/accent-button-static/accent-button-static.component.js

@@ -1,17 +1,13 @@
-import { SbbActionBaseElement as e, SbbDisabledMixin as t, boxSizingStyles as n } from "../../core.js";
-import { SbbButtonCommonElementMixin as r, buttonAccentStyle as i, buttonCommonStyle as a } from "../common/button-common.js";
+import { SbbActionBaseElement as e, SbbDisabledMixin as t } from "../../core.js";
+import { SbbButtonCommonElementMixin as n, buttonAccentStyle as r } from "../common/button-common.js";
 //#region src/elements/button/accent-button-static/accent-button-static.component.ts
-var o = class extends r(t(e)) {
+var i = class extends n(t(e)) {
 	static {
 		this.elementName = "sbb-accent-button-static";
 	}
 	static {
-		this.styles = [
-			n,
-			a,
-			i
-		];
+		this.styles = [super.styles ?? [], r];
 	}
 };
 //#endregion
-export { o as SbbAccentButtonStaticElement };
+export { i as SbbAccentButtonStaticElement };

package/button/button/button.component.js

@@ -1,17 +1,13 @@
-import { SbbButtonBaseElement as e, SbbDisabledTabIndexActionMixin as t, boxSizingStyles as n } from "../../core.js";
-import { SbbButtonCommonElementMixin as r, buttonCommonStyle as i, buttonPrimaryStyle as a } from "../common/button-common.js";
+import { SbbButtonBaseElement as e, SbbDisabledTabIndexActionMixin as t } from "../../core.js";
+import { SbbButtonCommonElementMixin as n, buttonPrimaryStyle as r } from "../common/button-common.js";
 //#region src/elements/button/button/button.component.ts
-var o = class extends r(t(e)) {
+var i = class extends n(t(e)) {
 	static {
 		this.elementName = "sbb-button";
 	}
 	static {
-		this.styles = [
-			n,
-			i,
-			a
-		];
+		this.styles = [super.styles ?? [], r];
 	}
 };
 //#endregion
-export { o as SbbButtonElement };
+export { i as SbbButtonElement };

package/button/button-link/button-link.component.js

@@ -1,17 +1,13 @@
-import { SbbDisabledInteractiveMixin as e, SbbDisabledMixin as t, SbbLinkBaseElement as n, boxSizingStyles as r } from "../../core.js";
-import { SbbButtonCommonElementMixin as i, buttonCommonStyle as a, buttonPrimaryStyle as o } from "../common/button-common.js";
+import { SbbDisabledInteractiveMixin as e, SbbDisabledMixin as t, SbbLinkBaseElement as n } from "../../core.js";
+import { SbbButtonCommonElementMixin as r, buttonPrimaryStyle as i } from "../common/button-common.js";
 //#region src/elements/button/button-link/button-link.component.ts
-var s = class extends i(e(t(n))) {
+var a = class extends r(e(t(n))) {
 	static {
 		this.elementName = "sbb-button-link";
 	}
 	static {
-		this.styles = [
-			r,
-			a,
-			o
-		];
+		this.styles = [super.styles ?? [], i];
 	}
 };
 //#endregion
-export { s as SbbButtonLinkElement };
+export { a as SbbButtonLinkElement };

package/button/button-static/button-static.component.js

@@ -1,17 +1,13 @@
-import { SbbActionBaseElement as e, SbbDisabledMixin as t, boxSizingStyles as n } from "../../core.js";
-import { SbbButtonCommonElementMixin as r, buttonCommonStyle as i, buttonPrimaryStyle as a } from "../common/button-common.js";
+import { SbbActionBaseElement as e, SbbDisabledMixin as t } from "../../core.js";
+import { SbbButtonCommonElementMixin as n, buttonPrimaryStyle as r } from "../common/button-common.js";
 //#region src/elements/button/button-static/button-static.component.ts
-var o = class extends r(t(e)) {
+var i = class extends n(t(e)) {
 	static {
 		this.elementName = "sbb-button-static";
 	}
 	static {
-		this.styles = [
-			n,
-			i,
-			a
-		];
+		this.styles = [super.styles ?? [], r];
 	}
 };
 //#endregion
-export { o as SbbButtonStaticElement };
+export { i as SbbButtonStaticElement };

package/button/common/button-common.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../../button-common-U0ZsZMjC.js";
-export { s as SbbButtonCommonElementMixin, r as buttonAccentStyle, a as buttonCommonStyle, n as buttonPrimaryStyle, e as buttonSecondaryStyle, i as buttonTransparentStyle, o as miniButtonLabelStyle, t as miniButtonStyle };
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../../button-common-DID0gi9b.js";
+export { o as SbbButtonCommonElementMixin, n as buttonAccentStyle, i as buttonPrimaryStyle, t as buttonSecondaryStyle, e as buttonTransparentStyle, r as miniButtonLabelStyle, a as miniButtonStyle };

package/button/mini-button-group/mini-button-group.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../mini-button-group.component-BHbNqePj.js";
+import { t as e } from "../../mini-button-group.component-t9YZBv-8.js";
 export { e as SbbMiniButtonGroupElement };

package/button/secondary-button/secondary-button.component.js

@@ -1,17 +1,13 @@
-import { SbbButtonBaseElement as e, SbbDisabledTabIndexActionMixin as t, boxSizingStyles as n } from "../../core.js";
-import { SbbButtonCommonElementMixin as r, buttonCommonStyle as i, buttonSecondaryStyle as a } from "../common/button-common.js";
+import { SbbButtonBaseElement as e, SbbDisabledTabIndexActionMixin as t } from "../../core.js";
+import { SbbButtonCommonElementMixin as n, buttonSecondaryStyle as r } from "../common/button-common.js";
 //#region src/elements/button/secondary-button/secondary-button.component.ts
-var o = class extends r(t(e)) {
+var i = class extends n(t(e)) {
 	static {
 		this.elementName = "sbb-secondary-button";
 	}
 	static {
-		this.styles = [
-			n,
-			i,
-			a
-		];
+		this.styles = [super.styles ?? [], r];
 	}
 };
 //#endregion
-export { o as SbbSecondaryButtonElement };
+export { i as SbbSecondaryButtonElement };

package/button/secondary-button-link/secondary-button-link.component.js

@@ -1,17 +1,13 @@
-import { SbbDisabledInteractiveMixin as e, SbbDisabledMixin as t, SbbLinkBaseElement as n, boxSizingStyles as r } from "../../core.js";
-import { SbbButtonCommonElementMixin as i, buttonCommonStyle as a, buttonSecondaryStyle as o } from "../common/button-common.js";
+import { SbbDisabledInteractiveMixin as e, SbbDisabledMixin as t, SbbLinkBaseElement as n } from "../../core.js";
+import { SbbButtonCommonElementMixin as r, buttonSecondaryStyle as i } from "../common/button-common.js";
 //#region src/elements/button/secondary-button-link/secondary-button-link.component.ts
-var s = class extends i(e(t(n))) {
+var a = class extends r(e(t(n))) {
 	static {
 		this.elementName = "sbb-secondary-button-link";
 	}
 	static {
-		this.styles = [
-			r,
-			a,
-			o
-		];
+		this.styles = [super.styles ?? [], i];
 	}
 };
 //#endregion
-export { s as SbbSecondaryButtonLinkElement };
+export { a as SbbSecondaryButtonLinkElement };

package/button/secondary-button-static/secondary-button-static.component.js

@@ -1,17 +1,13 @@
-import { SbbActionBaseElement as e, SbbDisabledMixin as t, boxSizingStyles as n } from "../../core.js";
-import { SbbButtonCommonElementMixin as r, buttonCommonStyle as i, buttonSecondaryStyle as a } from "../common/button-common.js";
+import { SbbActionBaseElement as e, SbbDisabledMixin as t } from "../../core.js";
+import { SbbButtonCommonElementMixin as n, buttonSecondaryStyle as r } from "../common/button-common.js";
 //#region src/elements/button/secondary-button-static/secondary-button-static.component.ts
-var o = class extends r(t(e)) {
+var i = class extends n(t(e)) {
 	static {
 		this.elementName = "sbb-secondary-button-static";
 	}
 	static {
-		this.styles = [
-			n,
-			i,
-			a
-		];
+		this.styles = [super.styles ?? [], r];
 	}
 };
 //#endregion
-export { o as SbbSecondaryButtonStaticElement };
+export { i as SbbSecondaryButtonStaticElement };

package/button/transparent-button/transparent-button.component.js

@@ -1,17 +1,13 @@
-import { SbbButtonBaseElement as e, SbbDisabledTabIndexActionMixin as t, boxSizingStyles as n } from "../../core.js";
-import { SbbButtonCommonElementMixin as r, buttonCommonStyle as i, buttonTransparentStyle as a } from "../common/button-common.js";
+import { SbbButtonBaseElement as e, SbbDisabledTabIndexActionMixin as t } from "../../core.js";
+import { SbbButtonCommonElementMixin as n, buttonTransparentStyle as r } from "../common/button-common.js";
 //#region src/elements/button/transparent-button/transparent-button.component.ts
-var o = class extends r(t(e)) {
+var i = class extends n(t(e)) {
 	static {
 		this.elementName = "sbb-transparent-button";
 	}
 	static {
-		this.styles = [
-			n,
-			i,
-			a
-		];
+		this.styles = [super.styles ?? [], r];
 	}
 };
 //#endregion
-export { o as SbbTransparentButtonElement };
+export { i as SbbTransparentButtonElement };

package/button/transparent-button-link/transparent-button-link.component.js

@@ -1,17 +1,13 @@
-import { SbbDisabledInteractiveMixin as e, SbbDisabledMixin as t, SbbLinkBaseElement as n, boxSizingStyles as r } from "../../core.js";
-import { SbbButtonCommonElementMixin as i, buttonCommonStyle as a, buttonTransparentStyle as o } from "../common/button-common.js";
+import { SbbDisabledInteractiveMixin as e, SbbDisabledMixin as t, SbbLinkBaseElement as n } from "../../core.js";
+import { SbbButtonCommonElementMixin as r, buttonTransparentStyle as i } from "../common/button-common.js";
 //#region src/elements/button/transparent-button-link/transparent-button-link.component.ts
-var s = class extends i(e(t(n))) {
+var a = class extends r(e(t(n))) {
 	static {
 		this.elementName = "sbb-transparent-button-link";
 	}
 	static {
-		this.styles = [
-			r,
-			a,
-			o
-		];
+		this.styles = [super.styles ?? [], i];
 	}
 };
 //#endregion
-export { s as SbbTransparentButtonLinkElement };
+export { a as SbbTransparentButtonLinkElement };

package/button/transparent-button-static/transparent-button-static.component.js

@@ -1,17 +1,13 @@
-import { SbbActionBaseElement as e, SbbDisabledMixin as t, boxSizingStyles as n } from "../../core.js";
-import { SbbButtonCommonElementMixin as r, buttonCommonStyle as i, buttonTransparentStyle as a } from "../common/button-common.js";
+import { SbbActionBaseElement as e, SbbDisabledMixin as t } from "../../core.js";
+import { SbbButtonCommonElementMixin as n, buttonTransparentStyle as r } from "../common/button-common.js";
 //#region src/elements/button/transparent-button-static/transparent-button-static.component.ts
-var o = class extends r(t(e)) {
+var i = class extends n(t(e)) {
 	static {
 		this.elementName = "sbb-transparent-button-static";
 	}
 	static {
-		this.styles = [
-			n,
-			i,
-			a
-		];
+		this.styles = [super.styles ?? [], r];
 	}
 };
 //#endregion
-export { o as SbbTransparentButtonStaticElement };
+export { i as SbbTransparentButtonStaticElement };