@sbb-esta/lyne-elements 4.0.0-next.1 → 4.0.0-next.3

package/tag.d.ts

@@ -1,6 +1,6 @@
 /**
  * @entrypoint
  */
-export * from './tag/tag.js';
-export * from './tag/tag-group.js';
+export * from './tag/tag.ts';
+export * from './tag/tag-group.ts';
 //# sourceMappingURL=tag.d.ts.map

package/teaser/teaser.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, TemplateResult } from 'lit';
-import { SbbLinkBaseElement } from '../core/base-elements.js';
+import { SbbLinkBaseElement } from '../core/base-elements.ts';
 /**
  * It displays an interactive image with caption.
  *

package/teaser/teaser.component.js

@@ -1,8 +1,8 @@
-var f = (e) => {
+var h = (e) => {
   throw TypeError(e);
 };
-var g = (e, s, a) => s.has(e) || f("Cannot " + a);
-var u = (e, s, a) => (g(e, s, "read from private field"), a ? a.call(e) : s.get(e)), v = (e, s, a) => s.has(e) ? f("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, a), _ = (e, s, a, i) => (g(e, s, "write to private field"), i ? i.call(e, a) : s.set(e, a), a);
+var u = (e, s, a) => s.has(e) || h("Cannot " + a);
+var g = (e, s, a) => (u(e, s, "read from private field"), a ? a.call(e) : s.get(e)), v = (e, s, a) => s.has(e) ? h("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, a), _ = (e, s, a, i) => (u(e, s, "write to private field"), i ? i.call(e, a) : s.set(e, a), a);
 import { __esDecorate as x, __runInitializers as b } from "tslib";
 import { customElement as y, property as w } from "lit/decorators.js";
 import { html as c } from "lit/static-html.js";
@@ -10,19 +10,19 @@ import { SbbLinkBaseElement as k } from "../core/base-elements.js";
 import { boxSizingStyles as S } from "../core/styles.js";
 import { css as z } from "lit";
 import "../screen-reader-only.js";
-const E = z`@charset "UTF-8";:host{display:inline-block;outline:none!important;--sbb-teaser-scale-hover: 1.02;--sbb-teaser-description-color: var(--sbb-color-granite);--sbb-teaser-description-color: light-dark(var(--sbb-color-granite), var(--sbb-color-silver));--sbb-teaser-flex-direction: row;--sbb-teaser-align-items: center;--sbb-teaser-gap: var(--sbb-spacing-fixed-4x);--sbb-teaser-width: fit-content;--sbb-teaser-border-radius: var(--sbb-border-radius-4x)}@media(forced-colors:active){:host{--sbb-teaser-description-color: LinkText;--sbb-title-text-color-normal-override: 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);--sbb-teaser-width: 100%}@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{outline-offset:var(--sbb-focus-outline-offset);outline:CanvasText solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}.sbb-teaser:hover{outline-color:Highlight}}.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{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);color:var(--sbb-teaser-description-color);overflow:hidden;max-width:100%}::slotted([slot=image]){width:18.75rem;display:block}.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)}@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:block;max-width:fit-content;margin-block-end:var(--sbb-spacing-fixed-1x)}::slotted(sbb-title){margin-block:0}`;
+const E = z`@charset "UTF-8";:host{display:inline-block;outline:none!important;--sbb-teaser-scale-hover: 1.02;--sbb-teaser-description-color: var(--sbb-color-granite);--sbb-teaser-description-color: light-dark(var(--sbb-color-granite), var(--sbb-color-silver));--sbb-teaser-flex-direction: row;--sbb-teaser-align-items: center;--sbb-teaser-gap: var(--sbb-spacing-fixed-4x);--sbb-teaser-border-radius: var(--sbb-border-radius-4x)}@media(forced-colors:active){:host{--sbb-teaser-description-color: LinkText;--sbb-title-text-color-normal-override: 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:calc(2 * var(--sbb-focus-outline-offset))}}@media(forced-colors:active){.sbb-teaser:before{content:"";position:absolute;inset:calc(-1 * var(--sbb-focus-outline-offset));pointer-events:none;border-radius:calc(var(--sbb-teaser-border-radius) + var(--sbb-focus-outline-offset));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{--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);color:var(--sbb-teaser-description-color);overflow:hidden;max-width:100%}::slotted([slot=image]){width:18.75rem;display:block}.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)}@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:block;max-width:fit-content;margin-block-end:var(--sbb-spacing-fixed-1x)}::slotted(sbb-title){margin-block:0}`;
 let O = (() => {
   var l, n;
-  let e = [y("sbb-teaser")], s, a = [], i, d = k, m, h = [], p = [];
+  let e = [y("sbb-teaser")], s, a = [], i, d = k, m, p = [], f = [];
   return n = class extends d {
     constructor() {
       super(...arguments);
-      v(this, l, b(this, h, "after-centered"));
-      b(this, p);
+      v(this, l, b(this, p, "after-centered"));
+      b(this, f);
     }
     /** Teaser variant - define the position and the alignment of the text block. */
     get alignment() {
-      return u(this, l);
+      return g(this, l);
     }
     set alignment(r) {
       _(this, l, r);
@@ -72,7 +72,7 @@ let O = (() => {
     const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
     m = [w({ reflect: !0 })], x(n, null, m, { kind: "accessor", name: "alignment", static: !1, private: !1, access: { has: (t) => "alignment" in t, get: (t) => t.alignment, set: (t, o) => {
       t.alignment = o;
-    } }, metadata: r }, h, p), x(null, s = { value: i }, e, { kind: "class", name: i.name, metadata: r }, null, a), i = s.value, r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
+    } }, metadata: r }, p, f), x(null, s = { value: i }, e, { kind: "class", name: i.name, metadata: r }, null, a), i = s.value, r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
   })(), n.styles = [S, E], b(i, a), i;
 })();
 export {

package/teaser-hero/teaser-hero.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, TemplateResult } from 'lit';
-import { SbbLinkBaseElement } from '../core/base-elements.js';
+import { SbbLinkBaseElement } from '../core/base-elements.ts';
 /**
  * It displays an image and an action call within a panel.
  *

package/teaser-hero/teaser-hero.component.js

@@ -11,7 +11,7 @@ import { SbbLinkBaseElement as w } from "../core/base-elements.js";
 import { forceType as z, omitEmptyConverter as S } from "../core/decorators.js";
 import { boxSizingStyles as E } from "../core/styles.js";
 import "../link/block-link-static.js";
-const T = k`:host{display:block;outline:none!important;--sbb-panel-width: 13.9375rem;--sbb-panel-inner-height: 10.4375rem;--sbb-panel-triangle-height: 2.0625rem;--sbb-panel-height: calc(var(--sbb-panel-inner-height) + 2 * var(--sbb-panel-triangle-height));--sbb-panel-line-height: var(--sbb-typo-line-height-titles);--sbb-panel-font-size: var(--sbb-typo-scale-1-5x);--sbb-panel-color: var(--sbb-color-1-negative);--sbb-panel-background-color: color-mix(in srgb, var(--sbb-color-primary) 90%, transparent);--sbb-panel-background-color-hover: var(--sbb-color-primary);--sbb-panel-padding-inline: var(--sbb-spacing-responsive-m);--sbb-panel-gap: var(--sbb-spacing-responsive-xs);--sbb-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-panel-animation-easing: var(--sbb-animation-easing)}@media(min-width:64rem){:host{--sbb-panel-width: 20.0625rem;--sbb-panel-inner-height: 15.006875rem;--sbb-panel-triangle-height: 2.965625rem;--sbb-panel-font-size: var(--sbb-typo-scale-2x)}}@media(min-width:64rem){:host{--sbb-panel-width: 26.75rem;--sbb-panel-inner-height: 20.02375rem;--sbb-panel-triangle-height: 3.956875rem;--sbb-panel-font-size: var(--sbb-typo-scale-2-5x);--sbb-panel-line-height: 1.2}}@media(any-hover:hover){:host(:hover){--sbb-panel-background-color: var(--sbb-panel-background-color-hover)}}::slotted([slot=image]){width:100%}.sbb-teaser-hero{position:relative;display:flex;min-height:var(--sbb-panel-height);text-decoration:none}.sbb-teaser-hero: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-teaser-hero__panel{z-index:1;position:relative;display:flex;flex-direction:column;justify-content:center;gap:var(--sbb-panel-gap);width:var(--sbb-panel-width);height:var(--sbb-panel-height);padding-block:var(--sbb-panel-triangle-height);padding-inline:var(--sbb-panel-padding-inline);clip-path:polygon(0 0,100% var(--sbb-panel-triangle-height),100% calc(100% - var(--sbb-panel-triangle-height)),0% 100%);background-color:var(--sbb-panel-background-color);transition:background var(--sbb-panel-animation-duration) var(--sbb-panel-animation-easing)}@media(any-hover:hover){.sbb-teaser-hero__panel:hover{--sbb-panel-background-color: var(--sbb-panel-background-color-hover)}}.sbb-teaser-hero__panel{position:absolute;top:50%;transform:translateY(-50%)}:host(:not(:is(:state(slotted),[state--slotted]),:is(:state(slotted-link-content),[state--slotted-link-content]),[link-content])) .sbb-teaser-hero__panel{display:none}.sbb-teaser-hero__panel-text{font-family:var(--sbb-typo-font-family);font-size:var(--sbb-panel-font-size);font-weight:300;line-height:var(--sbb-panel-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);color:var(--sbb-panel-color);-webkit-hyphens:auto;hyphens:auto;display:inline;margin:0;padding:0}:host(:not([href])) .sbb-teaser-hero__panel-link{display:none}`;
+const T = k`:host{display:block;outline:none!important;--sbb-panel-width: 13.9375rem;--sbb-panel-inner-height: 10.4375rem;--sbb-panel-triangle-height: 2.0625rem;--sbb-panel-height: calc(var(--sbb-panel-inner-height) + 2 * var(--sbb-panel-triangle-height));--sbb-panel-line-height: var(--sbb-typo-line-height-heading);--sbb-panel-font-size: var(--sbb-typo-scale-1-5x);--sbb-panel-color: var(--sbb-color-1-negative);--sbb-panel-background-color: color-mix(in srgb, var(--sbb-color-primary) 90%, transparent);--sbb-panel-background-color-hover: var(--sbb-color-primary);--sbb-panel-padding-inline: var(--sbb-spacing-responsive-m);--sbb-panel-gap: var(--sbb-spacing-responsive-xs);--sbb-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-panel-animation-easing: var(--sbb-animation-easing)}@media(min-width:64rem){:host{--sbb-panel-width: 20.0625rem;--sbb-panel-inner-height: 15.006875rem;--sbb-panel-triangle-height: 2.965625rem;--sbb-panel-font-size: var(--sbb-typo-scale-2x)}}@media(min-width:64rem){:host{--sbb-panel-width: 26.75rem;--sbb-panel-inner-height: 20.02375rem;--sbb-panel-triangle-height: 3.956875rem;--sbb-panel-font-size: var(--sbb-typo-scale-2-5x);--sbb-panel-line-height: 1.2}}@media(any-hover:hover){:host(:hover){--sbb-panel-background-color: var(--sbb-panel-background-color-hover)}}::slotted([slot=image]){width:100%}.sbb-teaser-hero{position:relative;display:flex;min-height:var(--sbb-panel-height);text-decoration:none}.sbb-teaser-hero: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-teaser-hero__panel{z-index:1;position:relative;display:flex;flex-direction:column;justify-content:center;gap:var(--sbb-panel-gap);width:var(--sbb-panel-width);height:var(--sbb-panel-height);padding-block:var(--sbb-panel-triangle-height);padding-inline:var(--sbb-panel-padding-inline);clip-path:polygon(0 0,100% var(--sbb-panel-triangle-height),100% calc(100% - var(--sbb-panel-triangle-height)),0% 100%);background-color:var(--sbb-panel-background-color);transition:background var(--sbb-panel-animation-duration) var(--sbb-panel-animation-easing)}@media(any-hover:hover){.sbb-teaser-hero__panel:hover{--sbb-panel-background-color: var(--sbb-panel-background-color-hover)}}.sbb-teaser-hero__panel{position:absolute;top:50%;transform:translateY(-50%)}:host(:not(:is(:state(slotted),[state--slotted]),:is(:state(slotted-link-content),[state--slotted-link-content]),[link-content])) .sbb-teaser-hero__panel{display:none}.sbb-teaser-hero__panel-text{font-family:var(--sbb-typo-font-family);font-size:var(--sbb-panel-font-size);font-weight:300;line-height:var(--sbb-panel-line-height);letter-spacing:var(--sbb-typo-letter-spacing-heading);color:var(--sbb-panel-color);-webkit-hyphens:auto;hyphens:auto;display:inline;margin:0;padding:0}:host(:not([href])) .sbb-teaser-hero__panel-link{display:none}`;
 let P = (() => {
   var o, s;
   let e = [y("sbb-teaser-hero")], t, a = [], n, b = w, p, c = [], h = [];

package/teaser-hero.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './teaser-hero/teaser-hero.component.js';
+export * from './teaser-hero/teaser-hero.component.ts';
 //# sourceMappingURL=teaser-hero.d.ts.map

package/teaser-product/common/teaser-product-common.d.ts

@@ -1,6 +1,6 @@
-import { SbbActionBaseElement } from '../../core/base-elements.js';
-import { AbstractConstructor } from '../../core/mixins.js';
-declare const SbbTeaserProductCommonElementMixinType_base: AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & typeof SbbActionBaseElement;
+import { SbbActionBaseElement } from '../../core/base-elements.ts';
+import { AbstractConstructor } from '../../core/mixins.ts';
+declare const SbbTeaserProductCommonElementMixinType_base: AbstractConstructor<import('../../core/mixins.ts').SbbNegativeMixinType> & typeof SbbActionBaseElement;
 export declare class SbbTeaserProductCommonElementMixinType extends SbbTeaserProductCommonElementMixinType_base {
     accessor imageAlignment: 'after' | 'before';
 }

package/teaser-product/common.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './common/teaser-product-common.js';
+export * from './common/teaser-product-common.ts';
 //# sourceMappingURL=common.d.ts.map

package/teaser-product/common.js

@@ -1,5 +1,5 @@
 import { SbbTeaserProductCommonElementMixin as r } from "./common/teaser-product-common.js";
-import { t as m } from "../teaser-product-common-BwqWqRrK.js";
+import { t as m } from "../teaser-product-common-a4NenpSA.js";
 export {
   r as SbbTeaserProductCommonElementMixin,
   m as teaserProductCommonStyle

package/teaser-product/teaser-product/teaser-product.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup, TemplateResult } from 'lit';
-import { SbbLinkBaseElement } from '../../core/base-elements.js';
-declare const SbbTeaserProductElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbTeaserProductCommonElementMixinType> & typeof SbbLinkBaseElement;
+import { SbbLinkBaseElement } from '../../core/base-elements.ts';
+declare const SbbTeaserProductElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbTeaserProductCommonElementMixinType> & typeof SbbLinkBaseElement;
 /**
  * Displays a text and a footnote, combined with an image, to tease a product
  *

package/teaser-product/teaser-product-static/teaser-product-static.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from 'lit';
-import { SbbActionBaseElement } from '../../core/base-elements.js';
-declare const SbbTeaserProductStaticElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbTeaserProductCommonElementMixinType> & typeof SbbActionBaseElement;
+import { SbbActionBaseElement } from '../../core/base-elements.ts';
+declare const SbbTeaserProductStaticElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbTeaserProductCommonElementMixinType> & typeof SbbActionBaseElement;
 /**
  * Displays a text and a footnote, combined with an image, to tease a product.
  *

package/teaser-product/teaser-product-static.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './teaser-product-static/teaser-product-static.component.js';
+export * from './teaser-product-static/teaser-product-static.component.ts';
 //# sourceMappingURL=teaser-product-static.d.ts.map

package/teaser-product/teaser-product.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './teaser-product/teaser-product.component.js';
+export * from './teaser-product/teaser-product.component.ts';
 //# sourceMappingURL=teaser-product.d.ts.map

package/teaser-product-common-a4NenpSA.js

@@ -0,0 +1,5 @@
+import { css as r } from "lit";
+const e = r`:host{display:block;--sbb-teaser-product-background-color: var(--sbb-color-cloud);--sbb-teaser-product-background-color: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) );--sbb-teaser-product-background-gradient-direction: to right;--sbb-teaser-product-background: var(--sbb-teaser-product-background-color);--sbb-teaser-product-border-radius: var(--sbb-border-radius-4x);--sbb-teaser-product-content-color: var(--sbb-color-4);--sbb-teaser-product-footer-color: var(--sbb-color-anthracite);--sbb-teaser-product-footer-color: light-dark( var(--sbb-color-anthracite), var(--sbb-color-cloud) );--sbb-teaser-product-container-padding-block: var(--sbb-spacing-responsive-l);--sbb-teaser-product-min-height: 37.5rem;--sbb-teaser-product-background-gradient-start: 25%;--sbb-teaser-product-background-gradient-end: 75%}@media(min-width:64rem){:host{--sbb-teaser-product-background: linear-gradient( var(--sbb-teaser-product-background-gradient-direction), var(--sbb-teaser-product-background-color) var(--sbb-teaser-product-background-gradient-start), transparent var(--sbb-teaser-product-background-gradient-end) )}}:host([negative]){--sbb-teaser-product-background-color: var(--sbb-background-color-1-negative);--sbb-teaser-product-content-color: var(--sbb-color-4-negative);--sbb-teaser-product-footer-color: var(--sbb-color-4-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-title-text-color-normal-override: var(--sbb-color-3-negative)}:host([image-alignment=before]){--sbb-teaser-product-background-gradient-direction: to left}.sbb-teaser-product__image-container{overflow:hidden;border-radius:var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius) 0 0}@media(min-width:64rem){.sbb-teaser-product__image-container{position:absolute;inset:0;border-radius:var(--sbb-teaser-product-border-radius)}}::slotted(p.sbb-teaser-product--spacing){margin:0}::slotted(sbb-title.sbb-teaser-product--spacing){margin-block-start:0}::slotted(:is(sbb-action-group,[data-action]).sbb-teaser-product--spacing){margin-block-start:var(--sbb-spacing-responsive-xxs)}::slotted([slot=image]){display:flex;width:100%;height:100%}@media(forced-colors:active){.sbb-teaser-product__root:after{content:"";position:absolute;display:block;inset:0;pointer-events:none;border:var(--sbb-border-width-2x) solid CanvasText;border-radius:var(--sbb-teaser-product-border-radius)}}.sbb-action-base{display:block;position:relative;text-decoration:none}.sbb-teaser-product__container{background:var(--sbb-teaser-product-background);border-radius:0 0 var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius);padding:var(--sbb-spacing-responsive-s)}@media(min-width:64rem){.sbb-teaser-product__container{display:grid;grid:"content ." 1fr "footnote ." auto/1fr 1fr;column-gap:var(--sbb-spacing-responsive-xxl);background:var(--sbb-teaser-product-background);border-radius:var(--sbb-teaser-product-border-radius);padding-block:var(--sbb-teaser-product-container-padding-block) 0;padding-inline:var(--sbb-spacing-responsive-xl);position:relative}:host([image-alignment=before]) .sbb-teaser-product__container{grid-template-areas:". content" ". footnote"}}.sbb-teaser-product__content{grid-area:content;align-self:center;margin:0;color:var(--sbb-teaser-product-content-color)}@media(min-width:64rem){.sbb-teaser-product__content{align-content:center;min-height:calc(var(--sbb-teaser-product-min-height) - 2 * var(--sbb-teaser-product-container-padding-block))}}.sbb-teaser-product__footnote{grid-area:footnote;padding-block-start:var(--sbb-spacing-responsive-s);color:var(--sbb-teaser-product-footer-color);--sbb-text-font-size: var(--sbb-text-font-size-xxs);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)}:host(:not(:is(:state(slotted-footnote),[state--slotted-footnote]))) .sbb-teaser-product__footnote{padding-block-start:0}@media(min-width:64rem){.sbb-teaser-product__footnote{min-height:var(--sbb-teaser-product-container-padding-block);padding-block:var(--sbb-spacing-responsive-xs)}}`;
+export {
+  e as t
+};

package/teaser-product.d.ts

@@ -1,7 +1,7 @@
 /**
  * @entrypoint
  */
