@sbb-esta/lyne-elements 5.0.0-next.1 → 5.0.0-next.2

package/teaser-product.component-Dzclz3Sg.js

@@ -0,0 +1,23 @@
+import { unsafeCSS as e } from "lit";
+import { SbbLinkBaseElement as t } from "./core.js";
+import { html as n } from "lit/static-html.js";
+import { SbbTeaserProductCommonElementMixin as r } from "./teaser-product/common/teaser-product-common.js";
+//#region src/elements/teaser-product/teaser-product/teaser-product.scss?inline
+var i = "@media(forced-colors:active){:host{--sbb-title-color: LinkText !important;--sbb-teaser-product-content-color: LinkText !important;--sbb-teaser-product-footer-color: LinkText !important}}.sbb-teaser-product__wrapper{position:relative}.sbb-teaser-product__root{pointer-events:none}@media(forced-colors:active){:host(:hover) .sbb-teaser-product__root:after{border-color:Highlight}}.sbb-teaser-product{position:absolute;inset:0}.sbb-teaser-product: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);border-radius:var(--sbb-teaser-product-border-radius)}", a = class extends r(t) {
+	static {
+		this.elementName = "sbb-teaser-product";
+	}
+	static {
+		this.styles = [e(i)];
+	}
+	render() {
+		return n`
+      <div class="sbb-teaser-product__wrapper">
+        ${this.renderLink(n`<span class="sbb-screen-reader-only">${this.accessibilityLabel}</span>`)}
+        ${this.renderTemplate()}
+      </div>
+    `;
+	}
+};
+//#endregion
+export { a as t };

package/teaser-product.js

@@ -1,7 +1,7 @@
-import { n as e, t } from "./teaser-product-common-Kz3ApcVE.js";
-import { SbbTeaserProductStaticElement as n } from "./teaser-product/teaser-product-static/teaser-product-static.component.js";
-import { t as r } from "./teaser-product.component-C7KoSqcP.js";
+import { t as e } from "./teaser-product-common-DOQ6f2B7.js";
+import { SbbTeaserProductStaticElement as t } from "./teaser-product/teaser-product-static/teaser-product-static.component.js";
+import { t as n } from "./teaser-product.component-Dzclz3Sg.js";
 import "./teaser-product.pure.js";
-r.define(), n.define();
+n.define(), t.define();
 //#endregion
-export { t as SbbTeaserProductCommonElementMixin, r as SbbTeaserProductElement, n as SbbTeaserProductStaticElement, e as teaserProductCommonStyle };
+export { e as SbbTeaserProductCommonElementMixin, n as SbbTeaserProductElement, t as SbbTeaserProductStaticElement };

package/teaser-product.pure.js

@@ -1,4 +1,4 @@
-import { n as e, t } from "./teaser-product-common-Kz3ApcVE.js";
-import { SbbTeaserProductStaticElement as n } from "./teaser-product/teaser-product-static/teaser-product-static.component.js";
-import { t as r } from "./teaser-product.component-C7KoSqcP.js";
-export { t as SbbTeaserProductCommonElementMixin, r as SbbTeaserProductElement, n as SbbTeaserProductStaticElement, e as teaserProductCommonStyle };
+import { t as e } from "./teaser-product-common-DOQ6f2B7.js";
+import { SbbTeaserProductStaticElement as t } from "./teaser-product/teaser-product-static/teaser-product-static.component.js";
+import { t as n } from "./teaser-product.component-Dzclz3Sg.js";
+export { e as SbbTeaserProductCommonElementMixin, n as SbbTeaserProductElement, t as SbbTeaserProductStaticElement };

package/teaser.component-BSpcEI3Z.js

