@sbb-esta/lyne-elements 3.12.0 → 4.0.0-next

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

@@ -1,19 +1,20 @@
-import { __esDecorate as d, __runInitializers as p } from "tslib";
+import { __esDecorate as p, __runInitializers as d } from "tslib";
 import { css as c, nothing as h, html as r } from "lit";
 import { customElement as x } from "lit/decorators.js";
-import { SbbButtonBaseElement as m } from "../../core/base-elements.js";
-import { SbbSlotStateController as v, SbbMediaMatcherController as u, SbbMediaQueryHover as b } from "../../core/controllers.js";
+import { SbbButtonBaseElement as v } from "../../core/base-elements.js";
+import { SbbMediaMatcherController as m, SbbMediaQueryHover as b } from "../../core/controllers.js";
 import { SbbDisabledTabIndexActionMixin as g } from "../../core/mixins.js";
+import { boxSizingStyles as u } from "../../core/styles.js";
 import { SbbIconNameMixin as f } from "../../icon.js";
-const _ = c`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-expansion-panel-header-cursor: pointer;--sbb-expansion-panel-header-text-color: var(--sbb-color-2);--sbb-expansion-panel-header-gap: var(--sbb-spacing-fixed-6x);--sbb-expansion-panel-header-justify-content: space-between;--sbb-expansion-panel-header-padding-block: var(--sbb-spacing-responsive-xs);--sbb-expansion-panel-header-padding-inline: var(--sbb-spacing-fixed-6x)}@media(forced-colors:active){:host{--sbb-expansion-panel-header-text-color: ButtonText}}:host([data-size=s]){--sbb-expansion-panel-header-gap: var(--sbb-spacing-fixed-2x);--sbb-expansion-panel-header-padding-block: var(--sbb-spacing-fixed-3x);--sbb-expansion-panel-header-padding-inline: var(--sbb-spacing-fixed-5x)}:host(:is(:disabled,[disabled-interactive])){--sbb-expansion-panel-header-cursor: default;--sbb-expansion-panel-header-text-color: var(--sbb-color-granite);--sbb-expansion-panel-header-text-color: light-dark( var(--sbb-color-granite), var(--sbb-color-storm) )}@media(forced-colors:active){:host(:is(:disabled,[disabled-interactive])){--sbb-expansion-panel-header-text-color: GrayText}}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-spacing-fixed-1x);border-radius:var(--sbb-expansion-panel-border-radius)}.sbb-expansion-panel-header{--sbb-text-font-size: var(--sbb-font-size-text-l);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);display:flex;justify-content:var(--sbb-expansion-panel-header-justify-content);align-items:center;gap:var(--sbb-expansion-panel-header-gap);width:100%;padding:var(--sbb-expansion-panel-header-padding-block) var(--sbb-expansion-panel-header-padding-inline);text-align:start;cursor:var(--sbb-expansion-panel-header-cursor);color:var(--sbb-expansion-panel-header-text-color);-webkit-tap-highlight-color:transparent}.sbb-expansion-panel-header__title,.sbb-expansion-panel-header__toggle,.sbb-expansion-panel-header__icon{display:flex}.sbb-expansion-panel-header__icon{width:var(--sbb-expansion-panel-icon-size);--sbb-icon-svg-width: var(--sbb-expansion-panel-icon-size);--sbb-icon-svg-height: var(--sbb-expansion-panel-icon-size)}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-expansion-panel-header__icon{display:none}.sbb-expansion-panel-header__title{align-items:center;gap:var(--sbb-expansion-panel-title-gap);overflow:hidden;min-height:var(--sbb-size-icon-ui-medium)}.sbb-expansion-panel-header__toggle-icon{transition:transform var(--sbb-disable-animation-duration, var(--sbb-animation-duration-4x))}:host([aria-expanded]:not([aria-expanded=false])) .sbb-expansion-panel-header__toggle-icon{transform:rotate(-180deg)}`;
-let I = (() => {
+const _ = c`:host{display:block;--sbb-expansion-panel-header-cursor: var(--sbb-cursor-pointer);--sbb-expansion-panel-header-text-color: var(--sbb-color-2);--sbb-expansion-panel-header-gap: var(--sbb-spacing-fixed-6x);--sbb-expansion-panel-header-justify-content: space-between;--sbb-expansion-panel-header-padding-block: var(--sbb-spacing-responsive-xs);--sbb-expansion-panel-header-padding-inline: var(--sbb-spacing-fixed-6x)}@media(forced-colors:active){:host{--sbb-expansion-panel-header-text-color: ButtonText}}:host([data-size=s]){--sbb-expansion-panel-header-gap: var(--sbb-spacing-fixed-2x);--sbb-expansion-panel-header-padding-block: var(--sbb-spacing-fixed-3x);--sbb-expansion-panel-header-padding-inline: var(--sbb-spacing-fixed-5x)}:host(:is(:disabled,[disabled-interactive])){--sbb-expansion-panel-header-cursor: var(--sbb-cursor-default);--sbb-expansion-panel-header-text-color: var(--sbb-color-granite);--sbb-expansion-panel-header-text-color: light-dark( var(--sbb-color-granite), var(--sbb-color-storm) )}@media(forced-colors:active){:host(:is(:disabled,[disabled-interactive])){--sbb-expansion-panel-header-text-color: GrayText}}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-spacing-fixed-1x);border-radius:var(--sbb-expansion-panel-border-radius)}.sbb-expansion-panel-header{--sbb-text-font-size: var(--sbb-font-size-text-l);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);display:flex;justify-content:var(--sbb-expansion-panel-header-justify-content);align-items:center;gap:var(--sbb-expansion-panel-header-gap);width:100%;padding:var(--sbb-expansion-panel-header-padding-block) var(--sbb-expansion-panel-header-padding-inline);text-align:start;cursor:var(--sbb-expansion-panel-header-cursor);color:var(--sbb-expansion-panel-header-text-color);-webkit-tap-highlight-color:transparent}.sbb-expansion-panel-header__title,.sbb-expansion-panel-header__toggle,.sbb-expansion-panel-header__icon{display:flex}.sbb-expansion-panel-header__icon{width:var(--sbb-expansion-panel-icon-size);--sbb-icon-svg-width: var(--sbb-expansion-panel-icon-size);--sbb-icon-svg-height: var(--sbb-expansion-panel-icon-size)}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-expansion-panel-header__icon{display:none}.sbb-expansion-panel-header__title{align-items:center;gap:var(--sbb-expansion-panel-title-gap);overflow:hidden;min-height:var(--sbb-size-icon-ui-medium)}.sbb-expansion-panel-header__toggle-icon{transition:transform var(--sbb-disable-animation-duration, var(--sbb-animation-duration-4x))}:host([aria-expanded]:not([aria-expanded=false])) .sbb-expansion-panel-header__toggle-icon{transform:rotate(-180deg)}`;
+let j = (() => {
   var e;
-  let l = [x("sbb-expansion-panel-header")], s, t = [], n, i = g(f(m));
+  let l = [x("sbb-expansion-panel-header")], n, t = [], s, i = g(f(v));
   return e = class extends i {
     constructor() {
-      super(), this._namedSlots = new v(this, () => this._setDataIconAttribute()), this._mediaMatcher = new u(this, {
+      super(), this._mediaMatcher = new m(this, {
         [b]: (a) => this._isHover = a
-      }), this._isHover = this._mediaMatcher.matches(b) ?? !1, this.addEventListener?.("click", () => this._emitExpandedEvent()), this.addEventListener?.("mouseenter", () => this._onMouseMovement(!0)), this.addEventListener?.("mouseleave", () => this._onMouseMovement(!1));
+      }), this._isHover = this._mediaMatcher.matches(b) ?? !1, this.addEventListener?.("click", () => this._emitExpandedEvent()), this.addEventListener?.("mouseenter", () => this._onMouseMovement(!0)), this.addEventListener?.("mouseleave", () => this._onMouseMovement(!1)), this.addEventListener?.("slottedchange", () => this._setIconState());
     }
     connectedCallback() {
       super.connectedCallback(), this.slot ||= "header";
@@ -26,15 +27,15 @@ let I = (() => {
       (!a || o && this._isHover) && o.toggleAttribute("data-toggle-hover", a);
     }
     /**
-     * The 'data-icon' is used by the 'sbb-expansion-panel'.
+     * The :state(icon) is used by the 'sbb-expansion-panel'.
      * It needs to be set before the @slotchange event bubbles to the 'expansion-panel'
      * but after the 'SbbSlotStateController' has run.
      */
-    _setDataIconAttribute() {
-      this.toggleAttribute("data-icon", !!(this.iconName || this._namedSlots.slots.has("icon")));
+    _setIconState() {
+      this.toggleState("icon", !!(this.iconName || this.internals.states.has("icon")));
     }
     renderTemplate() {
-      return this._setDataIconAttribute(), r`
+      return this._setIconState(), r`
       <span class="sbb-expansion-panel-header__title">
         <span class="sbb-expansion-panel-header__icon"> ${this.renderIconSlot()} </span>
         <slot></slot>
@@ -48,13 +49,13 @@ let I = (() => {
           </span>`}
     `;
     }
-  }, n = e, (() => {
+  }, s = e, (() => {
     const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    d(null, s = { value: n }, l, { kind: "class", name: n.name, metadata: a }, null, t), n = s.value, a && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = _, e.events = {
+    p(null, n = { value: s }, l, { kind: "class", name: s.name, metadata: a }, null, t), s = n.value, a && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), e.styles = [u, _], e.events = {
     toggleexpanded: "toggleexpanded"
-  }, p(n, t), n;
+  }, d(s, t), s;
 })();
 export {
-  I as SbbExpansionPanelHeaderElement
+  j as SbbExpansionPanelHeaderElement
 };

package/file-selector/common.js

@@ -1,5 +1,5 @@
 import { SbbFileSelectorCommonElementMixin as m } from "./common/file-selector-common.js";
-import { f as r } from "../file-selector-common-BEWjyy75.js";
+import { f as r } from "../file-selector-common-CUp299VH.js";
 export {
   m as SbbFileSelectorCommonElementMixin,
   r as fileSelectorCommonStyle

package/file-selector/file-selector/file-selector.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-selector.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/file-selector/file-selector/file-selector.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAS3E,OAAO,yCAAyC,CAAC;;AAEjD;;;;GAIG;AACH,qBAGM,sBAAuB,SAAQ,2BAA6C;IAChF,OAAuB,MAAM,EAAE,cAAc,CAA2B;IACxE,gBAAuB,MAAM;;MAElB;cAEQ,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc;CAiBzE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}
+{"version":3,"file":"file-selector.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/file-selector/file-selector/file-selector.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAS3E,OAAO,yCAAyC,CAAC;;AAEjD;;;;GAIG;AACH,qBAEM,sBAAuB,SAAQ,2BAA6C;IAChF,OAAuB,MAAM,EAAE,cAAc,CAA8C;IAC3F,gBAAuB,MAAM;;MAElB;cAEQ,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc;CAiBzE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

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

@@ -3,13 +3,13 @@ import { LitElement as c } from "lit";
 import { customElement as b } from "lit/decorators.js";
 import { ref as d } from "lit/directives/ref.js";
 import { html as u } from "lit/static-html.js";
-import { slotState as f } from "../../core/decorators.js";
-import { SbbFileSelectorCommonElementMixin as p, fileSelectorCommonStyle as h } from "../common.js";
+import { boxSizingStyles as f } from "../../core/styles.js";
+import { SbbFileSelectorCommonElementMixin as p, fileSelectorCommonStyle as S } from "../common.js";
 import "../../button/secondary-button-static.js";
-let z = (() => {
-  var t;
-  let o = [b("sbb-file-selector"), f()], a, s = [], e, i = p(c);
-  return t = class extends i {
+let $ = (() => {
+  var e;
+  let o = [b("sbb-file-selector")], a, i = [], t, s = p(c);
+  return e = class extends s {
     renderTemplate(l) {
       return u`
       <label>
@@ -27,13 +27,13 @@ let z = (() => {
       </label>
     `;
     }
-  }, e = t, (() => {
-    const l = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    m(null, a = { value: e }, o, { kind: "class", name: e.name, metadata: l }, null, s), e = a.value, l && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: l });
-  })(), t.styles = h, t.events = {
+  }, t = e, (() => {
+    const l = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+    m(null, a = { value: t }, o, { kind: "class", name: t.name, metadata: l }, null, i), t = a.value, l && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: l });
+  })(), e.styles = [f, S], e.events = {
     filechanged: "filechanged"
-  }, n(e, s), e;
+  }, n(t, i), t;
 })();
 export {
-  z as SbbFileSelectorElement
+  $ as SbbFileSelectorElement
 };

package/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-selector-dropzone.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/file-selector/file-selector-dropzone/file-selector-dropzone.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAa3E,OAAO,yCAAyC,CAAC;AACjD,OAAO,eAAe,CAAC;;AAIvB;;;;GAIG;AACH,qBAGM,8BAA+B,SAAQ,mCAA6C;IACxF,OAAuB,MAAM,EAAE,cAAc,CAAoC;IACjF,gBAAuB,MAAM;;MAElB;IAEX,iDAAiD;IACjD,SAEgB,YAAY,EAAE,MAAM,CAAM;cAEvB,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc;CA+BzE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}
+{"version":3,"file":"file-selector-dropzone.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/file-selector/file-selector-dropzone/file-selector-dropzone.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAc3E,OAAO,yCAAyC,CAAC;AACjD,OAAO,eAAe,CAAC;;AAIvB;;;;GAIG;AACH,qBAEM,8BAA+B,SAAQ,mCAA6C;IACxF,OAAuB,MAAM,EAAE,cAAc,CAAqD;IAClG,gBAAuB,MAAM;;MAElB;IAEX,iDAAiD;IACjD,SAEgB,YAAY,EAAE,MAAM,CAAM;cAEvB,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc;CA+BzE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}

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

@@ -1,26 +1,27 @@
-var d = (e) => {
+var f = (e) => {
   throw TypeError(e);
 };
-var m = (e, t, i) => t.has(e) || d("Cannot " + i);
-var u = (e, t, i) => (m(e, t, "read from private field"), i ? i.call(e) : t.get(e)), g = (e, t, i) => t.has(e) ? d("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), h = (e, t, i, s) => (m(e, t, "write to private field"), s ? s.call(e, i) : t.set(e, i), i);
+var d = (e, t, i) => t.has(e) || f("Cannot " + i);
+var u = (e, t, i) => (d(e, t, "read from private field"), i ? i.call(e) : t.get(e)), g = (e, t, i) => t.has(e) ? f("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), h = (e, t, i, s) => (d(e, t, "write to private field"), s ? s.call(e, i) : t.set(e, i), i);
 import { __esDecorate as _, __runInitializers as n } from "tslib";
 import { css as y, LitElement as z } from "lit";
 import { customElement as x, property as S } from "lit/decorators.js";
 import { ref as C } from "lit/directives/ref.js";
 import { html as k } from "lit/static-html.js";
-import { slotState as $, forceType as D } from "../../core/decorators.js";
-import { i18nFileSelectorSubtitleLabelMultiple as E, i18nFileSelectorSubtitleLabel as w } from "../../core/i18n.js";
+import { forceType as $ } from "../../core/decorators.js";
+import { i18nFileSelectorSubtitleLabelMultiple as D, i18nFileSelectorSubtitleLabel as E } from "../../core/i18n.js";
+import { boxSizingStyles as w } from "../../core/styles.js";
 import { SbbFileSelectorCommonElementMixin as F, fileSelectorCommonStyle as L } from "../common.js";
 import "../../button/secondary-button-static.js";
 import "../../icon.js";
-const I = y`*,:before,:after{box-sizing:border-box}.sbb-file-selector__dropzone-area{display:flex;flex-direction:column;align-items:center;padding:var(--sbb-spacing-responsive-s);background-color:var(--sbb-file-selector-background-color);border:var(--sbb-border-width-1x) dashed var(--sbb-file-selector-border-color);border-radius:var(--sbb-border-radius-4x);transition-duration:var(--sbb-file-selector-transition-duration);transition-timing-function:var(--sbb-file-selector-transition-easing-function);transition-property:background-color,border-color}.sbb-file-selector__dropzone-area--icon{color:var(--sbb-file-selector-color);line-height:0}.sbb-file-selector__dropzone-area--title{--sbb-title-font-size: var(--sbb-title-font-size-level-6);--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);text-align:center;color:var(--sbb-file-selector-color)}.sbb-file-selector__dropzone-area--subtitle{--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);text-align:center;color:var(--sbb-file-selector-subtitle-color);margin-block-end:var(--sbb-spacing-fixed-4x)}`;
-let N = (() => {
+const I = y`.sbb-file-selector__dropzone-area{display:flex;flex-direction:column;align-items:center;padding:var(--sbb-spacing-responsive-s);background-color:var(--sbb-file-selector-background-color);border:var(--sbb-border-width-1x) dashed var(--sbb-file-selector-border-color);border-radius:var(--sbb-border-radius-4x);transition-duration:var(--sbb-file-selector-transition-duration);transition-timing-function:var(--sbb-file-selector-transition-easing-function);transition-property:background-color,border-color}.sbb-file-selector__dropzone-area--icon{color:var(--sbb-file-selector-color);line-height:0}.sbb-file-selector__dropzone-area--title{--sbb-title-font-size: var(--sbb-title-font-size-level-6);--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);text-align:center;color:var(--sbb-file-selector-color)}.sbb-file-selector__dropzone-area--subtitle{--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);text-align:center;color:var(--sbb-file-selector-subtitle-color);margin-block-end:var(--sbb-spacing-fixed-4x)}`;
+let Q = (() => {
   var a, o;
-  let e = [x("sbb-file-selector-dropzone"), $()], t, i = [], s, b = F(z), c, f = [], p = [];
+  let e = [x("sbb-file-selector-dropzone")], t, i = [], s, b = F(z), c, m = [], p = [];
   return o = class extends b {
     constructor() {
       super(...arguments);
-      g(this, a, n(this, f, ""));
+      g(this, a, n(this, m, ""));
       n(this, p);
     }
     /** The title displayed in `dropzone` variant. */
@@ -41,7 +42,7 @@ let N = (() => {
           </span>
           <span class="sbb-file-selector__dropzone-area--title">${this.titleContent}</span>
           <span class="sbb-file-selector__dropzone-area--subtitle">
-            ${this.multiple ? E[this.language.current] : w[this.language.current]}
+            ${this.multiple ? D[this.language.current] : E[this.language.current]}
           </span>
           <span class="sbb-file-selector__dropzone-area--button">
             <sbb-secondary-button-static
@@ -61,13 +62,13 @@ let N = (() => {
     }
   }, a = new WeakMap(), s = o, (() => {
     const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
-    c = [D(), S({ attribute: "title-content" })], _(o, null, c, { kind: "accessor", name: "titleContent", static: !1, private: !1, access: { has: (l) => "titleContent" in l, get: (l) => l.titleContent, set: (l, v) => {
+    c = [$(), S({ attribute: "title-content" })], _(o, null, c, { kind: "accessor", name: "titleContent", static: !1, private: !1, access: { has: (l) => "titleContent" in l, get: (l) => l.titleContent, set: (l, v) => {
       l.titleContent = v;
-    } }, metadata: r }, f, p), _(null, t = { value: s }, e, { kind: "class", name: s.name, metadata: r }, null, i), s = t.value, r && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
-  })(), o.styles = [L, I], o.events = {
+    } }, metadata: r }, m, p), _(null, t = { value: s }, e, { kind: "class", name: s.name, metadata: r }, null, i), s = t.value, r && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
+  })(), o.styles = [w, L, I], o.events = {
     filechanged: "filechanged"
   }, n(s, i), s;
 })();
 export {
-  N as SbbFileSelectorDropzoneElement
+  Q as SbbFileSelectorDropzoneElement
 };

package/file-selector-common-CUp299VH.js

@@ -0,0 +1,5 @@
+import { css as e } from "lit";
+const r = e`:host{--sbb-file-selector-color: var(--sbb-color-2);--sbb-file-selector-subtitle-color: var(--sbb-color-granite);--sbb-file-selector-subtitle-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));--sbb-file-selector-background-color: var(--sbb-background-color-1);--sbb-file-selector-border-color: var(--sbb-border-color-4-inverted);--sbb-file-selector-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-file-selector-transition-easing-function: var(--sbb-animation-easing);display:block;width:20rem}@media(forced-colors:active){:host(:disabled){--sbb-file-selector-color: GrayText;--sbb-file-selector-subtitle-color: GrayText;--sbb-file-selector-border-color: GrayText}}:host(:is(:state(active),[state--active])){--sbb-file-selector-background-color: var(--sbb-background-color-3);--sbb-file-selector-border-color: var(--sbb-color-storm);--sbb-file-selector-border-color: light-dark(var(--sbb-color-storm), var(--sbb-color-anthracite))}@media(forced-colors:active){:host(:is(:state(active),[state--active])){--sbb-file-selector-border-color: Highlight}}.sbb-file-selector__input-container{-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column}.sbb-file-selector__visually-hidden{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-file-selector__file-list{display:flex;flex-direction:column;row-gap:var(--sbb-spacing-fixed-3x);margin-block:0;padding-inline:0;padding-block:var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-1x)}.sbb-file-selector__file{--sbb-text-font-size: var(--sbb-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);display:flex;gap:var(--sbb-spacing-fixed-4x);align-items:center;justify-content:space-between}.sbb-file-selector__file-details{display:flex;flex:1;justify-content:space-between;gap:var(--sbb-spacing-fixed-4x);overflow:auto}.sbb-file-selector__file-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-file-selector__file-size{white-space:nowrap;color:var(--sbb-color-metal);color:light-dark(var(--sbb-color-metal),var(--sbb-color-smoke))}:host(:not(:is(:state(slotted-error),[state--slotted-error]))) .sbb-file-selector__error{display:none}`;
+export {
+  r as f
+};

package/file-selector.js

@@ -1,5 +1,5 @@
 import { SbbFileSelectorCommonElementMixin as r } from "./file-selector/common/file-selector-common.js";
-import { f as t } from "./file-selector-common-BEWjyy75.js";
+import { f as t } from "./file-selector-common-CUp299VH.js";
 import { SbbFileSelectorDropzoneElement as S } from "./file-selector/file-selector-dropzone/file-selector-dropzone.component.js";
 import { SbbFileSelectorElement as b } from "./file-selector/file-selector/file-selector.component.js";
 export {

package/flip-card/flip-card/flip-card.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flip-card.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card/flip-card.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAkB,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAS3F,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAIzE,OAAO,yCAAyC,CAAC;AACjD,OAAO,6BAA6B,CAAC;;AAErC;;;;;GAKG;AACH,qBAEM,kBAAmB,SAAQ,uBAA6B;IAC5D,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX;;;OAGG;IACH,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,iDAAiD;IACjD,IAAW,OAAO,IAAI,yBAAyB,GAAG,IAAI,CAErD;IAED,iDAAiD;IACjD,IAAW,OAAO,IAAI,yBAAyB,GAAG,IAAI,CAErD;IAED,wDAAwD;IACxD,OAAO,KAAK,sBAAsB,GAEjC;IAED,wCAAwC;IACxC,IAAW,SAAS,IAAI,OAAO,CAE9B;IAED,0CAA0C;IACjC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAS;IAE3C,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,0BAA0B,CAI/B;;IAWH,8CAA8C;IACvC,MAAM,IAAI,IAAI;IAgBrB,OAAO,CAAC,qBAAqB;YAKf,mBAAmB;cAWd,MAAM,IAAI,cAAc;CAsB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}
+{"version":3,"file":"flip-card.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card/flip-card.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAkB,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAU3F,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAIzE,OAAO,yCAAyC,CAAC;AACjD,OAAO,6BAA6B,CAAC;;AAErC;;;;;GAKG;AACH,qBAEM,kBAAmB,SAAQ,uBAA6B;IAC5D,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,gBAAuB,MAAM;;MAElB;IAEX;;;OAGG;IACH,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,iDAAiD;IACjD,IAAW,OAAO,IAAI,yBAAyB,GAAG,IAAI,CAErD;IAED,iDAAiD;IACjD,IAAW,OAAO,IAAI,yBAAyB,GAAG,IAAI,CAErD;IAED,wDAAwD;IACxD,OAAO,KAAK,sBAAsB,GAEjC;IAED,wCAAwC;IACxC,IAAW,SAAS,IAAI,OAAO,CAE9B;IAED,0CAA0C;IACjC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAS;IAE3C,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,0BAA0B,CAI/B;;IAWH,8CAA8C;IACvC,MAAM,IAAI,IAAI;IAgBrB,OAAO,CAAC,qBAAqB;YAKf,mBAAmB;cAWd,MAAM,IAAI,cAAc;CAsB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}

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

@@ -3,9 +3,9 @@ var k = (i) => {
 };
 var w = (i, t, a) => t.has(i) || k("Cannot " + a);
 var p = (i, t, a) => (w(i, t, "read from private field"), a ? a.call(i) : t.get(i)), m = (i, t, a) => t.has(i) ? k("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, a), b = (i, t, a, r) => (w(i, t, "write to private field"), r ? r.call(i, a) : t.set(i, a), a);
-import { __esDecorate as f, __runInitializers as d } from "tslib";
+import { __esDecorate as u, __runInitializers as d } from "tslib";
 import { ResizeController as L } from "@lit-labs/observers/resize-controller.js";
-import { css as C, LitElement as z, isServer as E, html as S } from "lit";
+import { css as C, LitElement as z, isServer as S, html as E } from "lit";
 import { customElement as D, property as H, state as R } from "lit/decorators.js";
 import { until as $ } from "lit/directives/until.js";
 import { IS_FOCUSABLE_QUERY as I } from "../../core/a11y.js";
@@ -13,13 +13,14 @@ import { SbbLanguageController as O } from "../../core/controllers.js";
 import { forceType as F } from "../../core/decorators.js";
 import { i18nFlipCard as A, i18nReverseCard as T } from "../../core/i18n.js";
 import { SbbHydrationMixin as j } from "../../core/mixins.js";
+import { boxSizingStyles as q } from "../../core/styles.js";
 import "../../button/secondary-button-static.js";
 import "../../screen-reader-only.js";
-const q = C`*,:before,:after{box-sizing:border-box}:host{--sbb-flip-card-toggle-icon-transform: rotate(0);--sbb-flip-card-background-color: var(--sbb-background-color-4);--sbb-flip-card-border-radius: var(--sbb-border-radius-4x);--sbb-flip-card-min-height: 17.5rem;--sbb-flip-card-summary-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-5x) );--sbb-flip-card-summary-transition-delay: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-flip-card-details-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );position:relative;display:block}@media(min-width:52.5rem){:host{--sbb-flip-card-min-height: 20rem}}@media(any-hover:hover){:host(:hover){--sbb-flip-card-background-color: color-mix(in srgb, var(--sbb-color-cloud) 80%, transparent);--sbb-flip-card-background-color: light-dark( color-mix(in srgb, var(--sbb-color-cloud) 80%, transparent), var(--sbb-color-iron) );--sbb-flip-card-translate-title-y-hover: -.0625rem}}:host([data-flipped]){--sbb-flip-card-toggle-icon-transform: rotate(45deg);--sbb-flip-card-details-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-flip-card-summary-transition-delay: 0s}:host([data-flipped]) ::slotted(sbb-flip-card-summary){--sbb-flip-card-summary-opacity: 0;--sbb-flip-card-summary-pointer-events: none}:host([data-flipped]) ::slotted(sbb-flip-card-details){--sbb-flip-card-details-opacity: 1;--sbb-flip-card-details-translate-y: 0}@media(min-width:37.5rem)and (max-width:52.4375rem){:host([data-image-alignment=after]){--sbb-flip-card-min-height: 15rem}}@media(min-width:80rem){:host([data-image-alignment=after]){--sbb-flip-card-min-height: 25rem}}.sbb-flip-card{position:relative;display:flex;height:100%;flex-flow:wrap;flex-direction:column;gap:var(--sbb-spacing-responsive-xs);min-height:var(--sbb-flip-card-min-height);background-color:var(--sbb-flip-card-background-color);border-radius:var(--sbb-flip-card-border-radius);transition:all var(--sbb-flip-card-summary-transition-duration) ease-out,min-height var(--sbb-flip-card-details-transition-duration);transition-delay:var(--sbb-flip-card-summary-transition-delay);cursor:pointer}:host([data-flipped]) .sbb-flip-card{min-height:max(var(--sbb-flip-card-min-height),var(--sbb-flip-card-details-height))}@media(forced-colors:active){.sbb-flip-card:after{content:"";border:var(--sbb-border-width-2x) solid CanvasText;border-radius:var(--sbb-flip-card-border-radius);position:absolute;inset:0;pointer-events:none}}@media(forced-colors:active)and (any-hover:hover){:host(:hover) .sbb-flip-card:after{border-color:Highlight}}.sbb-flip-card:before{content:"";opacity:0;pointer-events:none;position:absolute;inset-inline-start:var(--sbb-spacing-responsive-s);inset-block-end:var(--sbb-spacing-responsive-s);background-color:var(--sbb-color-midnight);background-color:light-dark(var(--sbb-color-midnight),var(--sbb-color-iron));width:var(--sbb-size-element-xs);height:var(--sbb-size-element-xs);border-radius:16rem;transition:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-3x)) ease-out}:host([data-flipped]) .sbb-flip-card:before{opacity:1;inset-inline-start:0;inset-block-end:0;width:100%;height:100%;border-radius:var(--sbb-flip-card-border-radius);transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-5x))}.sbb-flip-card--toggle-button{position:absolute;inset-inline-start:var(--sbb-spacing-responsive-s);inset-block-end:var(--sbb-spacing-responsive-s)}:host([data-flipped]) .sbb-flip-card--toggle-button{--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-flip-card--toggle-button-icon{transform:var(--sbb-flip-card-toggle-icon-transform);transition:transform var(--sbb-flip-card-summary-transition-duration) ease-out}.sbb-flip-card-button{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;position:absolute;inset:0;width:100%;border-radius:var(--sbb-flip-card-border-radius);cursor:pointer}.sbb-flip-card-button: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)}`;
-let ii = (() => {
+const M = C`:host{--sbb-flip-card-toggle-icon-transform: rotate(0);--sbb-flip-card-background-color: var(--sbb-background-color-4);--sbb-flip-card-border-radius: var(--sbb-border-radius-4x);--sbb-flip-card-min-height: 17.5rem;--sbb-flip-card-summary-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-5x) );--sbb-flip-card-summary-transition-delay: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-flip-card-details-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );position:relative;display:block}@media(min-width:64rem){:host{--sbb-flip-card-min-height: 20rem}}@media(any-hover:hover){:host(:hover){--sbb-flip-card-background-color: color-mix(in srgb, var(--sbb-color-cloud) 80%, transparent);--sbb-flip-card-background-color: light-dark( color-mix(in srgb, var(--sbb-color-cloud) 80%, transparent), var(--sbb-color-iron) );--sbb-flip-card-translate-title-y-hover: -.0625rem}}:host([data-flipped]){--sbb-flip-card-toggle-icon-transform: rotate(45deg);--sbb-flip-card-details-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-flip-card-summary-transition-delay: 0s}:host([data-flipped]) ::slotted(sbb-flip-card-summary){--sbb-flip-card-summary-opacity: 0;--sbb-flip-card-summary-pointer-events: none}:host([data-flipped]) ::slotted(sbb-flip-card-details){--sbb-flip-card-details-opacity: 1;--sbb-flip-card-details-translate-y: 0}@media(min-width:37.5rem)and (max-width:63.9375rem){:host([data-image-alignment=after]){--sbb-flip-card-min-height: 15rem}}@media(min-width:90rem){:host([data-image-alignment=after]){--sbb-flip-card-min-height: 25rem}}.sbb-flip-card{position:relative;display:flex;height:100%;flex-flow:wrap;flex-direction:column;gap:var(--sbb-spacing-responsive-xs);min-height:var(--sbb-flip-card-min-height);background-color:var(--sbb-flip-card-background-color);border-radius:var(--sbb-flip-card-border-radius);transition:all var(--sbb-flip-card-summary-transition-duration) ease-out,min-height var(--sbb-flip-card-details-transition-duration);transition-delay:var(--sbb-flip-card-summary-transition-delay);cursor:var(--sbb-cursor-pointer)}:host([data-flipped]) .sbb-flip-card{min-height:max(var(--sbb-flip-card-min-height),var(--sbb-flip-card-details-height))}@media(forced-colors:active){.sbb-flip-card:after{content:"";border:var(--sbb-border-width-2x) solid CanvasText;border-radius:var(--sbb-flip-card-border-radius);position:absolute;inset:0;pointer-events:none}}@media(forced-colors:active)and (any-hover:hover){:host(:hover) .sbb-flip-card:after{border-color:Highlight}}.sbb-flip-card:before{content:"";opacity:0;pointer-events:none;position:absolute;inset-inline-start:var(--sbb-spacing-responsive-s);inset-block-end:var(--sbb-spacing-responsive-s);background-color:var(--sbb-color-midnight);background-color:light-dark(var(--sbb-color-midnight),var(--sbb-color-iron));width:var(--sbb-size-element-xs);height:var(--sbb-size-element-xs);border-radius:16rem;transition:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-3x)) ease-out}:host([data-flipped]) .sbb-flip-card:before{opacity:1;inset-inline-start:0;inset-block-end:0;width:100%;height:100%;border-radius:var(--sbb-flip-card-border-radius);transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-5x))}.sbb-flip-card--toggle-button{position:absolute;inset-inline-start:var(--sbb-spacing-responsive-s);inset-block-end:var(--sbb-spacing-responsive-s)}:host([data-flipped]) .sbb-flip-card--toggle-button{--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-flip-card--toggle-button-icon{transform:var(--sbb-flip-card-toggle-icon-transform);transition:transform var(--sbb-flip-card-summary-transition-duration) ease-out}.sbb-flip-card-button{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;position:absolute;inset:0;width:100%;border-radius:var(--sbb-flip-card-border-radius);cursor:var(--sbb-cursor-pointer)}.sbb-flip-card-button: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)}`;
+let ei = (() => {
   var l, n, o;
-  let i = [D("sbb-flip-card")], t, a = [], r, u = j(z), h, g = [], v = [], y, _ = [], x = [];
-  return o = class extends u {
+  let i = [D("sbb-flip-card")], t, a = [], r, f = j(z), h, g = [], v = [], y, _ = [], x = [];
+  return o = class extends f {
     constructor() {
       super();
       m(this, l);
@@ -74,10 +75,10 @@ let ii = (() => {
       this.style?.setProperty("--sbb-flip-card-details-height", `${e}px`);
     }
     async _accessibilityLabel() {
-      return E ? "" : (await this.hydrationComplete, this._flipped ? T[this._language.current] : `${(this.accessibilityLabel ? this.accessibilityLabel : this.summary?.textContent?.trim()) ?? ""}, ${A[this._language.current]}`);
+      return S ? "" : (await this.hydrationComplete, this._flipped ? T[this._language.current] : `${(this.accessibilityLabel ? this.accessibilityLabel : this.summary?.textContent?.trim()) ?? ""}, ${A[this._language.current]}`);
     }
     render() {
-      return S`
+      return E`
       <div class="sbb-flip-card">
         <button
           class="sbb-flip-card-button"
@@ -99,16 +100,16 @@ let ii = (() => {
     `;
     }
   }, l = new WeakMap(), n = new WeakMap(), r = o, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
-    h = [F(), H({ attribute: "accessibility-label" })], y = [R()], f(o, null, h, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (s) => "accessibilityLabel" in s, get: (s) => s.accessibilityLabel, set: (s, c) => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
+    h = [F(), H({ attribute: "accessibility-label" })], y = [R()], u(o, null, h, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (s) => "accessibilityLabel" in s, get: (s) => s.accessibilityLabel, set: (s, c) => {
       s.accessibilityLabel = c;
-    } }, metadata: e }, g, v), f(o, null, y, { kind: "accessor", name: "_flipped", static: !1, private: !1, access: { has: (s) => "_flipped" in s, get: (s) => s._flipped, set: (s, c) => {
+    } }, metadata: e }, g, v), u(o, null, y, { kind: "accessor", name: "_flipped", static: !1, private: !1, access: { has: (s) => "_flipped" in s, get: (s) => s._flipped, set: (s, c) => {
       s._flipped = c;
-    } }, metadata: e }, _, x), f(null, t = { value: r }, i, { kind: "class", name: r.name, metadata: e }, null, a), r = t.value, e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), o.styles = q, o.events = {
+    } }, metadata: e }, _, x), u(null, t = { value: r }, i, { kind: "class", name: r.name, metadata: e }, null, a), r = t.value, e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), o.styles = [q, M], o.events = {
     flip: "flip"
   }, d(r, a), r;
 })();
 export {
-  ii as SbbFlipCardElement
+  ei as SbbFlipCardElement
 };

package/flip-card/flip-card-details/flip-card-details.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flip-card-details.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card-details/flip-card-details.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC;;;;GAIG;AACH,qBAEM,yBAA0B,SAAQ,UAAU;IAChD,OAAuB,MAAM,EAAE,cAAc,CAAS;;IAiBtC,iBAAiB,IAAI,IAAI;IAKzC,OAAO,CAAC,uBAAuB;cAQZ,MAAM,IAAI,cAAc;CAS5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}
+{"version":3,"file":"flip-card-details.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card-details/flip-card-details.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAQvC;;;;GAIG;AACH,qBAEM,yBAA0B,SAAQ,UAAU;IAChD,OAAuB,MAAM,EAAE,cAAc,CAA4B;;IAiBzD,iBAAiB,IAAI,IAAI;IAKzC,OAAO,CAAC,uBAAuB;cAQZ,MAAM,IAAI,cAAc;CAS5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}

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

@@ -1,12 +1,13 @@
 import { __esDecorate as d, __runInitializers as n } from "tslib";
 import { MutationController as c } from "@lit-labs/observers/mutation-controller.js";
-import { css as b, LitElement as p, html as f } from "lit";
-import { customElement as u } from "lit/decorators.js";
+import { css as b, LitElement as p, html as u } from "lit";
+import { customElement as f } from "lit/decorators.js";
 import { IS_FOCUSABLE_QUERY as m } from "../../core/a11y.js";
-const v = b`*,:before,:after{box-sizing:border-box}:host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-flip-card-details-opacity: 0;--sbb-flip-card-details-translate-y: var(--sbb-spacing-fixed-2x);--sbb-flip-card-details-transition-delay: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-5x) );--sbb-flip-card-details-padding: var(--sbb-spacing-responsive-s);--sbb-flip-card-details-padding-block-end: calc( var(--sbb-spacing-responsive-s) + var(--sbb-spacing-responsive-xs) + var(--sbb-size-element-m) );display:contents}.sbb-flip-card-details--wrapper{position:absolute;pointer-events:none;color:var(--sbb-color-milk);opacity:var(--sbb-flip-card-details-opacity);transform:translateY(var(--sbb-flip-card-details-translate-y));transition-property:transform,opacity;transition-duration:var(--sbb-flip-card-details-transition-duration)}:host([data-flipped]) .sbb-flip-card-details--wrapper{transition-delay:var(--sbb-flip-card-details-transition-delay),var(--sbb-flip-card-details-transition-delay)}.sbb-flip-card-details{overflow:hidden;padding:var(--sbb-flip-card-details-padding);padding-block-end:var(--sbb-flip-card-details-padding-block-end)}`;
-let S = (() => {
+import { boxSizingStyles as v } from "../../core/styles.js";
+const y = b`:host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-flip-card-details-opacity: 0;--sbb-flip-card-details-translate-y: var(--sbb-spacing-fixed-2x);--sbb-flip-card-details-transition-delay: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-5x) );--sbb-flip-card-details-padding: var(--sbb-spacing-responsive-s);--sbb-flip-card-details-padding-block-end: calc( var(--sbb-spacing-responsive-s) + var(--sbb-spacing-responsive-xs) + var(--sbb-size-element-m) );display:contents}.sbb-flip-card-details--wrapper{position:absolute;pointer-events:none;color:var(--sbb-color-milk);opacity:var(--sbb-flip-card-details-opacity);transform:translateY(var(--sbb-flip-card-details-translate-y));transition-property:transform,opacity;transition-duration:var(--sbb-flip-card-details-transition-duration)}:host([data-flipped]) .sbb-flip-card-details--wrapper{transition-delay:var(--sbb-flip-card-details-transition-delay),var(--sbb-flip-card-details-transition-delay)}.sbb-flip-card-details{overflow:hidden;padding:var(--sbb-flip-card-details-padding);padding-block-end:var(--sbb-flip-card-details-padding-block-end)}`;
+let A = (() => {
   var a;
-  let l = [u("sbb-flip-card-details")], s, i = [], t, r = p;
+  let l = [f("sbb-flip-card-details")], e, i = [], t, r = p;
   return a = class extends r {
     constructor() {
       super(), this.addController(new c(this, {
@@ -22,11 +23,11 @@ let S = (() => {
       super.connectedCallback(), this.slot ||= "details";
     }
     _checkForSlottedActions() {
-      const e = "data-card-focusable";
-      Array.from(this.querySelectorAll?.(m) ?? []).forEach((o) => o.toggleAttribute(e, !0));
+      const s = "data-card-focusable";
+      Array.from(this.querySelectorAll?.(m) ?? []).forEach((o) => o.toggleAttribute(s, !0));
     }
     render() {
-      return f`
+      return u`
       <div class="sbb-flip-card-details--wrapper">
         <div class="sbb-flip-card-details">
           <slot></slot>
@@ -35,10 +36,10 @@ let S = (() => {
     `;
     }
   }, t = a, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
-    d(null, s = { value: t }, l, { kind: "class", name: t.name, metadata: e }, null, i), t = s.value, e && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), a.styles = v, n(t, i), t;
+    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
+    d(null, e = { value: t }, l, { kind: "class", name: t.name, metadata: s }, null, i), t = e.value, s && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
+  })(), a.styles = [v, y], n(t, i), t;
 })();
 export {
-  S as SbbFlipCardDetailsElement
+  A as SbbFlipCardDetailsElement
 };

package/flip-card/flip-card-summary/flip-card-summary.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flip-card-summary.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card-summary/flip-card-summary.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,MAAM,MAAM,yBAAyB,GAAG,OAAO,GAAG,OAAO,CAAC;AAE1D;;;;;GAKG;AACH,qBAEM,yBAA0B,SAAQ,UAAU;IAChD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,8CAA8C;IAC9C,SACgB,cAAc,EAAE,yBAAyB,CAAW;IAEpD,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}
+{"version":3,"file":"flip-card-summary.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card-summary/flip-card-summary.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC,MAAM,MAAM,yBAAyB,GAAG,OAAO,GAAG,OAAO,CAAC;AAE1D;;;;;GAKG;AACH,qBAEM,yBAA0B,SAAQ,UAAU;IAChD,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,8CAA8C;IAC9C,SACgB,cAAc,EAAE,yBAAyB,CAAW;IAEpD,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}

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

@@ -6,8 +6,9 @@ var u = (a, e, t) => (p(a, e, "read from private field"), t ? t.call(a) : e.get(
 import { __esDecorate as y, __runInitializers as n } from "tslib";
 import { css as w, LitElement as _, html as A } from "lit";
 import { customElement as x, property as S } from "lit/decorators.js";
-const k = w`*,:before,:after{box-sizing:border-box}:host{--sbb-flip-card-summary-opacity: 1;--sbb-flip-card-summary-pointer-events: all;display:contents}.sbb-flip-card-summary{display:grid;min-height:var(--sbb-flip-card-min-height);pointer-events:var(--sbb-flip-card-summary-pointer-events);opacity:var(--sbb-flip-card-summary-opacity);border-radius:var(--sbb-flip-card-border-radius);overflow:hidden;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;transition:all var(--sbb-flip-card-summary-transition-duration) ease-out;transition-delay:var(--sbb-flip-card-summary-transition-delay)}@media(min-width:37.5rem){:host([image-alignment=after]) .sbb-flip-card-summary{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr}}@media(min-width:52.5rem){:host([image-alignment=after]) .sbb-flip-card-summary{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr}}::slotted(sbb-title){padding-inline:var(--sbb-spacing-responsive-s);padding-block:var(--sbb-spacing-responsive-s) var(--sbb-spacing-responsive-xs);margin:0;grid-area:1/1/2/2}@media(min-width:37.5rem){:host([image-alignment=after]) ::slotted(sbb-title){grid-area:1/1/2/3}}@media(min-width:52.5rem){:host([image-alignment=after]) ::slotted(sbb-title){grid-area:1/1/2/2}}::slotted(*:not([slot=image])){transform:translateY(var(--sbb-flip-card-translate-title-y-hover, 0rem));transition:transform var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x)) var(--sbb-animation-easing)}.sbb-flip-card-summary--image-wrapper{grid-area:2/1/3/2}@media(min-width:37.5rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/3/2/4}}@media(min-width:52.5rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/2/2/3}}::slotted([slot=image]){width:100%;height:100%}`;
-let j = (() => {
+import { boxSizingStyles as k } from "../../core/styles.js";
+const z = w`:host{--sbb-flip-card-summary-opacity: 1;--sbb-flip-card-summary-pointer-events: all;display:contents}.sbb-flip-card-summary{display:grid;min-height:var(--sbb-flip-card-min-height);pointer-events:var(--sbb-flip-card-summary-pointer-events);opacity:var(--sbb-flip-card-summary-opacity);border-radius:var(--sbb-flip-card-border-radius);overflow:hidden;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;transition:all var(--sbb-flip-card-summary-transition-duration) ease-out;transition-delay:var(--sbb-flip-card-summary-transition-delay)}@media(min-width:37.5rem){:host([image-alignment=after]) .sbb-flip-card-summary{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr}}@media(min-width:64rem){:host([image-alignment=after]) .sbb-flip-card-summary{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr}}::slotted(sbb-title){padding-inline:var(--sbb-spacing-responsive-s);padding-block:var(--sbb-spacing-responsive-s) var(--sbb-spacing-responsive-xs);margin:0;grid-area:1/1/2/2}@media(min-width:37.5rem){:host([image-alignment=after]) ::slotted(sbb-title){grid-area:1/1/2/3}}@media(min-width:64rem){:host([image-alignment=after]) ::slotted(sbb-title){grid-area:1/1/2/2}}::slotted(*:not([slot=image])){transform:translateY(var(--sbb-flip-card-translate-title-y-hover, 0rem));transition:transform var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x)) var(--sbb-animation-easing)}.sbb-flip-card-summary--image-wrapper{grid-area:2/1/3/2}@media(min-width:37.5rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/3/2/4}}@media(min-width:64rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/2/2/3}}::slotted([slot=image]){width:100%;height:100%}`;
+let U = (() => {
   var m, s;
   let a = [x("sbb-flip-card-summary")], e, t = [], i, o = _, d, b = [], g = [];
   return s = class extends o {
@@ -44,8 +45,8 @@ let j = (() => {
     d = [S({ attribute: "image-alignment", reflect: !0 })], y(s, null, d, { kind: "accessor", name: "imageAlignment", static: !1, private: !1, access: { has: (l) => "imageAlignment" in l, get: (l) => l.imageAlignment, set: (l, v) => {
       l.imageAlignment = v;
     } }, metadata: r }, b, g), y(null, e = { value: i }, a, { kind: "class", name: i.name, metadata: r }, null, t), i = e.value, r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
-  })(), s.styles = k, n(i, t), i;
+  })(), s.styles = [k, z], n(i, t), i;
 })();
 export {
-  j as SbbFlipCardSummaryElement
+  U as SbbFlipCardSummaryElement
 };

package/footer/footer.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footer.component.d.ts","sourceRoot":"","sources":["../../../src/elements/footer/footer.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AAM1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;;AAIjD;;;;GAIG;AACH,qBAEM,gBAAiB,SAAQ,qBAA4B;IACzD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;;OAIG;IACH,SAA6C,OAAO,EAAE,SAAS,GAAG,eAAe,CAAa;IAE9F;;;OAGG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,wEAAwE;IACxE,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,wGAAwG;IACxG,SACgB,uBAAuB,EAAE,aAAa,CAAO;cAE1C,MAAM,IAAI,cAAc;CAiB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}
+{"version":3,"file":"footer.component.d.ts","sourceRoot":"","sources":["../../../src/elements/footer/footer.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AAO1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;;AAIjD;;;;GAIG;AACH,qBAEM,gBAAiB,SAAQ,qBAA4B;IACzD,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE;;;;OAIG;IACH,SAA6C,OAAO,EAAE,SAAS,GAAG,eAAe,CAAa;IAE9F;;;OAGG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,wEAAwE;IACxE,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,wGAAwG;IACxG,SACgB,uBAAuB,EAAE,aAAa,CAAO;cAE1C,MAAM,IAAI,cAAc;CAiB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}

package/footer/footer.component.js

@@ -9,8 +9,9 @@ import { customElement as F, property as u } from "lit/decorators.js";
 import { unsafeStatic as A, html as M } from "lit/static-html.js";
 import { forceType as N } from "../core/decorators.js";
 import { SbbNegativeMixin as G } from "../core/mixins.js";
-const P = O`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-footer-gap-horizontal: var(--sbb-grid-base-gutter-responsive);--sbb-footer-gap-vertical: var(--sbb-spacing-responsive-l);--sbb-footer-background-color: var(--sbb-background-color-3);--sbb-footer-clock-width: 4.75rem;--sbb-footer-color: var(--sbb-color-granite);--sbb-footer-color: light-dark(var(--sbb-color-granite), var(--sbb-color-white));--sbb-link-text-decoration-line: none}@media(min-width:37.5rem){:host{--sbb-footer-clock-width: 7rem}}:host([negative]){--sbb-footer-background-color: var(--sbb-background-color-2-negative);--sbb-footer-color: var(--sbb-color-1-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-footer{--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-footer-color);padding-block:var(--sbb-spacing-responsive-l);background-color:var(--sbb-footer-background-color)}@media(forced-colors:active){.sbb-footer{border-block-start:var(--sbb-border-width-1x) solid CanvasText}}:host(:not([expanded])) .sbb-footer-wrapper{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));margin-inline:auto;width:100%}@media(min-width:90rem){:host(:not([expanded])) .sbb-footer-wrapper{max-width:var(--sbb-spacing-max-width, calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)))}}:host([expanded]) .sbb-footer-wrapper{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-spacing-responsive-xxs))}.sbb-footer__title{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}::slotted(.sbb-link-list-button-group){display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-6x);align-items:flex-start}:host([variant=clock-columns]) slot{display:grid;grid-template-columns:auto;grid-template-rows:auto;column-gap:var(--sbb-footer-gap-horizontal)}@media(min-width:37.5rem){:host([variant=clock-columns]) slot{grid-template-columns:calc(50% - var(--sbb-footer-gap-horizontal) / 2)}}@media(min-width:80rem){:host([variant=clock-columns]) slot{max-width:var(--sbb-footer-content-max-width);margin-inline:auto;grid-template-columns:repeat(4,1fr)}}:host([variant=clock-columns]) ::slotted(*:not(:last-child,sbb-divider)){margin-block-end:var(--sbb-footer-gap-vertical)}:host([variant=clock-columns]) ::slotted(sbb-clock){width:var(--sbb-footer-clock-width);grid-row:1}@media(min-width:37.5rem){:host([variant=clock-columns]) ::slotted(sbb-clock){align-self:start;grid-row:2}}@media(min-width:80rem){:host([variant=clock-columns]) ::slotted(sbb-clock){grid-row:1;grid-column:4/5;justify-self:end}}:host([variant=clock-columns]) ::slotted(sbb-divider){margin-block:calc(var(--sbb-spacing-responsive-xl) - var(--sbb-footer-gap-vertical)) var(--sbb-spacing-responsive-s)}@media(min-width:37.5rem){:host([variant=clock-columns]) ::slotted(sbb-divider){grid-row:3;grid-column:1/4;width:100%}}@media(min-width:80rem){:host([variant=clock-columns]) ::slotted(sbb-divider){grid-row:2}}@media(min-width:37.5rem){:host([variant=clock-columns]) ::slotted(:nth-child(-n+2)){grid-row:1}:host([variant=clock-columns]) ::slotted(:nth-child(3)),:host([variant=clock-columns]) ::slotted(:nth-child(4)){grid-row:2}:host([variant=clock-columns]) ::slotted(*:last-child){grid-row:4}}@media(min-width:64rem){:host([variant=clock-columns]) ::slotted(*:last-child){grid-column:1/4}}@media(min-width:80rem){:host([variant=clock-columns]) ::slotted(:nth-child(-n+4)){grid-row:1}:host([variant=clock-columns]) ::slotted(*:last-child){grid-row:3}:host([variant=clock-columns]) ::slotted(sbb-divider),:host([variant=clock-columns]) ::slotted(*:last-child){grid-column:1/5}}`;
-let W = (() => {
+import { boxSizingStyles as P } from "../core/styles.js";
+const q = O`:host{display:block;--sbb-footer-gap-horizontal: var(--sbb-grid-base-gutter-responsive);--sbb-footer-gap-vertical: var(--sbb-spacing-responsive-l);--sbb-footer-background-color: var(--sbb-background-color-3);--sbb-footer-clock-width: 4.75rem;--sbb-footer-color: var(--sbb-color-granite);--sbb-footer-color: light-dark(var(--sbb-color-granite), var(--sbb-color-white));--sbb-link-text-decoration-line: none}@media(min-width:37.5rem){:host{--sbb-footer-clock-width: 7rem}}:host([negative]){--sbb-footer-background-color: var(--sbb-background-color-2-negative);--sbb-footer-color: var(--sbb-color-1-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-footer{--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-footer-color);padding-block:var(--sbb-spacing-responsive-l);background-color:var(--sbb-footer-background-color)}@media(forced-colors:active){.sbb-footer{border-block-start:var(--sbb-border-width-1x) solid CanvasText}}:host(:not([expanded])) .sbb-footer-wrapper{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));margin-inline:auto;width:100%}@media(min-width:90rem){:host(:not([expanded])) .sbb-footer-wrapper{max-width:var(--sbb-spacing-max-width, calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)))}}:host([expanded]) .sbb-footer-wrapper{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-spacing-responsive-xxs))}.sbb-footer__title{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}::slotted(.sbb-link-list-button-group){display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-6x);align-items:flex-start}:host([variant=clock-columns]) slot{display:grid;grid-template-columns:auto;grid-template-rows:auto;column-gap:var(--sbb-footer-gap-horizontal)}@media(min-width:37.5rem){:host([variant=clock-columns]) slot{grid-template-columns:calc(50% - var(--sbb-footer-gap-horizontal) / 2)}}@media(min-width:90rem){:host([variant=clock-columns]) slot{max-width:var(--sbb-footer-content-max-width);margin-inline:auto;grid-template-columns:repeat(4,1fr)}}:host([variant=clock-columns]) ::slotted(*:not(:last-child,sbb-divider)){margin-block-end:var(--sbb-footer-gap-vertical)}:host([variant=clock-columns]) ::slotted(sbb-clock){width:var(--sbb-footer-clock-width);grid-row:1}@media(min-width:37.5rem){:host([variant=clock-columns]) ::slotted(sbb-clock){align-self:start;grid-row:2}}@media(min-width:90rem){:host([variant=clock-columns]) ::slotted(sbb-clock){grid-row:1;grid-column:4/5;justify-self:end}}:host([variant=clock-columns]) ::slotted(sbb-divider){margin-block:calc(var(--sbb-spacing-responsive-xl) - var(--sbb-footer-gap-vertical)) var(--sbb-spacing-responsive-s)}@media(min-width:37.5rem){:host([variant=clock-columns]) ::slotted(sbb-divider){grid-row:3;grid-column:1/4;width:100%}}@media(min-width:90rem){:host([variant=clock-columns]) ::slotted(sbb-divider){grid-row:2}}@media(min-width:37.5rem){:host([variant=clock-columns]) ::slotted(:nth-child(-n+2)){grid-row:1}:host([variant=clock-columns]) ::slotted(:nth-child(3)),:host([variant=clock-columns]) ::slotted(:nth-child(4)){grid-row:2}:host([variant=clock-columns]) ::slotted(*:last-child){grid-row:4}}@media(min-width:64rem){:host([variant=clock-columns]) ::slotted(*:last-child){grid-column:1/4}}@media(min-width:90rem){:host([variant=clock-columns]) ::slotted(:nth-child(-n+4)){grid-row:1}:host([variant=clock-columns]) ::slotted(*:last-child){grid-row:3}:host([variant=clock-columns]) ::slotted(sbb-divider),:host([variant=clock-columns]) ::slotted(*:last-child){grid-column:1/5}}`;
+let Y = (() => {
   var n, b, d, m, o;
   let i = [F("sbb-footer")], s, a = [], r, f = G(B), y, _ = [], x = [], k, w = [], T = [], z, L = [], S = [], I, E = [], $ = [];
   return o = class extends f {
@@ -80,8 +81,8 @@ let W = (() => {
     } }, metadata: e }, L, S), g(o, null, I, { kind: "accessor", name: "accessibilityTitleLevel", static: !1, private: !1, access: { has: (t) => "accessibilityTitleLevel" in t, get: (t) => t.accessibilityTitleLevel, set: (t, c) => {
       t.accessibilityTitleLevel = c;
     } }, metadata: e }, E, $), g(null, s = { value: r }, i, { kind: "class", name: r.name, metadata: e }, null, a), r = s.value, e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), o.styles = P, l(r, a), r;
+  })(), o.styles = [P, q], l(r, a), r;
 })();
 export {
-  W as SbbFooterElement
+  Y as SbbFooterElement
 };

package/form-error/form-error.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-error.component.d.ts","sourceRoot":"","sources":["../../../src/elements/form-error/form-error.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AASvC;;;;;GAKG;AACH,qBAEM,mBAAoB,SAAQ,wBAA4B;IAC5D,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtC,iBAAiB,IAAI,IAAI;cAStB,MAAM,IAAI,cAAc;CAwB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
+{"version":3,"file":"form-error.component.d.ts","sourceRoot":"","sources":["../../../src/elements/form-error/form-error.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AAUvC;;;;;GAKG;AACH,qBAEM,mBAAoB,SAAQ,wBAA4B;IAC5D,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzD,iBAAiB,IAAI,IAAI;cAStB,MAAM,IAAI,cAAc;CAwB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}

package/form-error/form-error.component.js

@@ -2,11 +2,12 @@ import { __esDecorate as l, __runInitializers as n } from "tslib";
 import { css as b, LitElement as c, html as m } from "lit";
 import { customElement as f } from "lit/decorators.js";
 import { SbbNegativeMixin as h } from "../core/mixins.js";
-const g = b`*,:before,:after{box-sizing:border-box}:host{--sbb-form-error-color: var(--sbb-color-error);--sbb-form-error-height: calc(var(--sbb-typo-line-height-body-text) * 1em);--sbb-form-error-icon-size: 1.0625rem;--sbb-icon-svg-width: var(--sbb-form-error-icon-size);--sbb-icon-svg-height: var(--sbb-form-error-icon-size);display:flex;align-items:flex-start;color:var(--sbb-form-error-color);min-height:var(--sbb-form-error-height);--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)}@media(forced-colors:active){:host{--sbb-form-error-color: LinkText !important}}:host([negative]){--sbb-form-error-color: var(--sbb-color-red85)}.form-error__icon{display:flex;align-items:center;height:var(--sbb-form-error-height);margin-inline-end:var(--sbb-spacing-fixed-1x)}.form-error-content{line-height:var(--sbb-typo-line-height-body-text);vertical-align:text-top}.form-error__icon-svg{stroke:currentcolor;height:var(--sbb-form-error-height)}`;
-let d = 0, u = (() => {
-  var r;
-  let a = [f("sbb-form-error")], o, s = [], e, i = h(c);
-  return r = class extends i {
+import { boxSizingStyles as g } from "../core/styles.js";
+const v = b`:host{--sbb-form-error-color: var(--sbb-color-error);--sbb-form-error-height: calc(var(--sbb-typo-line-height-body-text) * 1em);--sbb-form-error-icon-size: 1.0625rem;--sbb-icon-svg-width: var(--sbb-form-error-icon-size);--sbb-icon-svg-height: var(--sbb-form-error-icon-size);display:flex;align-items:flex-start;color:var(--sbb-form-error-color);min-height:var(--sbb-form-error-height);--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)}@media(forced-colors:active){:host{--sbb-form-error-color: LinkText !important}}:host([negative]){--sbb-form-error-color: var(--sbb-color-red85)}.form-error__icon{display:flex;align-items:center;height:var(--sbb-form-error-height);margin-inline-end:var(--sbb-spacing-fixed-1x)}.form-error-content{line-height:var(--sbb-typo-line-height-body-text);vertical-align:text-top}.form-error__icon-svg{stroke:currentcolor;height:var(--sbb-form-error-height)}`;
+let d = 0, z = (() => {
+  var e;
+  let a = [f("sbb-form-error")], o, s = [], r, i = h(c);
+  return e = class extends i {
     connectedCallback() {
       super.connectedCallback(), this.id ||= `sbb-form-error-${d++}`;
       const t = this.closest?.("sbb-form-field") ?? this.closest?.("[data-form-field]");
@@ -36,11 +37,11 @@ let d = 0, u = (() => {
       </span>
     `;
     }
-  }, e = r, (() => {
+  }, r = e, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    l(null, o = { value: e }, a, { kind: "class", name: e.name, metadata: t }, null, s), e = o.value, t && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), r.styles = g, n(e, s), e;
+    l(null, o = { value: r }, a, { kind: "class", name: r.name, metadata: t }, null, s), r = o.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), e.styles = [g, v], n(r, s), r;
 })();
 export {
-  u as SbbFormErrorElement
+  z as SbbFormErrorElement
 };

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

@@ -1 +1 @@
-{"version":3,"file":"form-field.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/form-field/form-field/form-field.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"form-field.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/form-field/form-field/form-field.component.ts"],"names":[],"mappings":"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"}