-export * from './teaser-product/teaser-product.js';
-export * from './teaser-product/teaser-product-static.js';
-export * from './teaser-product/common.js';
+export * from './teaser-product/teaser-product.ts';
+export * from './teaser-product/teaser-product-static.ts';
+export * from './teaser-product/common.ts';
 //# sourceMappingURL=teaser-product.d.ts.map

package/teaser-product.js

@@ -1,7 +1,7 @@
 import { SbbTeaserProductElement as r } from "./teaser-product/teaser-product/teaser-product.component.js";
 import { SbbTeaserProductStaticElement as m } from "./teaser-product/teaser-product-static/teaser-product-static.component.js";
 import { SbbTeaserProductCommonElementMixin as b } from "./teaser-product/common/teaser-product-common.js";
-import { t as c } from "./teaser-product-common-BwqWqRrK.js";
+import { t as c } from "./teaser-product-common-a4NenpSA.js";
 export {
   b as SbbTeaserProductCommonElementMixin,
   r as SbbTeaserProductElement,

package/teaser.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './teaser/teaser.component.js';
+export * from './teaser/teaser.component.ts';
 //# sourceMappingURL=teaser.d.ts.map

package/time-input/time-input.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, LitElement } from 'lit';
-declare const SbbTimeInputElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbFormAssociatedInputMixinType> & typeof LitElement;
+declare const SbbTimeInputElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbFormAssociatedInputMixinType> & typeof LitElement;
 /**
  * Custom input for a time.
  */