@@ -0,0 +1,89 @@
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { unsafeCSS as n } from "lit";
+import { property as r } from "lit/decorators.js";
+import { SbbLinkBaseElement as i } from "./core.js";
+import { html as a } from "lit/static-html.js";
+//#region src/elements/teaser/teaser.scss?inline
+var o = "@charset \"UTF-8\";:host{--_sbb-teaser-forced-colors-inset: calc(-1 * var(--sbb-focus-outline-offset));--_sbb-teaser-forced-colors-outline-offset: calc(2 * var(--sbb-focus-outline-offset));--_sbb-teaser-forced-colors-border-radius: calc( var(--sbb-teaser-border-radius) + var(--sbb-focus-outline-offset) );display:inline-block;outline:none!important}@media(forced-colors:active){:host{--sbb-teaser-description-color: LinkText;--sbb-title-color: LinkText !important}}:host([alignment=after]){--sbb-teaser-align-items: start}:host([alignment=below]){--sbb-teaser-flex-direction: column;--sbb-teaser-align-items: baseline;--sbb-teaser-gap: var(--sbb-spacing-fixed-3x)}@media(any-hover:hover){:host(:hover){--sbb-teaser-scale: var(--sbb-teaser-scale-hover)}}.sbb-teaser__wrapper{display:flex;position:relative;cursor:var(--sbb-cursor-pointer)}.sbb-teaser__wrapper:before{content:\"​\";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-teaser{text-decoration:none;position:absolute;inset:0}.sbb-teaser: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);border-radius:var(--sbb-teaser-border-radius)}@media(forced-colors:active){.sbb-teaser:focus-visible{outline-offset:var(--_sbb-teaser-forced-colors-outline-offset)}}@media(forced-colors:active){.sbb-teaser:before{content:\"\";position:absolute;inset:var(--_sbb-teaser-forced-colors-inset);pointer-events:none;border-radius:var(--_sbb-teaser-forced-colors-border-radius);border:var(--sbb-border-width-1x) solid CanvasText}}.sbb-teaser__container{display:flex;flex-flow:var(--sbb-teaser-flex-direction) nowrap;align-items:var(--sbb-teaser-align-items);gap:var(--sbb-teaser-gap);max-width:100%;width:100%;pointer-events:none}.sbb-teaser__text{color:var(--sbb-teaser-description-color);font-size:var(--sbb-teaser-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);overflow:hidden;max-width:100%}::slotted([slot=image]){display:block;width:var(--sbb-teaser-image-width)}.sbb-teaser__image-wrapper{flex-shrink:0;overflow:hidden;border-radius:var(--sbb-teaser-border-radius);transition:box-shadow var(--sbb-teaser-image-animation-duration) var(--sbb-animation-easing)}:host(:not(:is(:state(slotted-image),[state--slotted-image]))) .sbb-teaser__image-wrapper{display:none}@media(any-hover:hover){:host(:hover) .sbb-teaser__image-wrapper{box-shadow:var(--sbb-box-shadow-level-9-hard)}}.sbb-teaser__description{display:inline-block;margin:0;padding:0}::slotted(sbb-chip-label){display:flex;width:fit-content;max-width:100%;margin-block-end:var(--sbb-spacing-fixed-1x)}::slotted(sbb-title){margin-block:0}", s = (() => {
+	let s = i, c, l = [], u = [];
+	return class extends s {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+			c = [r({ reflect: !0 })], e(this, null, c, {
+				kind: "accessor",
+				name: "alignment",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "alignment" in e,
+					get: (e) => e.alignment,
+					set: (e, t) => {
+						e.alignment = t;
+					}
+				},
+				metadata: t
+			}, l, u), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-teaser";
+		}
+		static {
+			this.styles = [n(o)];
+		}
+		#e = t(this, l, "after-centered");
+		get alignment() {
+			return this.#e;
+		}
+		set alignment(e) {
+			this.#e = e;
+		}
+		_handleSlotchange() {
+			let e = Array.from(this.children).find((e) => e.localName === "sbb-chip-label");
+			e && (e.slot = "chip");
+			let t = Array.from(this.children).find((e) => e.localName === "sbb-title");
+			t && (t.slot = "title");
+		}
+		_configureChip(e) {
+			let t = e.target.assignedElements().find((e) => e.localName === "sbb-chip-label");
+			t && (customElements.upgrade(t), t.color = "charcoal", t.size = "xxs");
+		}
+		_configureTitle(e) {
+			let t = e.target.assignedElements().find((e) => e.localName === "sbb-title");
+			t && (customElements.upgrade(t), t.visualLevel = "5");
+		}
+		render() {
+			return a`
+      <div class="sbb-teaser__wrapper">
+        ${this.renderLink(a`<span class="sbb-screen-reader-only">${this.accessibilityLabel}</span>`)}
+        ${this.renderContent()}
+      </div>
+    `;
+		}
+		renderContent() {
+			return a`
+      <span class="sbb-teaser__container">
+        <span class="sbb-teaser__image-wrapper">
+          <slot name="image"></slot>
+        </span>
+        <span class="sbb-teaser__text">
+          <slot name="chip" @slotchange=${this._configureChip}></slot>
+          <slot name="title" @slotchange=${this._configureTitle}></slot>
+          <p class="sbb-teaser__description">
+            <slot @slotchange=${this._handleSlotchange}></slot>
+          </p>
+        </span>
+      </span>
+    `;
+		}
+		constructor() {
+			super(...arguments), t(this, u);
+		}
+	};
+})();
+//#endregion
+export { s as t };

