@sbb-esta/lyne-elements 1.15.1 → 2.0.0

package/index.d.ts

@@ -11,6 +11,9 @@ import { SbbAutocompleteGridOptionElement } from "./autocomplete-grid/autocomple
 import { SbbAutocompleteGridRowElement } from "./autocomplete-grid/autocomplete-grid-row.js";
 import { SbbBreadcrumbElement } from "./breadcrumb/breadcrumb.js";
 import { SbbBreadcrumbGroupElement } from "./breadcrumb/breadcrumb-group.js";
+import { SbbAccentButtonElement } from "./button/accent-button.js";
+import { SbbAccentButtonLinkElement } from "./button/accent-button-link.js";
+import { SbbAccentButtonStaticElement } from "./button/accent-button-static.js";
 import { SbbButtonElement } from "./button/button.js";
 import { SbbButtonLinkElement } from "./button/button-link.js";
 import { SbbButtonStaticElement } from "./button/button-static.js";
@@ -19,9 +22,6 @@ import { SbbMiniButtonGroupElement } from "./button/mini-button-group.js";
 import { SbbSecondaryButtonElement } from "./button/secondary-button.js";
 import { SbbSecondaryButtonLinkElement } from "./button/secondary-button-link.js";
 import { SbbSecondaryButtonStaticElement } from "./button/secondary-button-static.js";
-import { SbbTertiaryButtonElement } from "./button/tertiary-button.js";
-import { SbbTertiaryButtonLinkElement } from "./button/tertiary-button-link.js";
-import { SbbTertiaryButtonStaticElement } from "./button/tertiary-button-static.js";
 import { SbbTransparentButtonElement } from "./button/transparent-button.js";
 import { SbbTransparentButtonLinkElement } from "./button/transparent-button-link.js";
 import { SbbTransparentButtonStaticElement } from "./button/transparent-button-static.js";
@@ -33,7 +33,7 @@ import { SbbCardLinkElement } from "./card/card-link.js";
 import { SbbCheckboxElement } from "./checkbox/checkbox.js";
 import { SbbCheckboxGroupElement } from "./checkbox/checkbox-group.js";
 import { SbbCheckboxPanelElement } from "./checkbox/checkbox-panel.js";
-import { SbbChipElement } from "./chip.js";
+import { SbbChipLabelElement } from "./chip-label.js";
 import { SbbClockElement } from "./clock.js";
 import { SbbContainerElement } from "./container/container.js";
 import { SbbStickyBarElement } from "./container/sticky-bar.js";
@@ -49,7 +49,8 @@ import { SbbDividerElement } from "./divider.js";
 import { SbbExpansionPanelElement } from "./expansion-panel/expansion-panel.js";
 import { SbbExpansionPanelContentElement } from "./expansion-panel/expansion-panel-content.js";
 import { SbbExpansionPanelHeaderElement } from "./expansion-panel/expansion-panel-header.js";
-import { SbbFileSelectorElement } from "./file-selector.js";
+import { SbbFileSelectorElement } from "./file-selector/file-selector.js";
+import { SbbFileSelectorDropzoneElement } from "./file-selector/file-selector-dropzone.js";
 import { SbbFlipCardElement } from "./flip-card/flip-card.js";
 import { SbbFlipCardDetailsElement } from "./flip-card/flip-card-details.js";
 import { SbbFlipCardSummaryElement } from "./flip-card/flip-card-summary.js";
@@ -73,6 +74,7 @@ import { SbbLinkElement } from "./link/link.js";
 import { SbbLinkButtonElement } from "./link/link-button.js";
 import { SbbLinkStaticElement } from "./link/link-static.js";
 import { SbbLoadingIndicatorElement } from "./loading-indicator.js";
+import { SbbLoadingIndicatorCircleElement } from "./loading-indicator-circle.js";
 import { SbbLogoElement } from "./logo.js";
 import { SbbMapContainerElement } from "./map-container.js";
 import { SbbMenuElement } from "./menu/menu.js";