package/time-input.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './time-input/time-input.component.js';
+export * from './time-input/time-input.component.ts';
 //# sourceMappingURL=time-input.d.ts.map

package/timetable-form/timetable-form-details.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './timetable-form-details/timetable-form-details.component.js';
+export * from './timetable-form-details/timetable-form-details.component.ts';
 //# sourceMappingURL=timetable-form-details.d.ts.map

package/timetable-form/timetable-form-field/timetable-form-field.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, TemplateResult } from 'lit';
-import { SbbFormFieldElement } from '../../form-field/form-field.js';
+import { SbbFormFieldElement } from '../../form-field/form-field.ts';
 /**
  * Extends the `sbb-form-field`. Meant to be used inside a `sbb-timetable-form`.
  */

package/timetable-form/timetable-form-field.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './timetable-form-field/timetable-form-field.component.js';
+export * from './timetable-form-field/timetable-form-field.component.ts';
 //# sourceMappingURL=timetable-form-field.d.ts.map

package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, PropertyValues } from 'lit';
-import { SbbSecondaryButtonElement } from '../../button/secondary-button.js';
+import { SbbSecondaryButtonElement } from '../../button/secondary-button.ts';
 /**
  * An extension of `sbb-secondary-button` to be used inside the `sbb-timetable-form`.
  * When placed between two `sbb-timetable-form-field`, the 'click' swaps the value of the sibling inputs.

package/timetable-form/timetable-form-swap-button.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './timetable-form-swap-button/timetable-form-swap-button.component.js';
+export * from './timetable-form-swap-button/timetable-form-swap-button.component.ts';
 //# sourceMappingURL=timetable-form-swap-button.d.ts.map

package/timetable-form/timetable-form.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './timetable-form/timetable-form.component.js';
+export * from './timetable-form/timetable-form.component.ts';
 //# sourceMappingURL=timetable-form.d.ts.map

package/timetable-form.d.ts

@@ -1,8 +1,8 @@
 /**
  * @entrypoint
  */