package/teaser.js

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

package/teaser.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./teaser.component-B2y2AlAx.js";
+import { t as e } from "./teaser.component-BSpcEI3Z.js";
 export { e as SbbTeaserElement };

package/time-input/time-input.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../time-input.component-BVoO7JLV.js";
+import { t as e } from "../time-input.component-BRJerke6.js";
 export { e as SbbTimeInputElement };

package/{time-input.component-BVoO7JLV.js → time-input.component-BRJerke6.js}

@@ -31,7 +31,7 @@ var p = ":host{display:inline-flex;min-width:var(--sbb-time-input-max-width);max
 			this.elementName = "sbb-time-input";
 		}
 		static {
-			this.styles = r(p);
+			this.styles = [r(p)];
 		}
 		set value(e) {
 			e = typeof e == "string" ? e.replace(h, "").substring(0, 5) : "", this._tryParseValue(e), !n && !this.matches(":focus") && this.valueAsDate !== null && (e = this._formatTime()), super.value = e;

package/time-input.js

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

package/time-input.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./time-input.component-BVoO7JLV.js";
+import { t as e } from "./time-input.component-BRJerke6.js";
 export { e as SbbTimeInputElement };

package/timetable-form/timetable-form/timetable-form.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../timetable-form.component-AbZF15Tg.js";
+import { t as e } from "../../timetable-form.component-CJKyHMZk.js";
 export { e as SbbTimetableFormElement };

package/timetable-form/timetable-form-details/timetable-form-details.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../timetable-form-details.component-BQmF3WLu.js";
+import { t as e } from "../../timetable-form-details.component-Wmad9usT.js";
 export { e as SbbTimetableFormDetailsElement };

package/timetable-form/timetable-form-field/timetable-form-field.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../timetable-form-field.component-DrQuTOJr.js";
+import { t as e } from "../../timetable-form-field.component-D3P3lV86.js";
 export { e as SbbTimetableFormFieldElement };

package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../timetable-form-swap-button.component-D9wBQQkG.js";
+import { t as e } from "../../timetable-form-swap-button.component-B8yPDfMq.js";
 export { e as SbbTimetableFormSwapButtonElement };

package/{timetable-form-details.component-BQmF3WLu.js → timetable-form-details.component-Wmad9usT.js}

@@ -6,7 +6,7 @@ var r = ":host{--_sbb-timetable-form-details-padding-inline-start: calc( var(--s
 		this.elementName = "sbb-timetable-form-details";
 	}
 	static {
-		this.styles = t(r);
+		this.styles = [t(r)];
 	}
 	render() {
 		return e`<slot></slot>`;

package/{timetable-form-field.component-DrQuTOJr.js → timetable-form-field.component-D3P3lV86.js}

@@ -6,7 +6,7 @@ var i = ":host{--_sbb-timetable-form-field-start-icon-connecting-line-offset: .1
 		this.elementName = "sbb-timetable-form-field";
 	}
 	static {
-		this.styles = [r.styles, n(i)];
+		this.styles = [n(i)];
 	}
 	constructor() {
 		super(), this._routeIcon = !1, this.borderless = !0, this.floatingLabel = !0, this.width = "collapse", this.size = "l";

package/{timetable-form-swap-button.component-D9wBQQkG.js → timetable-form-swap-button.component-B8yPDfMq.js}

@@ -7,7 +7,7 @@ var i = ":host(:is(:state(timetable-form-context),[state--timetable-form-context
 		this.elementName = "sbb-timetable-form-swap-button";
 	}
 	static {
-		this.styles = [r.styles, e(i)];
+		this.styles = [e(i)];
 	}
 	constructor() {
 		super(), this._languageController = new t(this), this.size = "l", this.addEventListener("click", () => this._invertFieldValues());

package/{timetable-form.component-AbZF15Tg.js → timetable-form.component-CJKyHMZk.js}

@@ -6,7 +6,7 @@ var r = ":host{border-radius:var(--sbb-timetable-form-border-radius);background-
 		this.elementName = "sbb-timetable-form";
 	}
 	static {
-		this.styles = t(r);
+		this.styles = [t(r)];
 	}
 	render() {
 		return e`<slot></slot>`;

package/timetable-form.js

@@ -1,7 +1,7 @@
-import { t as e } from "./timetable-form-details.component-BQmF3WLu.js";
-import { t } from "./timetable-form-field.component-DrQuTOJr.js";
-import { t as n } from "./timetable-form-swap-button.component-D9wBQQkG.js";
-import { t as r } from "./timetable-form.component-AbZF15Tg.js";
+import { t as e } from "./timetable-form-details.component-Wmad9usT.js";
+import { t } from "./timetable-form-field.component-D3P3lV86.js";
+import { t as n } from "./timetable-form-swap-button.component-B8yPDfMq.js";
+import { t as r } from "./timetable-form.component-CJKyHMZk.js";
 import "./timetable-form.pure.js";
 r.define(), e.define(), t.define(), n.define();
 //#endregion

package/timetable-form.pure.js

@@ -1,5 +1,5 @@
-import { t as e } from "./timetable-form-details.component-BQmF3WLu.js";
-import { t } from "./timetable-form-field.component-DrQuTOJr.js";
-import { t as n } from "./timetable-form-swap-button.component-D9wBQQkG.js";
-import { t as r } from "./timetable-form.component-AbZF15Tg.js";
+import { t as e } from "./timetable-form-details.component-Wmad9usT.js";
+import { t } from "./timetable-form-field.component-D3P3lV86.js";
+import { t as n } from "./timetable-form-swap-button.component-B8yPDfMq.js";
+import { t as r } from "./timetable-form.component-CJKyHMZk.js";
 export { e as SbbTimetableFormDetailsElement, r as SbbTimetableFormElement, t as SbbTimetableFormFieldElement, n as SbbTimetableFormSwapButtonElement };

package/timetable-occupancy/timetable-occupancy.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../timetable-occupancy.component-Dq9RM6qS.js";
+import { t as e } from "../timetable-occupancy.component-B0OJi-B1.js";
 export { e as SbbTimetableOccupancyElement };

package/timetable-occupancy-icon/timetable-occupancy-icon.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../timetable-occupancy-icon.component-B6pF-j0D.js";
+import { t as e } from "../timetable-occupancy-icon.component-DA9NTQJn.js";
 export { e as SbbTimetableOccupancyIconElement };

package/{timetable-occupancy-icon.component-B6pF-j0D.js → timetable-occupancy-icon.component-DA9NTQJn.js}

@@ -38,7 +38,7 @@ var d = "@media(forced-colors:active)and (prefers-color-scheme:light){:host svg{
 			this.elementName = "sbb-timetable-occupancy-icon";
 		}
 		static {
-			this.styles = [u.styles, n(d)];
+			this.styles = [n(d)];
 		}
 		#e;
 		get occupancy() {

package/timetable-occupancy-icon.js

@@ -1,4 +1,4 @@
-import { t as e } from "./timetable-occupancy-icon.component-B6pF-j0D.js";
+import { t as e } from "./timetable-occupancy-icon.component-DA9NTQJn.js";
 import "./timetable-occupancy-icon.pure.js";
 //#region src/elements/timetable-occupancy-icon.ts
 e.define();

package/timetable-occupancy-icon.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./timetable-occupancy-icon.component-B6pF-j0D.js";
+import { t as e } from "./timetable-occupancy-icon.component-DA9NTQJn.js";
 export { e as SbbTimetableOccupancyIconElement };

package/{timetable-occupancy.component-Dq9RM6qS.js → timetable-occupancy.component-B0OJi-B1.js}

@@ -1,18 +1,18 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { html as n, nothing as r, unsafeCSS as i } from "lit";
 import { property as a } from "lit/decorators.js";
-import { SbbElement as o, SbbLanguageController as s, SbbNegativeMixin as c, SbbScreenReaderOnlyElement as l, boxSizingStyles as u, i18nClass as d } from "./core.js";
-import { SbbTimetableOccupancyIconElement as f } from "./timetable-occupancy-icon.pure.js";
+import { SbbElement as o, SbbLanguageController as s, SbbNegativeMixin as c, i18nClass as l, screenReaderOnlyStyles as u } from "./core.js";
+import { SbbTimetableOccupancyIconElement as d } from "./timetable-occupancy-icon.pure.js";
 //#region src/elements/timetable-occupancy/timetable-occupancy.scss?inline
-var p = ":host{--sbb-icon-svg-width: .890625rem;--sbb-icon-svg-height: v0.75rem;display:inline-block}@media(min-width:64rem){:host{--sbb-icon-svg-width: 1.1875rem;--sbb-icon-svg-height: v1rem}}:host([negative]){--sbb-timetable-occupancy-color: var(--sbb-color-2-negative)}.sbb-timetable-occupancy__list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-timetable-occupancy-list-gap)}.sbb-timetable-occupancy__list-item{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-timetable-occupancy-item-gap)}.sbb-timetable-occupancy__list-item-class{color:var(--sbb-timetable-occupancy-color);font-size:var(--sbb-timetable-occupancy-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:1}.sbb-timetable-occupancy__list-item-icon{display:flex}", m = (() => {
-	let m = c(o), h, g = [], _ = [], v, y = [], b = [];
-	return class extends m {
+var f = ":host{--sbb-icon-svg-width: .890625rem;--sbb-icon-svg-height: v0.75rem;display:inline-block}@media(min-width:64rem){:host{--sbb-icon-svg-width: 1.1875rem;--sbb-icon-svg-height: v1rem}}:host([negative]){--sbb-timetable-occupancy-color: var(--sbb-color-2-negative)}.sbb-timetable-occupancy__list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-timetable-occupancy-list-gap)}.sbb-timetable-occupancy__list-item{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-timetable-occupancy-item-gap)}.sbb-timetable-occupancy__list-item-class{color:var(--sbb-timetable-occupancy-color);font-size:var(--sbb-timetable-occupancy-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:1}.sbb-timetable-occupancy__list-item-icon{display:flex}", p = (() => {
+	let p = c(o), m, h = [], g = [], _, v = [], y = [];
+	return class extends p {
 		constructor() {
-			super(...arguments), this.#e = t(this, g, null), this.#t = (t(this, _), t(this, y, null)), this._language = (t(this, b), new s(this));
+			super(...arguments), this.#e = t(this, h, null), this.#t = (t(this, g), t(this, v, null)), this._language = (t(this, y), new s(this));
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
-			h = [a({ attribute: "first-class-occupancy" })], v = [a({ attribute: "second-class-occupancy" })], e(this, null, h, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
+			m = [a({ attribute: "first-class-occupancy" })], _ = [a({ attribute: "second-class-occupancy" })], e(this, null, m, {
 				kind: "accessor",
 				name: "firstClassOccupancy",
 				static: !1,
@@ -25,7 +25,7 @@ var p = ":host{--sbb-icon-svg-width: .890625rem;--sbb-icon-svg-height: v0.75rem;
 					}
 				},
 				metadata: t
-			}, g, _), e(this, null, v, {
+			}, h, g), e(this, null, _, {
 				kind: "accessor",
 				name: "secondClassOccupancy",
 				static: !1,
@@ -38,7 +38,7 @@ var p = ":host{--sbb-icon-svg-width: .890625rem;--sbb-icon-svg-height: v0.75rem;
 					}
 				},
 				metadata: t
-			}, y, b), t && Object.defineProperty(this, Symbol.metadata, {
+			}, v, y), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -49,10 +49,10 @@ var p = ":host{--sbb-icon-svg-width: .890625rem;--sbb-icon-svg-height: v0.75rem;
 			this.elementName = "sbb-timetable-occupancy";
 		}
 		static {
-			this.elementDependencies = [f, l];
+			this.elementDependencies = [d];
 		}
 		static {
-			this.styles = [u, i(p)];
+			this.styles = [u, i(f)];
 		}
 		#e;
 		get firstClassOccupancy() {
@@ -79,9 +79,9 @@ var p = ":host{--sbb-icon-svg-width: .890625rem;--sbb-icon-svg-height: v0.75rem;
                 <span class="sbb-timetable-occupancy__list-item-class" aria-hidden="true">
                   ${this.firstClassOccupancy && t === 0 ? "1" : "2"}.
                 </span>
-                <sbb-screen-reader-only>
-                  ${`${d[this.firstClassOccupancy && t === 0 ? "first" : "second"][this._language.current]}.`}
-                </sbb-screen-reader-only>
+                <span class="sbb-screen-reader-only">
+                  ${`${l[this.firstClassOccupancy && t === 0 ? "first" : "second"][this._language.current]}.`}
+                </span>
                 <sbb-timetable-occupancy-icon
                   class="sbb-timetable-occupancy__list-item-icon"
                   ?negative=${this.negative}
@@ -96,4 +96,4 @@ var p = ":host{--sbb-icon-svg-width: .890625rem;--sbb-icon-svg-height: v0.75rem;
 	};
 })();
 //#endregion
-export { m as t };
+export { p as t };

package/timetable-occupancy.js

@@ -1,4 +1,4 @@
-import { t as e } from "./timetable-occupancy.component-Dq9RM6qS.js";
+import { t as e } from "./timetable-occupancy.component-B0OJi-B1.js";
 import "./timetable-occupancy.pure.js";
 //#region src/elements/timetable-occupancy.ts
 e.define();

package/timetable-occupancy.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./timetable-occupancy.component-Dq9RM6qS.js";
+import { t as e } from "./timetable-occupancy.component-B0OJi-B1.js";
 export { e as SbbTimetableOccupancyElement };

package/title/title-base.js

@@ -1,2 +1,2 @@
-import { t as e } from "../title-base-B43-Q_7r.js";
+import { t as e } from "../title-base-B70qaksx.js";
 export { e as SbbTitleBase };

package/title/title.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../title.component-DXJHJ6p6.js";
+import { t as e } from "../title.component-DO67K8g1.js";
 export { e as SbbTitleElement };

package/{title-base-B43-Q_7r.js → title-base-B70qaksx.js}

@@ -4,7 +4,7 @@ import { property as r } from "lit/decorators.js";
 import { SbbElement as i } from "./core.js";
 import { html as a } from "lit/static-html.js";
 //#region src/elements/title/title-common.scss?inline
-var o = ":host{margin-block:var(--sbb-title-margin-block, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;font-size:var(--sbb-title-font-size);letter-spacing:var(--sbb-typo-letter-spacing-heading);line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));--sbb-title-text-color-normal: var(--sbb-title-text-color-normal-override, var(--sbb-color-3));display:block;color:var(--sbb-title-text-color-normal)}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}:host(:where([level=\"1\"]:not([visual-level]),[visual-level=\"1\"])){--sbb-title-font-size: var(--sbb-title-font-size-level-1-lean, var(--sbb-heading-font-size-1))}:host(:where([level=\"2\"]:not([visual-level]),[visual-level=\"2\"])){--sbb-title-font-size: var(--sbb-title-font-size-level-2-lean, var(--sbb-heading-font-size-2))}:host(:where([level=\"3\"]:not([visual-level]),[visual-level=\"3\"])){--sbb-title-font-size: var(--sbb-title-font-size-level-3-lean, var(--sbb-heading-font-size-3))}:host(:where([level=\"4\"]:not([visual-level]),[visual-level=\"4\"])){--sbb-title-font-size: var(--sbb-title-font-size-level-4-lean, var(--sbb-heading-font-size-4))}:host(:where([level=\"5\"]:not([visual-level]),[visual-level=\"5\"])){--sbb-title-font-size: var(--sbb-title-font-size-level-5-lean, var(--sbb-heading-font-size-5))}:host(:where([level=\"6\"]:not([visual-level]),[visual-level=\"6\"])){--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)}", s = (() => {
+var o = ":host{display:block;font-weight:700;font-size:var(--sbb-title-font-size);letter-spacing:var(--sbb-typo-letter-spacing-heading);line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));color:var(--sbb-title-color)}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}:host(:where([level=\"2\"]:not([visual-level]),[visual-level=\"2\"])){--sbb-title-font-size: var(--sbb-heading-font-size-2)}:host(:where([level=\"3\"]:not([visual-level]),[visual-level=\"3\"])){--sbb-title-font-size: var(--sbb-heading-font-size-3)}:host(:where([level=\"4\"]:not([visual-level]),[visual-level=\"4\"])){--sbb-title-font-size: var(--sbb-heading-font-size-4)}:host(:where([level=\"5\"]:not([visual-level]),[visual-level=\"5\"])){--sbb-title-font-size: var(--sbb-heading-font-size-5)}:host(:where([level=\"6\"]:not([visual-level]),[visual-level=\"6\"])){--sbb-title-font-size: var(--sbb-heading-font-size-6);--sbb-title-line-height: var(--sbb-typo-line-height-text)}", s = (() => {
 	let s = i, c, l = [], u = [], d, f = [], p = [];
 	return class extends s {
 		static {
@@ -49,7 +49,7 @@ var o = ":host{margin-block:var(--sbb-title-margin-block, 0);margin-inline:0;fon
 			this.role = "heading";
 		}
 		static {
-			this.styles = n(o);
+			this.styles = [n(o)];
 		}
 		#e = t(this, l, "1");
 		get level() {

package/title.component-DO67K8g1.js

@@ -0,0 +1,54 @@
+import { t as e } from "./title-base-B70qaksx.js";
+import { __esDecorate as t, __runInitializers as n } from "tslib";
+import { unsafeCSS as r } from "lit";
+import { property as i } from "lit/decorators.js";
+import { SbbNegativeMixin as a } from "./core.js";
+//#region src/elements/title/title.scss?inline
+var o = ":host{margin-block:var(--sbb-title-margin-block, 0)}:host([negative]){--sbb-title-color: var(--sbb-color-3-negative)}:host(:where([level=\"2\"]:not([visual-level]),[visual-level=\"2\"])){--sbb-title-margin-block: var(--sbb-heading-margin-block-2)}:host(:where([level=\"3\"]:not([visual-level]),[visual-level=\"3\"])){--sbb-title-margin-block: var(--sbb-heading-margin-block-3)}:host(:where([level=\"4\"]:not([visual-level]),[visual-level=\"4\"])){--sbb-title-margin-block: var(--sbb-heading-margin-block-4)}:host(:where([level=\"5\"]:not([visual-level]),[visual-level=\"5\"])){--sbb-title-margin-block: var(--sbb-heading-margin-block-5)}:host(:where([level=\"6\"]:not([visual-level]),[visual-level=\"6\"])){--sbb-title-margin-block: var(--sbb-heading-margin-block-6)}", s = (() => {
+	let s = a(e), c, l = [], u = [];
+	return class extends s {
+		static {
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+			c = [i({
+				attribute: "visual-level",
+				reflect: !0
+			})], t(this, null, c, {
+				kind: "accessor",
+				name: "visualLevel",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "visualLevel" in e,
+					get: (e) => e.visualLevel,
+					set: (e, t) => {
+						e.visualLevel = t;
+					}
+				},
+				metadata: e
+			}, l, u), e && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: e
+			});
+		}
+		static {
+			this.elementName = "sbb-title";
+		}
+		static {
+			this.styles = [r(o)];
+		}
+		#e = n(this, l, null);
+		get visualLevel() {
+			return this.#e;
+		}
+		set visualLevel(e) {
+			this.#e = e;
+		}
+		constructor() {
+			super(...arguments), n(this, u);
+		}
+	};
+})();
+//#endregion
+export { s as t };

package/title.js

@@ -1,5 +1,5 @@
-import { t as e } from "./title-base-B43-Q_7r.js";
-import { t } from "./title.component-DXJHJ6p6.js";
+import { t as e } from "./title-base-B70qaksx.js";
+import { t } from "./title.component-DO67K8g1.js";
 import "./title.pure.js";
 //#region src/elements/title.ts
 t.define();

package/title.pure.js

@@ -1,3 +1,3 @@
-import { t as e } from "./title-base-B43-Q_7r.js";
-import { t } from "./title.component-DXJHJ6p6.js";
+import { t as e } from "./title-base-B70qaksx.js";
+import { t } from "./title.component-DO67K8g1.js";
 export { e as SbbTitleBase, t as SbbTitleElement };

package/toast/toast.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../toast.component-2hmfUgsX.js";
+import { t as e } from "../toast.component-DVaz-D5o.js";
 export { e as SbbToastElement };