@@ -144,6 +146,9 @@ declare global {
   var SbbAutocompleteGridRowElement: SbbAutocompleteGridRowElement;
   var SbbBreadcrumbElement: SbbBreadcrumbElement;
   var SbbBreadcrumbGroupElement: SbbBreadcrumbGroupElement;
+  var SbbAccentButtonElement: SbbAccentButtonElement;
+  var SbbAccentButtonLinkElement: SbbAccentButtonLinkElement;
+  var SbbAccentButtonStaticElement: SbbAccentButtonStaticElement;
   var SbbButtonElement: SbbButtonElement;
   var SbbButtonLinkElement: SbbButtonLinkElement;
   var SbbButtonStaticElement: SbbButtonStaticElement;
@@ -152,9 +157,6 @@ declare global {
   var SbbSecondaryButtonElement: SbbSecondaryButtonElement;
   var SbbSecondaryButtonLinkElement: SbbSecondaryButtonLinkElement;
   var SbbSecondaryButtonStaticElement: SbbSecondaryButtonStaticElement;
-  var SbbTertiaryButtonElement: SbbTertiaryButtonElement;
-  var SbbTertiaryButtonLinkElement: SbbTertiaryButtonLinkElement;
-  var SbbTertiaryButtonStaticElement: SbbTertiaryButtonStaticElement;
   var SbbTransparentButtonElement: SbbTransparentButtonElement;
   var SbbTransparentButtonLinkElement: SbbTransparentButtonLinkElement;
   var SbbTransparentButtonStaticElement: SbbTransparentButtonStaticElement;
@@ -166,7 +168,7 @@ declare global {
   var SbbCheckboxElement: SbbCheckboxElement;
   var SbbCheckboxGroupElement: SbbCheckboxGroupElement;
   var SbbCheckboxPanelElement: SbbCheckboxPanelElement;
-  var SbbChipElement: SbbChipElement;
+  var SbbChipLabelElement: SbbChipLabelElement;
   var SbbClockElement: SbbClockElement;
   var SbbContainerElement: SbbContainerElement;
   var SbbStickyBarElement: SbbStickyBarElement;
@@ -183,6 +185,7 @@ declare global {
   var SbbExpansionPanelContentElement: SbbExpansionPanelContentElement;
   var SbbExpansionPanelHeaderElement: SbbExpansionPanelHeaderElement;
   var SbbFileSelectorElement: SbbFileSelectorElement;
+  var SbbFileSelectorDropzoneElement: SbbFileSelectorDropzoneElement;
   var SbbFlipCardElement: SbbFlipCardElement;
   var SbbFlipCardDetailsElement: SbbFlipCardDetailsElement;
   var SbbFlipCardSummaryElement: SbbFlipCardSummaryElement;
@@ -206,6 +209,7 @@ declare global {
   var SbbLinkButtonElement: SbbLinkButtonElement;
   var SbbLinkStaticElement: SbbLinkStaticElement;
   var SbbLoadingIndicatorElement: SbbLoadingIndicatorElement;
+  var SbbLoadingIndicatorCircleElement: SbbLoadingIndicatorCircleElement;
   var SbbLogoElement: SbbLogoElement;
   var SbbMapContainerElement: SbbMapContainerElement;
   var SbbMenuElement: SbbMenuElement;

package/index.js

@@ -11,6 +11,9 @@ import { SbbAutocompleteGridOptionElement } from "./autocomplete-grid/autocomple
 import { SbbAutocompleteGridRowElement } from "./autocomplete-grid/autocomplete-grid-row.js";
 import { SbbBreadcrumbElement } from "./breadcrumb/breadcrumb.js";
 import { SbbBreadcrumbGroupElement } from "./breadcrumb/breadcrumb-group.js";
+import { SbbAccentButtonElement } from "./button/accent-button.js";
+import { SbbAccentButtonLinkElement } from "./button/accent-button-link.js";
+import { SbbAccentButtonStaticElement } from "./button/accent-button-static.js";
 import { SbbButtonElement } from "./button/button.js";
 import { SbbButtonLinkElement } from "./button/button-link.js";
 import { SbbButtonStaticElement } from "./button/button-static.js";
@@ -19,9 +22,6 @@ import { SbbMiniButtonGroupElement } from "./button/mini-button-group.js";
 import { SbbSecondaryButtonElement } from "./button/secondary-button.js";
 import { SbbSecondaryButtonLinkElement } from "./button/secondary-button-link.js";
 import { SbbSecondaryButtonStaticElement } from "./button/secondary-button-static.js";
-import { SbbTertiaryButtonElement } from "./button/tertiary-button.js";
-import { SbbTertiaryButtonLinkElement } from "./button/tertiary-button-link.js";
-import { SbbTertiaryButtonStaticElement } from "./button/tertiary-button-static.js";
 import { SbbTransparentButtonElement } from "./button/transparent-button.js";
 import { SbbTransparentButtonLinkElement } from "./button/transparent-button-link.js";
 import { SbbTransparentButtonStaticElement } from "./button/transparent-button-static.js";
@@ -33,7 +33,7 @@ import { SbbCardLinkElement } from "./card/card-link.js";
 import { SbbCheckboxElement } from "./checkbox/checkbox.js";
 import { SbbCheckboxGroupElement } from "./checkbox/checkbox-group.js";
 import { SbbCheckboxPanelElement } from "./checkbox/checkbox-panel.js";
-import { SbbChipElement } from "./chip.js";
+import { SbbChipLabelElement } from "./chip-label.js";
 import { SbbClockElement } from "./clock.js";
 import { SbbContainerElement } from "./container/container.js";
 import { SbbStickyBarElement } from "./container/sticky-bar.js";
@@ -49,7 +49,8 @@ import { SbbDividerElement } from "./divider.js";
 import { SbbExpansionPanelElement } from "./expansion-panel/expansion-panel.js";
 import { SbbExpansionPanelContentElement } from "./expansion-panel/expansion-panel-content.js";
 import { SbbExpansionPanelHeaderElement } from "./expansion-panel/expansion-panel-header.js";
-import { SbbFileSelectorElement } from "./file-selector.js";
+import { SbbFileSelectorElement } from "./file-selector/file-selector.js";
+import { SbbFileSelectorDropzoneElement } from "./file-selector/file-selector-dropzone.js";
 import { SbbFlipCardElement } from "./flip-card/flip-card.js";
 import { SbbFlipCardDetailsElement } from "./flip-card/flip-card-details.js";
 import { SbbFlipCardSummaryElement } from "./flip-card/flip-card-summary.js";
@@ -73,6 +74,7 @@ import { SbbLinkElement } from "./link/link.js";
 import { SbbLinkButtonElement } from "./link/link-button.js";
 import { SbbLinkStaticElement } from "./link/link-static.js";
 import { SbbLoadingIndicatorElement } from "./loading-indicator.js";
+import { SbbLoadingIndicatorCircleElement } from "./loading-indicator-circle.js";
 import { SbbLogoElement } from "./logo.js";
 import { SbbMapContainerElement } from "./map-container.js";
 import { SbbMenuElement } from "./menu/menu.js";
@@ -143,6 +145,9 @@ globalThis.SbbAutocompleteGridOptionElement = SbbAutocompleteGridOptionElement;
 globalThis.SbbAutocompleteGridRowElement = SbbAutocompleteGridRowElement;
 globalThis.SbbBreadcrumbElement = SbbBreadcrumbElement;
 globalThis.SbbBreadcrumbGroupElement = SbbBreadcrumbGroupElement;
+globalThis.SbbAccentButtonElement = SbbAccentButtonElement;
+globalThis.SbbAccentButtonLinkElement = SbbAccentButtonLinkElement;
+globalThis.SbbAccentButtonStaticElement = SbbAccentButtonStaticElement;
 globalThis.SbbButtonElement = SbbButtonElement;
 globalThis.SbbButtonLinkElement = SbbButtonLinkElement;
 globalThis.SbbButtonStaticElement = SbbButtonStaticElement;
@@ -151,9 +156,6 @@ globalThis.SbbMiniButtonGroupElement = SbbMiniButtonGroupElement;
 globalThis.SbbSecondaryButtonElement = SbbSecondaryButtonElement;
 globalThis.SbbSecondaryButtonLinkElement = SbbSecondaryButtonLinkElement;
 globalThis.SbbSecondaryButtonStaticElement = SbbSecondaryButtonStaticElement;
-globalThis.SbbTertiaryButtonElement = SbbTertiaryButtonElement;
-globalThis.SbbTertiaryButtonLinkElement = SbbTertiaryButtonLinkElement;
-globalThis.SbbTertiaryButtonStaticElement = SbbTertiaryButtonStaticElement;
 globalThis.SbbTransparentButtonElement = SbbTransparentButtonElement;
 globalThis.SbbTransparentButtonLinkElement = SbbTransparentButtonLinkElement;
 globalThis.SbbTransparentButtonStaticElement = SbbTransparentButtonStaticElement;
@@ -165,7 +167,7 @@ globalThis.SbbCardLinkElement = SbbCardLinkElement;
 globalThis.SbbCheckboxElement = SbbCheckboxElement;
 globalThis.SbbCheckboxGroupElement = SbbCheckboxGroupElement;
 globalThis.SbbCheckboxPanelElement = SbbCheckboxPanelElement;
-globalThis.SbbChipElement = SbbChipElement;
+globalThis.SbbChipLabelElement = SbbChipLabelElement;
 globalThis.SbbClockElement = SbbClockElement;
 globalThis.SbbContainerElement = SbbContainerElement;
 globalThis.SbbStickyBarElement = SbbStickyBarElement;
@@ -182,6 +184,7 @@ globalThis.SbbExpansionPanelElement = SbbExpansionPanelElement;
 globalThis.SbbExpansionPanelContentElement = SbbExpansionPanelContentElement;
 globalThis.SbbExpansionPanelHeaderElement = SbbExpansionPanelHeaderElement;
 globalThis.SbbFileSelectorElement = SbbFileSelectorElement;
+globalThis.SbbFileSelectorDropzoneElement = SbbFileSelectorDropzoneElement;
 globalThis.SbbFlipCardElement = SbbFlipCardElement;
 globalThis.SbbFlipCardDetailsElement = SbbFlipCardDetailsElement;
 globalThis.SbbFlipCardSummaryElement = SbbFlipCardSummaryElement;
@@ -205,6 +208,7 @@ globalThis.SbbLinkElement = SbbLinkElement;
 globalThis.SbbLinkButtonElement = SbbLinkButtonElement;
 globalThis.SbbLinkStaticElement = SbbLinkStaticElement;
 globalThis.SbbLoadingIndicatorElement = SbbLoadingIndicatorElement;
+globalThis.SbbLoadingIndicatorCircleElement = SbbLoadingIndicatorCircleElement;
 globalThis.SbbLogoElement = SbbLogoElement;
 globalThis.SbbMapContainerElement = SbbMapContainerElement;
 globalThis.SbbMenuElement = SbbMenuElement;

package/journey-header/journey-header.d.ts

@@ -15,7 +15,10 @@ export declare class SbbJourneyHeaderElement extends SbbJourneyHeaderElement_bas
     accessor roundTrip: boolean;
     /** Heading level of the journey header element (e.g. h1-h6). */
     accessor level: SbbTitleLevel;
-    /** Journey header size. */
+    /**
+     * Journey header size, either s, m or l.
+     * @default 'm' / 's' (lean)
+     */
     accessor size: JourneyHeaderSize;
     private _language;
     protected render(): TemplateResult;

package/journey-header/journey-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"journey-header.d.ts","sourceRoot":"","sources":["../../../src/elements/journey-header/journey-header.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAOhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,OAAO,YAAY,CAAC;AACpB,OAAO,0BAA0B,CAAC;AAClC,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,iBAAiB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;;AAQhD;;GAEG;AACH,qBAEM,uBAAwB,SAAQ,4BAA4B;IAChE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,8CAA8C;IAC9C,SAEgB,MAAM,EAAE,MAAM,CAAM;IAEpC,mDAAmD;IACnD,SAEgB,WAAW,EAAE,MAAM,CAAM;IAEzC,wFAAwF;IACxF,SAEgB,SAAS,EAAE,OAAO,CAAS;IAE3C,gEAAgE;IAChE,SAA4B,KAAK,EAAE,aAAa,CAAO;IAEvD,2BAA2B;IAC3B,SAA6C,IAAI,EAAE,iBAAiB,CAAO;IAE3E,OAAO,CAAC,SAAS,CAAmC;cAEjC,MAAM,IAAI,cAAc;CAgC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}
+{"version":3,"file":"journey-header.d.ts","sourceRoot":"","sources":["../../../src/elements/journey-header/journey-header.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAQhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,OAAO,YAAY,CAAC;AACpB,OAAO,0BAA0B,CAAC;AAClC,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,iBAAiB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;;AAQhD;;GAEG;AACH,qBAEM,uBAAwB,SAAQ,4BAA4B;IAChE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,8CAA8C;IAC9C,SAEgB,MAAM,EAAE,MAAM,CAAM;IAEpC,mDAAmD;IACnD,SAEgB,WAAW,EAAE,MAAM,CAAM;IAEzC,wFAAwF;IACxF,SAEgB,SAAS,EAAE,OAAO,CAAS;IAE3C,gEAAgE;IAChE,SAA4B,KAAK,EAAE,aAAa,CAAO;IAEvD;;;OAGG;IACH,SAA6C,IAAI,EAAE,iBAAiB,CAAwB;IAE5F,OAAO,CAAC,SAAS,CAAmC;cAEjC,MAAM,IAAI,cAAc;CAgC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}

package/journey-header.js

@@ -2,25 +2,26 @@ var O = (i) => {
   throw TypeError(i);
 };
 var B = (i, s, r) => s.has(i) || O("Cannot " + r);
-var m = (i, s, r) => (B(i, s, "read from private field"), r ? r.call(i) : s.get(i)), p = (i, s, r) => s.has(i) ? O("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(i) : s.set(i, r), n = (i, s, r, l) => (B(i, s, "write to private field"), l ? l.call(i, r) : s.set(i, r), r);
+var g = (i, s, r) => (B(i, s, "read from private field"), r ? r.call(i) : s.get(i)), p = (i, s, r) => s.has(i) ? O("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(i) : s.set(i, r), n = (i, s, r, l) => (B(i, s, "write to private field"), l ? l.call(i, r) : s.set(i, r), r);
 import { __runInitializers as o, __esDecorate as _ } from "tslib";
 import { css as J, LitElement as P, html as F, nothing as H } from "lit";
 import { customElement as R, property as f } from "lit/decorators.js";
 import { SbbLanguageController as q } from "./core/controllers.js";
 import { forceType as v } from "./core/decorators.js";
-import { i18nConnectionFrom as A, i18nConnectionTo as G, i18nConnectionRoundtrip as K } from "./core/i18n.js";
-import { SbbNegativeMixin as Q } from "./core/mixins.js";
+import { isLean as A } from "./core/dom.js";
+import { i18nConnectionFrom as G, i18nConnectionTo as K, i18nConnectionRoundtrip as Q } from "./core/i18n.js";
+import { SbbNegativeMixin as U } from "./core/mixins.js";
 import "./icon.js";
 import "./screen-reader-only.js";
 import "./title.js";
-const U = J`*,:before,:after{box-sizing:border-box}:host{--sbb-journey-header-gap: var(--sbb-spacing-fixed-1x);display:block}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}sbb-title{margin:0}sbb-icon{min-width:var(--sbb-size-icon-ui-small)}.sbb-journey-header{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--sbb-journey-header-gap);width:fit-content}.sbb-journey-header:dir(rtl) sbb-icon{transform:rotate(-180deg)}`, V = /* @__PURE__ */ new Map([
+const V = J`*,:before,:after{box-sizing:border-box}:host{--sbb-journey-header-gap: var(--sbb-spacing-fixed-1x);display:block}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}sbb-title{margin:0}sbb-icon{min-width:var(--sbb-size-icon-ui-small)}.sbb-journey-header{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--sbb-journey-header-gap);width:fit-content}.sbb-journey-header:dir(rtl) sbb-icon{transform:rotate(-180deg)}`, W = /* @__PURE__ */ new Map([
   ["s", "6"],
   ["m", "5"],
   ["l", "4"]
 ]);
-let le = (() => {
-  var d, b, h, u, g, a;
-  let i = [R("sbb-journey-header")], s, r = [], l, y = Q(P), z, x = [], T = [], j, $ = [], w = [], k, S = [], I = [], C, E = [], D = [], L, M = [], N = [];
+let de = (() => {
+  var d, b, h, u, m, a;
+  let i = [R("sbb-journey-header")], s, r = [], l, y = U(P), z, x = [], T = [], j, $ = [], w = [], k, S = [], I = [], C, E = [], L = [], D, M = [], N = [];
   return a = class extends y {
     constructor() {
       super(...arguments);
@@ -28,43 +29,46 @@ let le = (() => {
       p(this, b);
       p(this, h);
       p(this, u);
-      p(this, g);
-      n(this, d, o(this, x, "")), n(this, b, (o(this, T), o(this, $, ""))), n(this, h, (o(this, w), o(this, S, !1))), n(this, u, (o(this, I), o(this, E, "3"))), n(this, g, (o(this, D), o(this, M, "m"))), this._language = (o(this, N), new q(this));
+      p(this, m);
+      n(this, d, o(this, x, "")), n(this, b, (o(this, T), o(this, $, ""))), n(this, h, (o(this, w), o(this, S, !1))), n(this, u, (o(this, I), o(this, E, "3"))), n(this, m, (o(this, L), o(this, M, A() ? "s" : "m"))), this._language = (o(this, N), new q(this));
     }
     /** Origin location for the journey header. */
     get origin() {
-      return m(this, d);
+      return g(this, d);
     }
     set origin(t) {
       n(this, d, t);
     }
     /** Destination location for the journey header. */
     get destination() {
-      return m(this, b);
+      return g(this, b);
     }
     set destination(t) {
       n(this, b, t);
     }
     /** Whether the journey is a round trip. If so, the icon changes to a round-trip one. */
     get roundTrip() {
-      return m(this, h);
+      return g(this, h);
     }
     set roundTrip(t) {
       n(this, h, t);
     }
     /** Heading level of the journey header element (e.g. h1-h6). */
     get level() {
-      return m(this, u);
+      return g(this, u);
     }
     set level(t) {
       n(this, u, t);
     }
-    /** Journey header size. */
+    /**
+     * Journey header size, either s, m or l.
+     * @default 'm' / 's' (lean)
+     */
     get size() {
-      return m(this, g);
+      return g(this, m);
     }
     set size(t) {
-      n(this, g, t);
+      n(this, m, t);
     }
     render() {
       const t = this.roundTrip ? "arrows-long-right-left-small" : "arrow-long-right-small";
@@ -72,32 +76,32 @@ let le = (() => {
       <sbb-title
         level=${this.level || H}
         ?negative=${this.negative}
-        visual-level=${V.get(this.size)}
+        visual-level=${W.get(this.size)}
       >
         <span class="sbb-journey-header">
           <span class="sbb-journey-header__origin">
             <sbb-screen-reader-only>
-              ${A[this._language.current]}&nbsp;
+              ${G[this._language.current]}&nbsp;
             </sbb-screen-reader-only>
             ${this.origin}
           </span>
           <sbb-icon name=${t}></sbb-icon>
           <span class="sbb-journey-header__destination">
             <sbb-screen-reader-only>
-              &nbsp;${G[this._language.current]}&nbsp;
+              &nbsp;${K[this._language.current]}&nbsp;
             </sbb-screen-reader-only>
             ${this.destination}
             ${this.roundTrip ? F` <sbb-screen-reader-only>
-                  ${K(this.origin)[this._language.current]}
+                  ${Q(this.origin)[this._language.current]}
                 </sbb-screen-reader-only>` : H}
           </span>
         </span>
       </sbb-title>
     `;
     }
-  }, d = new WeakMap(), b = new WeakMap(), h = new WeakMap(), u = new WeakMap(), g = new WeakMap(), l = a, (() => {
+  }, d = new WeakMap(), b = new WeakMap(), h = new WeakMap(), u = new WeakMap(), m = new WeakMap(), l = a, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
-    z = [v(), f()], j = [v(), f()], k = [v(), f({ attribute: "round-trip", type: Boolean })], C = [f()], L = [f({ reflect: !0 })], _(a, null, z, { kind: "accessor", name: "origin", static: !1, private: !1, access: { has: (e) => "origin" in e, get: (e) => e.origin, set: (e, c) => {
+    z = [v(), f()], j = [v(), f()], k = [v(), f({ attribute: "round-trip", type: Boolean })], C = [f()], D = [f({ reflect: !0 })], _(a, null, z, { kind: "accessor", name: "origin", static: !1, private: !1, access: { has: (e) => "origin" in e, get: (e) => e.origin, set: (e, c) => {
       e.origin = c;
     } }, metadata: t }, x, T), _(a, null, j, { kind: "accessor", name: "destination", static: !1, private: !1, access: { has: (e) => "destination" in e, get: (e) => e.destination, set: (e, c) => {
       e.destination = c;
@@ -105,11 +109,11 @@ let le = (() => {
       e.roundTrip = c;
     } }, metadata: t }, S, I), _(a, null, C, { kind: "accessor", name: "level", static: !1, private: !1, access: { has: (e) => "level" in e, get: (e) => e.level, set: (e, c) => {
       e.level = c;
-    } }, metadata: t }, E, D), _(a, null, L, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, c) => {
+    } }, metadata: t }, E, L), _(a, null, D, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, c) => {
       e.size = c;
     } }, metadata: t }, M, N), _(null, s = { value: l }, i, { kind: "class", name: l.name, metadata: t }, null, r), l = s.value, t && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), a.styles = U, o(l, r), l;
+  })(), a.styles = V, o(l, r), l;
 })();
 export {
-  le as SbbJourneyHeaderElement
+  de as SbbJourneyHeaderElement
 };

package/lead-container.js

@@ -1,10 +1,10 @@
 import { __esDecorate as b, __runInitializers as o } from "tslib";
 import { css as d, html as l, LitElement as c } from "lit";
 import { customElement as m } from "lit/decorators.js";
-const g = d`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-lead-container-background-color: var(--sbb-color-white);--sbb-lead-container-image-ratio: 2 / 1;--sbb-lead-container-image-overlap: var(--sbb-spacing-fixed-24x);--sbb-lead-container-padding-block: var(--sbb-spacing-responsive-l);--sbb-lead-container-padding-inline: var(--sbb-layout-base-offset-responsive);--sbb-lead-container-border-radius: var(--sbb-border-radius-6x);--sbb-lead-container-image-border-radius: 0}@media (min-width: 80rem){:host{--sbb-lead-container-image-ratio: 21 / 9}}@media (min-width: 90rem){:host{--sbb-lead-container-image-border-radius: var(--sbb-lead-container-border-radius)}}.sbb-lead-container{padding-block-end:var(--sbb-spacing-responsive-l)}::slotted(sbb-image[slot=image]){--sbb-image-aspect-ratio: var(--sbb-lead-container-image-ratio);--sbb-image-border-radius: var(--sbb-lead-container-image-border-radius)}::slotted(:is(img[slot=image],picture[slot=image])){display:block;width:100%;object-fit:cover;aspect-ratio:var(--sbb-lead-container-image-ratio);border-radius:var(--sbb-lead-container-image-border-radius)}::slotted(:is(sbb-breadcrumb-group,sbb-block-link).sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-fixed-4x)}::slotted(:is(sbb-alert,sbb-alert-group).sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-responsive-m)}::slotted(sbb-title.sbb-lead-container-spacing){margin-block-start:0}::slotted(sbb-notification.sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-responsive-xxxs)}::slotted(.sbb-lead-container-lead-text){margin-block:0 var(--sbb-spacing-responsive-s)}@media (min-width: 90rem){.sbb-lead-container-image{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive));margin-inline:auto}}.sbb-lead-container-content-wrapper{background-color:var(--sbb-lead-container-background-color);display:grid;gap:var(--sbb-grid-base-gutter-responsive);grid-template-columns:repeat(var(--sbb-grid-base-columns),1fr);padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){.sbb-lead-container-content-wrapper{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}@media (min-width: 64rem){.sbb-lead-container-content-wrapper{background-color:transparent}}.sbb-lead-container-content{z-index:1;border-radius:var(--sbb-lead-container-border-radius);padding-block:var(--sbb-lead-container-padding-block);background-color:var(--sbb-lead-container-background-color);grid-column:1/-1}@media (min-width: 52.5rem){.sbb-lead-container-content{grid-column:2/-2}}@media (min-width: 64rem){.sbb-lead-container-content{margin-block-start:calc(-1 * var(--sbb-lead-container-image-overlap));padding-inline:var(--sbb-lead-container-padding-inline);margin-inline:calc(-1 * var(--sbb-lead-container-padding-inline))}}@media (min-width: 80rem){.sbb-lead-container-content{grid-column:3/-3}}@media (min-width: 90rem){.sbb-lead-container-content{grid-column:4/-4}}`;
+const g = d`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-lead-container-background-color: var(--sbb-color-white);--sbb-lead-container-image-ratio: 2 / 1;--sbb-lead-container-image-overlap: var(--sbb-spacing-fixed-24x);--sbb-lead-container-padding-block: var(--sbb-spacing-responsive-l);--sbb-lead-container-padding-inline: var(--sbb-layout-base-offset-responsive);--sbb-lead-container-border-radius: var(--sbb-border-radius-6x);--sbb-lead-container-image-border-radius: 0}@media (min-width: 80rem){:host{--sbb-lead-container-image-ratio: 21 / 9}}@media (min-width: 90rem){:host{--sbb-lead-container-image-border-radius: var(--sbb-lead-container-border-radius)}}.sbb-lead-container{padding-block-end:var(--sbb-spacing-responsive-l)}::slotted([slot=image]){display:block;width:100%}::slotted(:is(sbb-breadcrumb-group,sbb-block-link).sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-fixed-4x)}::slotted(:is(sbb-alert,sbb-alert-group).sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-responsive-m)}::slotted(sbb-title.sbb-lead-container-spacing){margin-block-start:0}::slotted(sbb-notification.sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-responsive-xxxs)}::slotted(.sbb-lead-container-lead-text){margin-block:0 var(--sbb-spacing-responsive-s)}@media (min-width: 90rem){.sbb-lead-container-image{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive));margin-inline:auto}}.sbb-lead-container-content-wrapper{background-color:var(--sbb-lead-container-background-color);display:grid;gap:var(--sbb-grid-base-gutter-responsive);grid-template-columns:repeat(var(--sbb-grid-base-columns),1fr);padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){.sbb-lead-container-content-wrapper{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}@media (min-width: 64rem){.sbb-lead-container-content-wrapper{background-color:transparent}}.sbb-lead-container-content{z-index:1;border-radius:var(--sbb-lead-container-border-radius);padding-block:var(--sbb-lead-container-padding-block);background-color:var(--sbb-lead-container-background-color);grid-column:1/-1}@media (min-width: 52.5rem){.sbb-lead-container-content{grid-column:2/-2}}@media (min-width: 64rem){.sbb-lead-container-content{margin-block-start:calc(-1 * var(--sbb-lead-container-image-overlap));padding-inline:var(--sbb-lead-container-padding-inline);margin-inline:calc(-1 * var(--sbb-lead-container-padding-inline))}}@media (min-width: 80rem){.sbb-lead-container-content{grid-column:3/-3}}@media (min-width: 90rem){.sbb-lead-container-content{grid-column:4/-4}}`;
 let h = (() => {
   var a;
-  let s = [m("sbb-lead-container")], r, n = [], e, t = c;
+  let s = [m("sbb-lead-container")], i, r = [], e, t = c;
   return a = class extends t {
     render() {
       return l`
@@ -22,9 +22,9 @@ let h = (() => {
     `;
     }
   }, e = a, (() => {
-    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(t[Symbol.metadata] ?? null) : void 0;
-    b(null, r = { value: e }, s, { kind: "class", name: e.name, metadata: i }, null, n), e = r.value, i && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
-  })(), a.styles = g, o(e, n), e;
+    const n = typeof Symbol == "function" && Symbol.metadata ? Object.create(t[Symbol.metadata] ?? null) : void 0;
+    b(null, i = { value: e }, s, { kind: "class", name: e.name, metadata: n }, null, r), e = i.value, n && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: n });
+  })(), a.styles = g, o(e, r), e;
 })();
 export {
   h as SbbLeadContainerElement

package/link/common/link-common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/common/link-common.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACzB,MAAM,sBAAsB,CAAC;AAI9B,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAE3C,MAAM,CAAC,OAAO,OAAO,6BAA8B,SAAQ,oBAAoB;IAC7E,SAAgB,IAAI,EAAE,WAAW,CAAC;CACnC;AAGD,eAAO,MAAM,yBAAyB,GAAI,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,cAC/E,CAAC,KACZ,mBAAmB,CAAC,6BAA6B,CAAC,GAAG,CAoBvD,CAAC"}
+{"version":3,"file":"link-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/common/link-common.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAGxE,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACzB,MAAM,sBAAsB,CAAC;AAI9B,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAE3C,MAAM,CAAC,OAAO,OAAO,6BAA8B,SAAQ,oBAAoB;IAC7E,SAAgB,IAAI,EAAE,WAAW,CAAC;CACnC;AAGD,eAAO,MAAM,yBAAyB,GAAI,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,cAC/E,CAAC,KACZ,mBAAmB,CAAC,6BAA6B,CAAC,GAAG,CAqBvD,CAAC"}

package/link/common.js

@@ -3,25 +3,27 @@ var _ = (t) => {
 };
 var z = (t, o, e) => o.has(t) || _("Cannot " + e);
 var u = (t, o, e) => (z(t, o, "read from private field"), e ? e.call(t) : o.get(t)), f = (t, o, e) => o.has(t) ? _("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(t) : o.set(t, e), v = (t, o, e, r) => (z(t, o, "write to private field"), r ? r.call(t, e) : o.set(t, e), e);
-import { __esDecorate as p, __runInitializers as d } from "tslib";
+import { __esDecorate as p, __runInitializers as m } from "tslib";
 import { property as S } from "lit/decorators.js";
 import { html as w } from "lit/static-html.js";
 import { SbbIconNameMixin as I } from "../icon.js";
 import { hostAttributes as M, slotState as j } from "../core/decorators.js";
-import { SbbNegativeMixin as B } from "../core/mixins.js";
+import { isLean as B } from "../core/dom.js";
+import { SbbNegativeMixin as E } from "../core/mixins.js";
 import { css as g } from "lit";
-const y = g`*,:before,:after{box-sizing:border-box}:host{outline:none!important}@media (forced-colors: active){:host([role=button]){--sbb-link-color-normal: ButtonText;--sbb-link-color-hover: ButtonText;--sbb-link-color-active: ButtonText}}.sbb-action-base{color:var(--sbb-link-color-normal);text-decoration:var(--sbb-link-text-decoration, underline);-webkit-user-select:none;user-select:none}@media (forced-colors: active){.sbb-action-base{text-decoration:underline}}.sbb-action-base{display:flex;align-items:center;word-break:break-word;width:100%;cursor:pointer;padding:var(--sbb-link-padding, 0);outline:none}:host([disabled]) .sbb-action-base{pointer-events:none;cursor:default}@media (forced-colors: active){:host([disabled]) .sbb-action-base{color:GrayText}}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-action-base,:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-action-base:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}@media (any-hover: hover){:host(:hover:not([disabled])) .sbb-action-base{color:var(--sbb-link-color-hover);text-decoration:var(--sbb-link-hover-text-decoration, underline)}}:host(:is(:active,[data-active]):not([disabled])) .sbb-action-base{color:var(--sbb-link-color-active)}`, P = (t) => (() => {
+const y = g`*,:before,:after{box-sizing:border-box}:host{outline:none!important}@media (forced-colors: active){:host([data-button]){--sbb-link-color-normal: ButtonText;--sbb-link-color-hover: ButtonText;--sbb-link-color-active: ButtonText}}.sbb-action-base{color:var(--sbb-link-color-normal);text-decoration:var(--sbb-link-text-decoration, underline);-webkit-user-select:none;user-select:none}@media (forced-colors: active){.sbb-action-base{text-decoration:underline}}.sbb-action-base{display:flex;align-items:center;width:100%;cursor:pointer;padding:var(--sbb-link-padding, 0);outline:none}:host(:is([disabled],:disabled,[disabled-interactive])) .sbb-action-base{pointer-events:none;cursor:default}@media (forced-colors: active){:host(:is([disabled],:disabled,[disabled-interactive])) .sbb-action-base{color:GrayText}}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-action-base,:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-action-base:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}@media (any-hover: hover){:host(:hover:not([disabled],:disabled,[disabled-interactive])) .sbb-action-base{color:var(--sbb-link-color-hover);text-decoration:var(--sbb-link-hover-text-decoration, underline)}}:host(:is(:active,[data-active]):not([disabled],:disabled,[disabled-interactive])) .sbb-action-base{color:var(--sbb-link-color-active)}`, P = (t) => (() => {
   var a, i;
-  let e = [M({ "data-sbb-link": "" }), j()], r, c = [], n, l = B(t), s, x = [], h = [];
+  let e = [M({ "data-sbb-link": "" }), j()], r, c = [], n, l = E(t), s, x = [], h = [];
   return i = class extends l {
     constructor() {
       super(...arguments);
-      f(this, a, d(this, x, "s"));
-      d(this, h);
+      f(this, a, m(this, x, B() ? "xs" : "s"));
+      m(this, h);
     }
     /**
      * Text size, the link should get in the non-button variation.
      * With inline variant, the text size adapts to where it is used.
+     * @default 's' / 'xs' (lean)
      */
     get size() {
       return u(this, a);
@@ -34,18 +36,18 @@ const y = g`*,:before,:after{box-sizing:border-box}:host{outline:none!important}
     }
   }, a = new WeakMap(), n = i, (() => {
     const b = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
-    s = [S({ reflect: !0 })], p(i, null, s, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (m) => "size" in m, get: (m) => m.size, set: (m, T) => {
-      m.size = T;
+    s = [S({ reflect: !0 })], p(i, null, s, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (d) => "size" in d, get: (d) => d.size, set: (d, T) => {
+      d.size = T;
     } }, metadata: b }, x, h), p(null, r = { value: n }, e, { kind: "class", name: n.name, metadata: b }, null, c), n = r.value, b && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: b });
-  })(), i.styles = y, d(n, c), n;
-})(), E = g`:host{--sbb-link-color-normal: var(--sbb-color-granite);--sbb-link-color-hover: var(--sbb-color-red125);--sbb-link-color-active: var(--sbb-color-red150);--sbb-link-gap: var(--sbb-spacing-fixed-1x);display:block}:host([negative]){--sbb-link-color-normal: var(--sbb-color-white);--sbb-link-color-hover: var(--sbb-color-cloud);--sbb-link-color-active: var(--sbb-color-silver);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-action-base{gap:var(--sbb-link-gap)}:host([size=xs]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-xs);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)}:host([size=s]) .sbb-action-base{--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)}:host([size=m]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-m);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)}.sbb-link__icon{position:relative;height:calc(var(--sbb-typo-line-height-body-text) * 1em);width:var(--sbb-size-icon-ui-small);flex:0 0 auto;align-self:start}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-link__icon{display:none}:host([icon-placement=end]) .sbb-link__icon{order:2}.sbb-link__icon ::slotted([slot=icon]),.sbb-link__icon sbb-icon{position:absolute;top:50%;transform:translateY(-50%)}`, q = (t) => (() => {
+  })(), i.styles = y, m(n, c), n;
+})(), L = g`:host{--sbb-link-color-normal: var(--sbb-color-granite);--sbb-link-color-hover: var(--sbb-color-red125);--sbb-link-color-active: var(--sbb-color-red150);--sbb-link-gap: var(--sbb-spacing-fixed-1x);display:block}:host([negative]){--sbb-link-color-normal: var(--sbb-color-white);--sbb-link-color-hover: var(--sbb-color-cloud);--sbb-link-color-active: var(--sbb-color-silver);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-action-base{gap:var(--sbb-link-gap)}:host([size=xs]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-xs);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)}:host([size=s]) .sbb-action-base{--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)}:host([size=m]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-m);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)}.sbb-link__icon{position:relative;height:calc(var(--sbb-typo-line-height-body-text) * 1em);width:var(--sbb-size-icon-ui-small);flex:0 0 auto;align-self:start}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-link__icon{display:none}:host([icon-placement=end]) .sbb-link__icon{order:2}.sbb-link__icon ::slotted([slot=icon]),.sbb-link__icon sbb-icon{position:absolute;top:50%;transform:translateY(-50%)}`, H = (t) => (() => {
   var l, s;
   let e = P(I(t)), r, c = [], n = [];
   return s = class extends e {
     constructor() {
       super(...arguments);
-      f(this, l, d(this, c, "start"));
-      d(this, n);
+      f(this, l, m(this, c, "start"));
+      m(this, n);
     }
     /** Moves the icon to the end of the component if set to true. */
     get iconPlacement() {
@@ -65,8 +67,8 @@ const y = g`*,:before,:after{box-sizing:border-box}:host{outline:none!important}
     r = [S({ attribute: "icon-placement", reflect: !0 })], p(s, null, r, { kind: "accessor", name: "iconPlacement", static: !1, private: !1, access: { has: (i) => "iconPlacement" in i, get: (i) => i.iconPlacement, set: (i, k) => {
       i.iconPlacement = k;
     } }, metadata: a }, c, n), a && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), s.styles = [y, E], s;
-})(), O = g`:host{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit;--sbb-link-color-normal: inherit;--sbb-link-color-hover: var(--sbb-color-red125);--sbb-link-color-active: var(--sbb-color-red150);color:inherit;display:inline-block}:host([negative]){--sbb-link-color-hover: var(--sbb-color-graphite);--sbb-link-color-active: var(--sbb-color-metal);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-action-base{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit}`, F = (t) => {
+  })(), s.styles = [y, L], s;
+})(), O = g`:host{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit;--sbb-link-color-normal: inherit;--sbb-link-color-hover: var(--sbb-color-red125);--sbb-link-color-active: var(--sbb-color-red150);color:inherit;display:inline-block}:host([negative]){--sbb-link-color-hover: var(--sbb-color-graphite);--sbb-link-color-active: var(--sbb-color-metal);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-action-base{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit}`, J = (t) => {
   const e = class e extends P(t) {
   };
   e.styles = [y, O];
@@ -74,7 +76,7 @@ const y = g`*,:before,:after{box-sizing:border-box}:host{outline:none!important}
   return o;
 };
 export {
-  q as SbbBlockLinkCommonElementMixin,
-  F as SbbInlineLinkCommonElementMixin,
+  H as SbbBlockLinkCommonElementMixin,
+  J as SbbInlineLinkCommonElementMixin,
   P as SbbLinkCommonElementMixin
 };

package/link-list/common/link-list-base.d.ts

@@ -18,6 +18,7 @@ export declare class SbbLinkListBaseElement extends SbbLinkListBaseElement_base
     /**
      * Text size of the nested sbb-block-link instances.
      * This will overwrite the size attribute of nested sbb-block-link instances.
+     * @default 's' / 'xs' (lean)
      */
     accessor size: SbbLinkSize;
     protected willUpdate(changedProperties: PropertyValues<WithListChildren<this>>): void;

package/link-list/common/link-list-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link-list-base.d.ts","sourceRoot":"","sources":["../../../../src/elements/link-list/common/link-list-base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAIhD,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EACV,yBAAyB,EACzB,mBAAmB,EACnB,yBAAyB,EACzB,WAAW,EACZ,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,OAAO,gBAAgB,CAAC;;AAExB;;;;;GAKG;AACH,qBAEM,sBAAuB,SAAQ,2BAKpC;IACC,mBAA4B,mBAAmB,WAI7C;IAEF,sDAAsD;IACtD,SAEgB,YAAY,EAAE,MAAM,CAAM;IAE1C,oDAAoD;IACpD,SAAwD,UAAU,EAAE,aAAa,CAAO;IAExF;;;OAGG;IACH,SAA6C,IAAI,EAAE,WAAW,CAAO;cAElD,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAe3E,MAAM,IAAI,cAAc;CAgB5C"}
+{"version":3,"file":"link-list-base.d.ts","sourceRoot":"","sources":["../../../../src/elements/link-list/common/link-list-base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAKhD,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EACV,yBAAyB,EACzB,mBAAmB,EACnB,yBAAyB,EACzB,WAAW,EACZ,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,OAAO,gBAAgB,CAAC;;AAExB;;;;;GAKG;AACH,qBAEM,sBAAuB,SAAQ,2BAKpC;IACC,mBAA4B,mBAAmB,WAI7C;IAEF,sDAAsD;IACtD,SAEgB,YAAY,EAAE,MAAM,CAAM;IAE1C,oDAAoD;IACpD,SAAwD,UAAU,EAAE,aAAa,CAAO;IAExF;;;;OAIG;IACH,SAA6C,IAAI,EAAE,WAAW,CAAyB;cAEpE,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAe3E,MAAM,IAAI,cAAc;CAgB5C"}

package/link-list/common.js

@@ -7,11 +7,12 @@ import { __esDecorate as u, __runInitializers as o } from "tslib";
 import { LitElement as E, html as $, nothing as B, css as D } from "lit";
 import { property as v } from "lit/decorators.js";
 import { slotState as N, forceType as j, omitEmptyConverter as M } from "../core/decorators.js";
-import { SbbNegativeMixin as O, SbbNamedSlotListMixin as T } from "../core/mixins.js";
+import { isLean as O } from "../core/dom.js";
+import { SbbNegativeMixin as T, SbbNamedSlotListMixin as U } from "../core/mixins.js";
 import "../title.js";
-let Q = (() => {
+let V = (() => {
   var c, b, m, n;
-  let e = [N()], s, l = [], a, p = O(T(E)), f, k = [], z = [], L, g = [], C = [], x, y = [], S = [];
+  let e = [N()], s, l = [], a, p = T(U(E)), f, k = [], z = [], L, g = [], x = [], C, y = [], S = [];
   return n = class extends p {
     constructor() {
       super(...arguments);
@@ -22,7 +23,7 @@ let Q = (() => {
         "sbb-block-link",
         "sbb-block-link-button",
         "sbb-block-link-static"
-      ], r(this, c, o(this, k, "")), r(this, b, (o(this, z), o(this, g, "2"))), r(this, m, (o(this, C), o(this, y, "s"))), o(this, S);
+      ], r(this, c, o(this, k, "")), r(this, b, (o(this, z), o(this, g, "2"))), r(this, m, (o(this, x), o(this, y, O() ? "xs" : "s"))), o(this, S);
     }
     /** The title text we want to show before the list. */
     get titleContent() {
@@ -41,6 +42,7 @@ let Q = (() => {
     /**
      * Text size of the nested sbb-block-link instances.
      * This will overwrite the size attribute of nested sbb-block-link instances.
+     * @default 's' / 'xs' (lean)
      */
     get size() {
       return d(this, m);
@@ -71,17 +73,17 @@ let Q = (() => {
     }
   }, c = new WeakMap(), b = new WeakMap(), m = new WeakMap(), a = n, (() => {
     const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
-    f = [j(), v({ attribute: "title-content", reflect: !0, converter: M })], L = [v({ attribute: "title-level" })], x = [v({ reflect: !0 })], u(n, null, f, { kind: "accessor", name: "titleContent", static: !1, private: !1, access: { has: (t) => "titleContent" in t, get: (t) => t.titleContent, set: (t, h) => {
+    f = [j(), v({ attribute: "title-content", reflect: !0, converter: M })], L = [v({ attribute: "title-level" })], C = [v({ reflect: !0 })], u(n, null, f, { kind: "accessor", name: "titleContent", static: !1, private: !1, access: { has: (t) => "titleContent" in t, get: (t) => t.titleContent, set: (t, h) => {
       t.titleContent = h;
     } }, metadata: i }, k, z), u(n, null, L, { kind: "accessor", name: "titleLevel", static: !1, private: !1, access: { has: (t) => "titleLevel" in t, get: (t) => t.titleLevel, set: (t, h) => {
       t.titleLevel = h;
-    } }, metadata: i }, g, C), u(n, null, x, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, h) => {
+    } }, metadata: i }, g, x), u(n, null, C, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, h) => {
       t.size = h;
     } }, metadata: i }, y, S), u(null, s = { value: a }, e, { kind: "class", name: a.name, metadata: i }, null, l), a = s.value, i && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i }), o(a, l);
   })(), a;
 })();
-const R = D`*,:before,:after{box-sizing:border-box}:host{display:block}.sbb-link-list-wrapper{display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-3x)}.sbb-link-list-title{margin:0}:host(:not([data-slot-names~=title],[title-content])) .sbb-link-list-title{display:none}`;
+const W = D`*,:before,:after{box-sizing:border-box}:host{display:block}.sbb-link-list-wrapper{display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-3x)}.sbb-link-list-title{margin:0}:host(:not([data-slot-names~=title],[title-content])) .sbb-link-list-title{display:none}`;
 export {
-  Q as SbbLinkListBaseElement,
-  R as linkListBaseStyle
+  V as SbbLinkListBaseElement,
+  W as linkListBaseStyle
 };

package/link-list/link-list-anchor.js

@@ -2,15 +2,15 @@ import { __esDecorate as i, __runInitializers as b } from "tslib";
 import { customElement as n } from "lit/decorators.js";
 import { linkListBaseStyle as c, SbbLinkListBaseElement as d } from "./common.js";
 import { css as v } from "lit";
-const k = v`:host{--sbb-link-list-anchor-border-color: var(--sbb-color-cloud)}:host([negative]){--sbb-link-list-anchor-border-color: var(--sbb-color-granite)}::slotted([data-link]){--sbb-link-text-decoration: none;--sbb-link-hover-text-decoration: none;--sbb-link-padding: var(--sbb-spacing-fixed-1x) 0 var(--sbb-spacing-fixed-1x) var(--sbb-spacing-fixed-4x);--sbb-link-color-hover: var(--sbb-color-charcoal);--sbb-link-color-active: var(--sbb-color-granite);border-inline-start:var(--sbb-border-width-1x) solid var(--sbb-link-list-anchor-border-color)}:host([negative]) ::slotted([data-link]){--sbb-link-color-normal: var(--sbb-color-smoke);--sbb-link-color-hover: var(--sbb-color-milk);--sbb-link-color-active: var(--sbb-color-smoke)}::slotted([data-link]:is(:active,[data-active]):not([disabled])){--sbb-link-list-anchor-border-color: var(--sbb-color-iron)}:host([negative]) ::slotted([data-link]:is(:active,[data-active]):not([disabled])){--sbb-link-list-anchor-border-color: var(--sbb-color-silver)}::slotted([data-link]:hover:not([disabled])){--sbb-link-list-anchor-border-color: var(--sbb-color-charcoal)}:host([negative]) ::slotted([data-link]:hover:not([disabled])){--sbb-link-list-anchor-border-color: var(--sbb-color-milk)}.sbb-link-list-anchor{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-flow:column}.sbb-link-list-anchor>li{margin-inline-start:var(--sbb-spacing-fixed-4x)}`;
+const k = v`:host{--sbb-link-list-anchor-border-color: var(--sbb-color-cloud)}:host([negative]){--sbb-link-list-anchor-border-color: var(--sbb-color-granite)}::slotted([data-link]){--sbb-link-text-decoration: none;--sbb-link-hover-text-decoration: none;--sbb-link-padding: var(--sbb-spacing-fixed-1x) 0 var(--sbb-spacing-fixed-1x) var(--sbb-spacing-fixed-4x);--sbb-link-color-hover: var(--sbb-color-charcoal);--sbb-link-color-active: var(--sbb-color-granite);border-inline-start:var(--sbb-border-width-1x) solid var(--sbb-link-list-anchor-border-color)}:host([negative]) ::slotted([data-link]){--sbb-link-color-normal: var(--sbb-color-smoke);--sbb-link-color-hover: var(--sbb-color-milk);--sbb-link-color-active: var(--sbb-color-smoke)}::slotted([data-link]:is(:active,[data-active]):not([disabled],:disabled)){--sbb-link-list-anchor-border-color: var(--sbb-color-iron)}:host([negative]) ::slotted([data-link]:is(:active,[data-active]):not([disabled],:disabled)){--sbb-link-list-anchor-border-color: var(--sbb-color-silver)}::slotted([data-link]:hover:not([disabled],:disabled)){--sbb-link-list-anchor-border-color: var(--sbb-color-charcoal)}:host([negative]) ::slotted([data-link]:hover:not([disabled],:disabled)){--sbb-link-list-anchor-border-color: var(--sbb-color-milk)}.sbb-link-list-anchor{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-flow:column}.sbb-link-list-anchor>li{margin-inline-start:var(--sbb-spacing-fixed-4x)}`;
 let p = (() => {
-  var t;
-  let s = [n("sbb-link-list-anchor")], a, r = [], o, e = d;
-  return t = class extends e {
-  }, o = t, (() => {
-    const l = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
-    i(null, a = { value: o }, s, { kind: "class", name: o.name, metadata: l }, null, r), o = a.value, l && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: l });
-  })(), t.styles = [c, k], b(o, r), o;
+  var l;
+  let r = [n("sbb-link-list-anchor")], a, e = [], o, s = d;
+  return l = class extends s {
+  }, o = l, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+    i(null, a = { value: o }, r, { kind: "class", name: o.name, metadata: t }, null, e), o = a.value, t && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), l.styles = [c, k], b(o, e), o;
 })();
 export {
   p as SbbLinkListAnchorElement

package/loading-indicator/loading-indicator.d.ts

@@ -4,10 +4,8 @@ import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
  */
 export declare class SbbLoadingIndicatorElement extends LitElement {
     static styles: CSSResultGroup;
-    /** Variant of the loading indicator; `circle` is meant to be used inline, while `window` as overlay. */
-    accessor variant: 'window' | 'circle';
     /** Size variant, either s or m. */
-    accessor size: 's' | 'l';
+    accessor size: 's' | 'l' | 'xl' | 'xxl' | 'xxxl';
     /** Color variant. */
     accessor color: 'default' | 'smoke' | 'white';
     protected render(): TemplateResult;

package/loading-indicator/loading-indicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loading-indicator.d.ts","sourceRoot":"","sources":["../../../src/elements/loading-indicator/loading-indicator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAOhD;;GAEG;AACH,qBAMM,0BAA2B,SAAQ,UAAU;IACjD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,wGAAwG;IACxG,SAA6C,OAAO,EAAE,QAAQ,GAAG,QAAQ,CAAY;IAErF,mCAAmC;IACnC,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAO;IAEnE,qBAAqB;IACrB,SAA6C,KAAK,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAa;cAE3E,MAAM,IAAI,cAAc;CAmB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}
+{"version":3,"file":"loading-indicator.d.ts","sourceRoot":"","sources":["../../../src/elements/loading-indicator/loading-indicator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC;;GAEG;AACH,qBAMM,0BAA2B,SAAQ,UAAU;IACjD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,mCAAmC;IACnC,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAO;IAE3F,qBAAqB;IACrB,SAA6C,KAAK,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAa;cAE3E,MAAM,IAAI,cAAc;CAiB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}