-export * from './timetable-form/timetable-form.js';
-export * from './timetable-form/timetable-form-details.js';
-export * from './timetable-form/timetable-form-field.js';
-export * from './timetable-form/timetable-form-swap-button.js';
+export * from './timetable-form/timetable-form.ts';
+export * from './timetable-form/timetable-form-details.ts';
+export * from './timetable-form/timetable-form-field.ts';
+export * from './timetable-form/timetable-form-swap-button.ts';
 //# sourceMappingURL=timetable-form.d.ts.map

package/timetable-occupancy/timetable-occupancy.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
-import { SbbOccupancy } from '../core/interfaces.js';
-declare const SbbTimetableOccupancyElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof LitElement;
+import { SbbOccupancy } from '../core/interfaces.ts';
+declare const SbbTimetableOccupancyElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbNegativeMixinType> & typeof LitElement;
 /**
  * Used in `sbb-timetable-row`, it displays information about wagon occupancy.
  */

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

@@ -12,7 +12,7 @@ import { SbbNegativeMixin as j } from "../core/mixins.js";
 import { boxSizingStyles as L } from "../core/styles.js";
 import "../screen-reader-only.js";
 import "../timetable-occupancy-icon.js";
-const T = S`:host{display:inline-block;--sbb-timetable-occupancy-color: var(--sbb-color-2);--sbb-icon-svg-width: .890625rem;--sbb-icon-svg-height: v0.75rem}@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-spacing-fixed-2x)}.sbb-timetable-occupancy__list-item{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-spacing-fixed-1x)}.sbb-timetable-occupancy__list-item-class{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);line-height:1;color:var(--sbb-timetable-occupancy-color)}.sbb-timetable-occupancy__list-item-icon{display:flex}`;
+const T = S`:host{display:inline-block;--sbb-timetable-occupancy-color: var(--sbb-color-2);--sbb-icon-svg-width: .890625rem;--sbb-icon-svg-height: v0.75rem}@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-spacing-fixed-2x)}.sbb-timetable-occupancy__list-item{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-spacing-fixed-1x)}.sbb-timetable-occupancy__list-item-class{--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);line-height:1;color:var(--sbb-timetable-occupancy-color)}.sbb-timetable-occupancy__list-item-icon{display:flex}`;
 let Q = (() => {
   var l, r, n;
   let s = [E("sbb-timetable-occupancy")], t, a = [], i, h = j($), d, _ = [], g = [], O, C = [], v = [];

package/timetable-occupancy-icon/timetable-occupancy-icon.component.d.ts

@@ -1,7 +1,7 @@
 import { CSSResultGroup, PropertyValues } from 'lit';
-import { SbbOccupancy } from '../core/interfaces.js';
-import { SbbIconBase } from '../icon.js';
-declare const SbbTimetableOccupancyIconElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof SbbIconBase;
+import { SbbOccupancy } from '../core/interfaces.ts';
+import { SbbIconBase } from '../icon.ts';
+declare const SbbTimetableOccupancyIconElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbNegativeMixinType> & typeof SbbIconBase;
 /**
  * It displays a wagon's occupancy icon.
  */

package/timetable-occupancy-icon.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './timetable-occupancy-icon/timetable-occupancy-icon.component.js';
+export * from './timetable-occupancy-icon/timetable-occupancy-icon.component.ts';
 //# sourceMappingURL=timetable-occupancy-icon.d.ts.map

package/timetable-occupancy.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './timetable-occupancy/timetable-occupancy.component.js';
+export * from './timetable-occupancy/timetable-occupancy.component.ts';
 //# sourceMappingURL=timetable-occupancy.d.ts.map

package/title/title-base.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
 export type SbbTitleLevel = '1' | '2' | '3' | '4' | '5' | '6';
-declare const SbbTitleBase_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../core/mixins.js').SbbElementInternalsConstructor;
+declare const SbbTitleBase_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../core/mixins.ts').SbbElementInternalsConstructor;
 /**
  * It displays a title with a heading role.
  */

package/title/title-base.js

@@ -1,37 +1,37 @@
 var d = (e) => {
   throw TypeError(e);
 };
-var g = (e, t, l) => t.has(e) || d("Cannot " + l);
-var c = (e, t, l) => (g(e, t, "read from private field"), l ? l.call(e) : t.get(e)), u = (e, t, l) => t.has(e) ? d("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, l), h = (e, t, l, r) => (g(e, t, "write to private field"), r ? r.call(e, l) : t.set(e, l), l);
-import { __esDecorate as z, __runInitializers as n } from "tslib";
-import { css as _, LitElement as L } from "lit";
-import { property as y } from "lit/decorators.js";
+var z = (e, t, l) => t.has(e) || d("Cannot " + l);
+var h = (e, t, l) => (z(e, t, "read from private field"), l ? l.call(e) : t.get(e)), u = (e, t, l) => t.has(e) ? d("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, l), c = (e, t, l, r) => (z(e, t, "write to private field"), r ? r.call(e, l) : t.set(e, l), l);
+import { __esDecorate as p, __runInitializers as o } from "tslib";
+import { css as y, LitElement as L } from "lit";
+import { property as _ } from "lit/decorators.js";
 import { html as x } from "lit/static-html.js";
 import { SbbElementInternalsMixin as w } from "../core/mixins.js";
-const k = _`:host{margin-block:var(--sbb-title-margin-block-start, 0) var(--sbb-title-margin-block-end, 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-titles));letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--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)}:host(:where([level="2"]:not([visual-level]),[visual-level="2"])){--sbb-title-font-size: var(--sbb-title-font-size-level-2)}:host(:where([level="3"]:not([visual-level]),[visual-level="3"])){--sbb-title-font-size: var(--sbb-title-font-size-level-3)}:host(:where([level="4"]:not([visual-level]),[visual-level="4"])){--sbb-title-font-size: var(--sbb-title-font-size-level-4)}:host(:where([level="5"]:not([visual-level]),[visual-level="5"])){--sbb-title-font-size: var(--sbb-title-font-size-level-5)}:host(:where([level="6"]:not([visual-level]),[visual-level="6"])){--sbb-title-font-size: var(--sbb-title-font-size-level-6);--sbb-title-line-height: var(--sbb-typo-line-height-body-text)}`;
+const k = y`:host{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);--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)}`;
 let M = (() => {
-  var o, v, a;
-  let e = w(L), t, l = [], r = [], f, m = [], p = [];
+  var v, n, a;
+  let e = w(L), t, l = [], r = [], f, m = [], g = [];
   return a = class extends e {
     constructor() {
       super(...arguments);
-      u(this, o, n(this, l, "1"));
-      u(this, v, (n(this, r), n(this, m, null)));
-      n(this, p);
+      u(this, v, o(this, l, "1"));
+      u(this, n, (o(this, r), o(this, m, null)));
+      o(this, g);
     }
     /** Title level */
     get level() {
-      return c(this, o);
+      return h(this, v);
     }
     set level(s) {
-      h(this, o, s);
+      c(this, v, s);
     }
     /** Visual level for the title. */
     get visualLevel() {
-      return c(this, v);
+      return h(this, n);
     }
     set visualLevel(s) {
-      h(this, v, s);
+      c(this, n, s);
     }
     willUpdate(s) {
       super.willUpdate(s), s.has("level") && (this.internals.ariaLevel = this.level);
@@ -39,13 +39,13 @@ let M = (() => {
     render() {
       return x`<slot></slot>`;
     }
-  }, o = new WeakMap(), v = new WeakMap(), (() => {
+  }, v = new WeakMap(), n = new WeakMap(), (() => {
     const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
-    t = [y({ reflect: !0 })], f = [y({ attribute: "visual-level", reflect: !0 })], z(a, null, t, { kind: "accessor", name: "level", static: !1, private: !1, access: { has: (i) => "level" in i, get: (i) => i.level, set: (i, b) => {
+    t = [_({ reflect: !0 })], f = [_({ attribute: "visual-level", reflect: !0 })], p(a, null, t, { kind: "accessor", name: "level", static: !1, private: !1, access: { has: (i) => "level" in i, get: (i) => i.level, set: (i, b) => {
       i.level = b;
-    } }, metadata: s }, l, r), z(a, null, f, { kind: "accessor", name: "visualLevel", static: !1, private: !1, access: { has: (i) => "visualLevel" in i, get: (i) => i.visualLevel, set: (i, b) => {
+    } }, metadata: s }, l, r), p(a, null, f, { kind: "accessor", name: "visualLevel", static: !1, private: !1, access: { has: (i) => "visualLevel" in i, get: (i) => i.visualLevel, set: (i, b) => {
       i.visualLevel = b;
-    } }, metadata: s }, m, p), s && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
+    } }, metadata: s }, m, g), s && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
   })(), a.role = "heading", a.styles = k, a;
 })();
 export {

package/title/title.component.d.ts

@@ -1,11 +1,10 @@
 import { CSSResultGroup } from 'lit';
-import { SbbTitleBase, SbbTitleLevel } from './title-base.js';
-declare const SbbTitleElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof SbbTitleBase;
+import { SbbTitleBase, SbbTitleLevel } from './title-base.ts';
+declare const SbbTitleElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbNegativeMixinType> & typeof SbbTitleBase;
 /**
  * @slot - Use the unnamed slot for the content of the title.
  *
- * @cssprop [--sbb-title-margin-block-start=var(--sbb-spacing-responsive-m)] - Margin block start of the title.
- * @cssprop [--sbb-title-margin-block-end=var(--sbb-spacing-responsive-s)] - Margin block end of the title.
+ * @cssprop [--sbb-title-margin-block] - Margin block of the title.
  */
 export declare class SbbTitleElement extends SbbTitleElement_base {
     static styles: CSSResultGroup;

package/title/title.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"title.component.d.ts","sourceRoot":"","sources":["../../../src/elements/title/title.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,EAAE,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;;AAGnE;;;;;GAKG;AACH,qBAEM,eAAgB,SAAQ,oBAA8B;IAC1D,OAAuB,MAAM,EAAE,cAAc,CAAgC;IAE7E,yFAAyF;IACzF,SACyB,WAAW,EAAE,aAAa,GAAG,IAAI,CAAQ;CACnE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}
+{"version":3,"file":"title.component.d.ts","sourceRoot":"","sources":["../../../src/elements/title/title.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,EAAE,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;;AAGnE;;;;GAIG;AACH,qBAEM,eAAgB,SAAQ,oBAA8B;IAC1D,OAAuB,MAAM,EAAE,cAAc,CAAgC;IAE7E,yFAAyF;IACzF,SACyB,WAAW,EAAE,aAAa,GAAG,IAAI,CAAQ;CACnE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}

package/title/title.component.js

@@ -1,36 +1,36 @@
 var u = (e) => {
   throw TypeError(e);
 };
-var g = (e, l, t) => l.has(e) || u("Cannot " + t);
-var d = (e, l, t) => (g(e, l, "read from private field"), t ? t.call(e) : l.get(e)), k = (e, l, t) => l.has(e) ? u("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(e) : l.set(e, t), h = (e, l, t, a) => (g(e, l, "write to private field"), a ? a.call(e, t) : l.set(e, t), t);
-import { __esDecorate as f, __runInitializers as v } from "tslib";
+var g = (e, l, a) => l.has(e) || u("Cannot " + a);
+var h = (e, l, a) => (g(e, l, "read from private field"), a ? a.call(e) : l.get(e)), d = (e, l, a) => l.has(e) ? u("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(e) : l.set(e, a), k = (e, l, a, t) => (g(e, l, "write to private field"), t ? t.call(e, a) : l.set(e, a), a);
+import { __esDecorate as _, __runInitializers as n } from "tslib";
 import { customElement as y, property as L } from "lit/decorators.js";
 import { SbbNegativeMixin as S } from "../core/mixins.js";
-import { SbbTitleBase as _ } from "./title-base.js";
+import { SbbTitleBase as p } from "./title-base.js";
 import { css as w } from "lit";
-const x = w`:host([negative]){--sbb-title-text-color-normal: var(--sbb-color-3-negative)}:host(:where([level="1"]:not([visual-level]),[visual-level="1"])){--sbb-title-margin-block-start: var(--sbb-title-margin-block-start-level-1);--sbb-title-margin-block-end: var(--sbb-title-margin-block-end-level-1)}:host(:where([level="2"]:not([visual-level]),[visual-level="2"])){--sbb-title-margin-block-start: var(--sbb-title-default-margin-block-start);--sbb-title-margin-block-end: var(--sbb-title-margin-block-end-level-2)}:host(:where([level="3"]:not([visual-level]),[visual-level="3"])){--sbb-title-margin-block-start: var(--sbb-title-default-margin-block-start);--sbb-title-margin-block-end: var(--sbb-title-margin-block-end-level-3)}:host(:where([level="4"]:not([visual-level]),[visual-level="4"])){--sbb-title-margin-block-start: var(--sbb-title-default-margin-block-start);--sbb-title-margin-block-end: var(--sbb-title-margin-block-end-level-4)}:host(:where([level="5"]:not([visual-level]),[visual-level="5"])){--sbb-title-margin-block-start: var(--sbb-title-default-margin-block-start);--sbb-title-margin-block-end: var(--sbb-title-margin-block-end-level-5)}:host(:where([level="6"]:not([visual-level]),[visual-level="6"])){--sbb-title-margin-block-start: var(--sbb-title-default-margin-block-start);--sbb-title-margin-block-end: var(--sbb-title-margin-block-end-level-6)}`;
+const x = w`:host([negative]){--sbb-title-text-color-normal: var(--sbb-color-3-negative)}:host(:where([level="1"]:not([visual-level]),[visual-level="1"])){--sbb-title-margin-block: var( --sbb-heading-margin-block-1-lean, var(--sbb-heading-margin-block-1) )}:host(:where([level="2"]:not([visual-level]),[visual-level="2"])){--sbb-title-margin-block: var( --sbb-heading-margin-block-2-lean, 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-lean, 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-lean, 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-lean, 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-lean, var(--sbb-heading-margin-block-6) )}`;
 let B = (() => {
   var r, s;
-  let e = [y("sbb-title")], l, t = [], a, o = S(_), n, c = [], m = [];
-  return s = class extends o {
+  let e = [y("sbb-title")], l, a = [], t, v = S(p), o, c = [], m = [];
+  return s = class extends v {
     constructor() {
       super(...arguments);
-      k(this, r, v(this, c, null));
-      v(this, m);
+      d(this, r, n(this, c, null));
+      n(this, m);
     }
     /** Visual level for the title. Optional, if not set, the value of level will be used. */
     get visualLevel() {
-      return d(this, r);
+      return h(this, r);
     }
     set visualLevel(i) {
-      h(this, r, i);
+      k(this, r, i);
     }
-  }, r = new WeakMap(), a = s, (() => {
-    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-    n = [L({ attribute: "visual-level", reflect: !0 })], f(s, null, n, { kind: "accessor", name: "visualLevel", static: !1, private: !1, access: { has: (b) => "visualLevel" in b, get: (b) => b.visualLevel, set: (b, p) => {
-      b.visualLevel = p;
-    } }, metadata: i }, c, m), f(null, l = { value: a }, e, { kind: "class", name: a.name, metadata: i }, null, t), a = l.value, i && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
-  })(), s.styles = [_.styles, x], v(a, t), a;
+  }, r = new WeakMap(), t = s, (() => {
+    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
+    o = [L({ attribute: "visual-level", reflect: !0 })], _(s, null, o, { kind: "accessor", name: "visualLevel", static: !1, private: !1, access: { has: (b) => "visualLevel" in b, get: (b) => b.visualLevel, set: (b, f) => {
+      b.visualLevel = f;
+    } }, metadata: i }, c, m), _(null, l = { value: t }, e, { kind: "class", name: t.name, metadata: i }, null, a), t = l.value, i && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
+  })(), s.styles = [p.styles, x], n(t, a), t;
 })();
 export {
   B as SbbTitleElement

package/title.d.ts

@@ -1,6 +1,6 @@
 /**
  * @entrypoint
  */
-export * from './title/title.component.js';
-export * from './title/title-base.js';
+export * from './title/title.component.ts';
+export * from './title/title-base.ts';
 //# sourceMappingURL=title.d.ts.map

package/toast/toast.component.d.ts

@@ -1,9 +1,9 @@
 import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
-import { SbbOpenCloseBaseElement } from '../core/base-elements.js';
+import { SbbOpenCloseBaseElement } from '../core/base-elements.ts';
 type SbbToastPositionVertical = 'top' | 'bottom';
 type SbbToastPositionHorizontal = 'left' | 'start' | 'center' | 'right' | 'end';
 export type SbbToastPosition = `${SbbToastPositionVertical}-${SbbToastPositionHorizontal}`;
-declare const SbbToastElement_base: import('../core/mixins.js').AbstractConstructor<import('../icon.js').SbbIconNameMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbHydrationMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbReadonlyMixinType> & typeof SbbOpenCloseBaseElement;
+declare const SbbToastElement_base: import('../core/mixins.ts').AbstractConstructor<import('../icon.ts').SbbIconNameMixinType> & import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbHydrationMixinType> & import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbReadonlyMixinType> & typeof SbbOpenCloseBaseElement;
 /**
  * It displays a toast notification.
  *

package/toast/toast.component.js

@@ -17,7 +17,7 @@ import { boxSizingStyles as R } from "../core/styles.js";
 import { SbbIconNameMixin as X } from "../icon.js";
 import "../button/transparent-button.js";
 import "../divider.js";
-const F = M`:host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-toast-animation-timing-function: ease;--sbb-toast-text-color: var(--sbb-color-3-inverted);--sbb-toast-background-color: var(--sbb-background-color-1-inverted);--sbb-toast-margin: var(--sbb-spacing-responsive-s);--sbb-toast-padding-block: var(--sbb-spacing-responsive-xxxs);--sbb-toast-padding-inline: var(--sbb-spacing-responsive-xs);--sbb-toast-border-radius: var(--sbb-border-radius-4x);--sbb-toast-container-display: none;--sbb-toast-container-position: fixed;--sbb-toast-horizontal-position: initial;--sbb-toast-vertical-position: initial;--sbb-toast-gap: var(--sbb-spacing-fixed-2x);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);display:none}:host([data-state]:not([data-state=closed])){--sbb-toast-container-display: flex;display:block}:host([position=bottom-left]),:host([position=bottom-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-end}:host([position=bottom-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-end}:host([position=bottom-right]),:host([position=bottom-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-end}:host([position=top-left]),:host([position=top-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-start}:host([position=top-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-start}:host([position=top-right]),:host([position=top-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-start}:host(:is(:state(dark),[state--dark])){--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)}.sbb-toast__overlay-container{position:var(--sbb-toast-container-position);pointer-events:none;inset:0;display:var(--sbb-toast-container-display);justify-content:var(--sbb-toast-horizontal-position);align-items:var(--sbb-toast-vertical-position)}.sbb-toast{z-index:var(--sbb-toast-z-index, var(--sbb-overlay-default-z-index));pointer-events:auto;margin:var(--sbb-toast-margin);border-radius:var(--sbb-toast-border-radius);max-width:var(--sbb-toast-max-width);display:flex;color:var(--sbb-toast-text-color);background-color:var(--sbb-toast-background-color)}:host([data-state=opening]) .sbb-toast{animation-name:open;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}:host([data-state=closing]) .sbb-toast{animation-name:close;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}.sbb-toast-wrapper{display:flex;align-items:center;gap:var(--sbb-toast-gap);padding-block:var(--sbb-toast-padding-block);padding-inline:var(--sbb-toast-padding-inline)}slot:not([name=icon]),.sbb-toast__close{color-scheme:only light}.sbb-toast__content{--sbb-title-font-size: var(--sbb-title-font-size-level-6);--sbb-title-line-height: var(--sbb-typo-line-height-body-text);margin-block:var(--sbb-title-margin-block-start, 0) var(--sbb-title-margin-block-end, 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-titles));letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);flex:1 1 0}.sbb-toast__close{display:flex;align-items:center}.sbb-toast__close-divider{padding-block:var(--sbb-toast-padding-block)}.sbb-toast__close-button{margin-inline:var(--sbb-spacing-responsive-xxxs)}@keyframes open{0%{visibility:hidden;opacity:0;translate:0 var(--sbb-spacing-fixed-2x)}to{visibility:visible;opacity:1;translate:0}}@keyframes close{0%{visibility:visible;opacity:1;translate:0}to{visibility:hidden;opacity:0;translate:0 var(--sbb-spacing-fixed-2x)}}`, g = /* @__PURE__ */ new Set();
+const F = M`:host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-toast-animation-timing-function: ease;--sbb-toast-text-color: var(--sbb-color-3-inverted);--sbb-toast-background-color: var(--sbb-background-color-1-inverted);--sbb-toast-margin: var(--sbb-spacing-responsive-s);--sbb-toast-padding-block: var(--sbb-spacing-responsive-xxxs);--sbb-toast-padding-inline: var(--sbb-spacing-responsive-xs);--sbb-toast-border-radius: var(--sbb-border-radius-4x);--sbb-toast-container-display: none;--sbb-toast-container-position: fixed;--sbb-toast-horizontal-position: initial;--sbb-toast-vertical-position: initial;--sbb-toast-gap: var(--sbb-spacing-fixed-2x);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);display:none}:host([data-state]:not([data-state=closed])){--sbb-toast-container-display: flex;display:block}:host([position=bottom-left]),:host([position=bottom-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-end}:host([position=bottom-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-end}:host([position=bottom-right]),:host([position=bottom-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-end}:host([position=top-left]),:host([position=top-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-start}:host([position=top-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-start}:host([position=top-right]),:host([position=top-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-start}:host(:is(:state(dark),[state--dark])){--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)}.sbb-toast__overlay-container{position:var(--sbb-toast-container-position);pointer-events:none;inset:0;display:var(--sbb-toast-container-display);justify-content:var(--sbb-toast-horizontal-position);align-items:var(--sbb-toast-vertical-position)}.sbb-toast{z-index:var(--sbb-toast-z-index, var(--sbb-overlay-default-z-index));pointer-events:auto;margin:var(--sbb-toast-margin);border-radius:var(--sbb-toast-border-radius);max-width:var(--sbb-toast-max-width);display:flex;color:var(--sbb-toast-text-color);background-color:var(--sbb-toast-background-color)}:host([data-state=opening]) .sbb-toast{animation-name:open;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}:host([data-state=closing]) .sbb-toast{animation-name:close;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}.sbb-toast-wrapper{display:flex;align-items:center;gap:var(--sbb-toast-gap);padding-block:var(--sbb-toast-padding-block);padding-inline:var(--sbb-toast-padding-inline)}slot:not([name=icon]),.sbb-toast__close{color-scheme:only light}.sbb-toast__content{--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);flex:1 1 0}.sbb-toast__close{display:flex;align-items:center}.sbb-toast__close-divider{padding-block:var(--sbb-toast-padding-block)}.sbb-toast__close-button{margin-inline:var(--sbb-spacing-responsive-xxxs)}@keyframes open{0%{visibility:hidden;opacity:0;translate:0 var(--sbb-spacing-fixed-2x)}to{visibility:visible;opacity:1;translate:0}}@keyframes close{0%{visibility:visible;opacity:1;translate:0}to{visibility:hidden;opacity:0;translate:0 var(--sbb-spacing-fixed-2x)}}`, g = /* @__PURE__ */ new Set();
 let bt = (() => {
   var c, d, p, n;
   let i = [L("sbb-toast")], o, e = [], a, _ = X(U(H(N))), f, y = [], x = [], k, z = [], S = [], E, C = [], T = [];

package/toast.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './toast/toast.component.js';
+export * from './toast/toast.component.ts';
 //# sourceMappingURL=toast.d.ts.map