@sbb-esta/lyne-elements 2.7.1 → 2.9.0

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

@@ -0,0 +1,148 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, LitElement, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { hostAttributes } from "../../core/decorators.js";
+const style = css`*,
+::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: calc(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: calc(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: calc(37.5rem)) {
+  :host([image-alignment=after]) ::slotted(sbb-title) {
+    grid-area: 1/1/2/3;
+  }
+}
+@media (min-width: calc(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: calc(37.5rem)) {
+  :host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper {
+    grid-area: 1/3/2/4;
+  }
+}
+@media (min-width: calc(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 SbbFlipCardSummaryElement = (() => {
+  var _imageAlignment_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-flip-card-summary"), hostAttributes({
+    slot: "summary"
+  })];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = LitElement;
+  let _imageAlignment_decorators;
+  let _imageAlignment_initializers = [];
+  let _imageAlignment_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _imageAlignment_accessor_storage, __runInitializers(this, _imageAlignment_initializers, "after"));
+      __runInitializers(this, _imageAlignment_extraInitializers);
+    }
+    /** The position where to render the image. */
+    get imageAlignment() {
+      return __privateGet(this, _imageAlignment_accessor_storage);
+    }
+    set imageAlignment(value) {
+      __privateSet(this, _imageAlignment_accessor_storage, value);
+    }
+    willUpdate(changedProperties) {
+      var _a2, _b;
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("imageAlignment")) {
+        (_b = (_a2 = this.closest) == null ? void 0 : _a2.call(this, "sbb-flip-card")) == null ? void 0 : _b.setAttribute("data-image-alignment", this.imageAlignment);
+      }
+    }
+    render() {
+      return html`
+      <div class="sbb-flip-card-summary">
+        <slot></slot>
+        <div class="sbb-flip-card-summary--image-wrapper">
+          <slot name="image"></slot>
+        </div>
+      </div>
+    `;
+    }
+  }, _imageAlignment_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _imageAlignment_decorators = [property({ attribute: "image-alignment", reflect: true })];
+    __esDecorate(_a, null, _imageAlignment_decorators, { kind: "accessor", name: "imageAlignment", static: false, private: false, access: { has: (obj) => "imageAlignment" in obj, get: (obj) => obj.imageAlignment, set: (obj, value) => {
+      obj.imageAlignment = value;
+    } }, metadata: _metadata }, _imageAlignment_initializers, _imageAlignment_extraInitializers);
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbFlipCardSummaryElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC1jYXJkLXN1bW1hcnkuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvZmxpcC1jYXJkL2ZsaXAtY2FyZC1zdW1tYXJ5L2ZsaXAtY2FyZC1zdW1tYXJ5LmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBQcm9wZXJ0eVZhbHVlcywgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgaG9zdEF0dHJpYnV0ZXMgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9mbGlwLWNhcmQtc3VtbWFyeS5zY3NzP2xpdCZpbmxpbmUnO1xuXG5leHBvcnQgdHlwZSBTYmJGbGlwQ2FyZEltYWdlQWxpZ25tZW50ID0gJ2FmdGVyJyB8ICdiZWxvdyc7XG5cbi8qKlxuICogQ29tYmluZWQgd2l0aCBhIGBzYmItZmxpcC1jYXJkYCwgaXQgZGlzcGxheXMgaXRzIGNvbnRlbnQgd2hlbiB0aGUgY2FyZCBpcyBub3QgZmxpcHBlZC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIHByb3ZpZGUgYSB0aXRsZSBmb3IgdGhlIGBzYmItZmxpcC1jYXJkLXN1bW1hcnlgLlxuICogQHNsb3QgaW1hZ2UgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYW4gaW1hZ2UgZm9yIHRoZSBgc2JiLWZsaXAtY2FyZC1zdW1tYXJ5YC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWZsaXAtY2FyZC1zdW1tYXJ5JylcbkBob3N0QXR0cmlidXRlcyh7XG4gIHNsb3Q6ICdzdW1tYXJ5Jyxcbn0pXG5jbGFzcyBTYmJGbGlwQ2FyZFN1bW1hcnlFbGVtZW50IGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIC8qKiBUaGUgcG9zaXRpb24gd2hlcmUgdG8gcmVuZGVyIHRoZSBpbWFnZS4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnaW1hZ2UtYWxpZ25tZW50JywgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgYWNjZXNzb3IgaW1hZ2VBbGlnbm1lbnQ6IFNiYkZsaXBDYXJkSW1hZ2VBbGlnbm1lbnQgPSAnYWZ0ZXInO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnaW1hZ2VBbGlnbm1lbnQnKSkge1xuICAgICAgdGhpcy5jbG9zZXN0Py4oJ3NiYi1mbGlwLWNhcmQnKT8uc2V0QXR0cmlidXRlKCdkYXRhLWltYWdlLWFsaWdubWVudCcsIHRoaXMuaW1hZ2VBbGlnbm1lbnQpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1mbGlwLWNhcmQtc3VtbWFyeVwiPlxuICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItZmxpcC1jYXJkLXN1bW1hcnktLWltYWdlLXdyYXBwZXJcIj5cbiAgICAgICAgICA8c2xvdCBuYW1lPVwiaW1hZ2VcIj48L3Nsb3Q+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWZsaXAtY2FyZC1zdW1tYXJ5JzogU2JiRmxpcENhcmRTdW1tYXJ5RWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbIl9hIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFxQk0sNkJBQXlCLE1BQUE7O0FBSjlCLE1BQUEsbUJBQUEsQ0FBQSxjQUFjLHVCQUF1QixHQUNyQyxlQUFlO0FBQUEsSUFDZCxNQUFNO0FBQUEsRUFBQSxDQUNQLENBQUM7Ozs7b0JBQ3NDOzs7O0FBQVIsRUFBQSxtQkFBUSxZQUFVO0FBQUE7O0FBS2hELDJEQUFBLGtCQUFBLE1BQUEsOEJBQTRELE9BQU87Ozs7SUFBbkUsSUFBZ0IsaUJBQW9EO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUFwRSxJQUFnQixlQUFvRCxPQUFBO0FBQUEseUJBQUEsa0NBQUE7QUFBQSxJQUFBO0FBQUEsSUFFakQsV0FBVyxtQkFBdUM7O0FBQ25FLFlBQU0sV0FBVyxpQkFBaUI7QUFFOUIsVUFBQSxrQkFBa0IsSUFBSSxnQkFBZ0IsR0FBRztBQUMzQyxlQUFBQSxNQUFBLEtBQUssWUFBTCxnQkFBQUEsSUFBQSxXQUFlLHFCQUFmLG1CQUFpQyxhQUFhLHdCQUF3QixLQUFLO0FBQUEsTUFBYztBQUFBLElBQzNGO0FBQUEsSUFHaUIsU0FBTTtBQUNoQixhQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQUFBO0FBQUEsS0FYVDs7a0NBREMsU0FBUyxFQUFFLFdBQVcsbUJBQW1CLFNBQVMsS0FBQSxDQUFNLENBQUM7QUFDMUMsaUJBQUEsSUFBQSxNQUFBLDRCQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsa0JBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsb0JBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFBLGdCQUFBLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFBLGlCQUFvRDtBQUFBLFNBQUEsVUFBQSxhQUFBLDhCQUFBLGlDQUFBO0FBTHRFLGlCQXlCQyxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBeEJ3QixHQUFNLFNBQW1CLE9BRDVDLGtCQUF5QixZQUFBLHVCQUFBLEdBQUM7OzsifQ==

package/development/flip-card/flip-card-summary.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"flip-card-summary.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card-summary.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,0CAA0C,CAAC"}
+{"version":3,"file":"flip-card-summary.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card-summary.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oDAAoD,CAAC"}

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

@@ -1,4 +1,4 @@
-import { SbbFlipCardSummaryElement } from "./flip-card-summary/flip-card-summary.js";
+import { SbbFlipCardSummaryElement } from "./flip-card-summary/flip-card-summary.component.js";
 export {
   SbbFlipCardSummaryElement
 };

package/development/flip-card/flip-card.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"flip-card.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"flip-card.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oCAAoC,CAAC"}

package/development/flip-card/flip-card.js

@@ -1,4 +1,4 @@
-import { SbbFlipCardElement } from "./flip-card/flip-card.js";
+import { SbbFlipCardElement } from "./flip-card/flip-card.component.js";
 export {
   SbbFlipCardElement
 };

package/development/flip-card.js

@@ -1,6 +1,6 @@
-import { SbbFlipCardElement } from "./flip-card/flip-card/flip-card.js";
-import { SbbFlipCardSummaryElement } from "./flip-card/flip-card-summary/flip-card-summary.js";
-import { SbbFlipCardDetailsElement } from "./flip-card/flip-card-details/flip-card-details.js";
+import { SbbFlipCardElement } from "./flip-card/flip-card/flip-card.component.js";
+import { SbbFlipCardSummaryElement } from "./flip-card/flip-card-summary/flip-card-summary.component.js";
+import { SbbFlipCardDetailsElement } from "./flip-card/flip-card-details/flip-card-details.component.js";
 export {
   SbbFlipCardDetailsElement,
   SbbFlipCardElement,

package/development/footer/footer.component.d.ts

@@ -0,0 +1,34 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+import { SbbTitleLevel } from '../title.js';
+declare const SbbFooterElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof LitElement;
+/**
+ * It displays a footer section for the page.
+ *
+ * @slot - Use the unnamed slot to add elements like `sbb-block-link`, `sbb-link-list`, `sbb-divider` and so on.
+ */
+export declare class SbbFooterElement extends SbbFooterElement_base {
+    static styles: CSSResultGroup;
+    /**
+     * Variants to display the footer. The default, displays the content in regular block element
+     * approach. The clock-columns, used a CSS-grid for displaying the content over different
+     * breakpoints.
+     */
+    accessor variant: 'default' | 'clock-columns';
+    /**
+     * Whether to allow the footer content to stretch to full width.
+     * By default, the content has the appropriate page size.
+     */
+    accessor expanded: boolean;
+    /** Footer title text, visually hidden, necessary for screen readers. */
+    accessor accessibilityTitle: string;
+    /** Level of the accessibility title, will be rendered as heading tag (e.g. h1). Defaults to level 1. */
+    accessor accessibilityTitleLevel: SbbTitleLevel;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-footer': SbbFooterElement;
+    }
+}
+export {};
+//# sourceMappingURL=footer.component.d.ts.map

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

@@ -0,0 +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"}

package/development/footer/footer.component.js

@@ -0,0 +1,276 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, LitElement, nothing } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { unsafeStatic, html } from "lit/static-html.js";
+import { forceType } from "../core/decorators.js";
+import { SbbNegativeMixin } from "../core/mixins.js";
+const style = css`*,
+::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-color-milk);
+  --sbb-footer-clock-width: 4.75rem;
+  --sbb-footer-color: var(--sbb-color-granite);
+  --sbb-link-text-decoration: none;
+}
+@media (min-width: calc(37.5rem)) {
+  :host {
+    --sbb-footer-clock-width: 7rem;
+  }
+}
+
+:host([negative]) {
+  --sbb-footer-background-color: var(--sbb-color-charcoal);
+  --sbb-footer-color: var(--sbb-color-white);
+  --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: normal;
+  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-layout-base-offset-responsive);
+  margin-inline: auto;
+  width: 100%;
+}
+@media (min-width: calc(90rem)) {
+  :host(:not([expanded])) .sbb-footer-wrapper {
+    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-spacing-responsive-xxs);
+}
+
+.sbb-footer__title {
+  border: 0;
+  clip: 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: calc(37.5rem)) {
+  :host([variant=clock-columns]) slot {
+    grid-template-columns: calc(50% - var(--sbb-footer-gap-horizontal) / 2);
+  }
+}
+@media (min-width: calc(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: calc(37.5rem)) {
+  :host([variant=clock-columns]) ::slotted(sbb-clock) {
+    align-self: start;
+    grid-row: 2;
+  }
+}
+@media (min-width: calc(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: calc(37.5rem)) {
+  :host([variant=clock-columns]) ::slotted(sbb-divider) {
+    grid-row: 3;
+    grid-column: 1/4;
+    width: 100%;
+  }
+}
+@media (min-width: calc(80rem)) {
+  :host([variant=clock-columns]) ::slotted(sbb-divider) {
+    grid-row: 2;
+  }
+}
+@media (min-width: calc(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: calc(64rem)) {
+  :host([variant=clock-columns]) ::slotted(*:last-child) {
+    grid-column: 1/4;
+  }
+}
+@media (min-width: calc(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 SbbFooterElement = (() => {
+  var _variant_accessor_storage, _expanded_accessor_storage, _accessibilityTitle_accessor_storage, _accessibilityTitleLevel_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-footer")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbNegativeMixin(LitElement);
+  let _variant_decorators;
+  let _variant_initializers = [];
+  let _variant_extraInitializers = [];
+  let _expanded_decorators;
+  let _expanded_initializers = [];
+  let _expanded_extraInitializers = [];
+  let _accessibilityTitle_decorators;
+  let _accessibilityTitle_initializers = [];
+  let _accessibilityTitle_extraInitializers = [];
+  let _accessibilityTitleLevel_decorators;
+  let _accessibilityTitleLevel_initializers = [];
+  let _accessibilityTitleLevel_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _variant_accessor_storage, __runInitializers(this, _variant_initializers, "default"));
+      __privateAdd(this, _expanded_accessor_storage, (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _expanded_initializers, false)));
+      __privateAdd(this, _accessibilityTitle_accessor_storage, (__runInitializers(this, _expanded_extraInitializers), __runInitializers(this, _accessibilityTitle_initializers, "")));
+      __privateAdd(this, _accessibilityTitleLevel_accessor_storage, (__runInitializers(this, _accessibilityTitle_extraInitializers), __runInitializers(this, _accessibilityTitleLevel_initializers, "1")));
+      __runInitializers(this, _accessibilityTitleLevel_extraInitializers);
+    }
+    /**
+     * Variants to display the footer. The default, displays the content in regular block element
+     * approach. The clock-columns, used a CSS-grid for displaying the content over different
+     * breakpoints.
+     */
+    get variant() {
+      return __privateGet(this, _variant_accessor_storage);
+    }
+    set variant(value) {
+      __privateSet(this, _variant_accessor_storage, value);
+    }
+    /**
+     * Whether to allow the footer content to stretch to full width.
+     * By default, the content has the appropriate page size.
+     */
+    get expanded() {
+      return __privateGet(this, _expanded_accessor_storage);
+    }
+    set expanded(value) {
+      __privateSet(this, _expanded_accessor_storage, value);
+    }
+    /** Footer title text, visually hidden, necessary for screen readers. */
+    get accessibilityTitle() {
+      return __privateGet(this, _accessibilityTitle_accessor_storage);
+    }
+    set accessibilityTitle(value) {
+      __privateSet(this, _accessibilityTitle_accessor_storage, value);
+    }
+    /** Level of the accessibility title, will be rendered as heading tag (e.g. h1). Defaults to level 1. */
+    get accessibilityTitleLevel() {
+      return __privateGet(this, _accessibilityTitleLevel_accessor_storage);
+    }
+    set accessibilityTitleLevel(value) {
+      __privateSet(this, _accessibilityTitleLevel_accessor_storage, value);
+    }
+    render() {
+      const TITLE_TAG_NAME = `h${this.accessibilityTitleLevel}`;
+      const accessibilityTitle = html`<${unsafeStatic(TITLE_TAG_NAME)} class="sbb-footer__title"
+        >${this.accessibilityTitle}</${unsafeStatic(TITLE_TAG_NAME)}>`;
+      return html`
+      <footer class="sbb-footer">
+        <div class="sbb-footer-wrapper">
+          ${this.accessibilityTitle ? accessibilityTitle : nothing}
+          <slot></slot>
+        </div>
+      </footer>
+    `;
+    }
+  }, _variant_accessor_storage = new WeakMap(), _expanded_accessor_storage = new WeakMap(), _accessibilityTitle_accessor_storage = new WeakMap(), _accessibilityTitleLevel_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _variant_decorators = [property({ reflect: true })];
+    _expanded_decorators = [forceType(), property({ reflect: true, type: Boolean })];
+    _accessibilityTitle_decorators = [forceType(), property({ attribute: "accessibility-title" })];
+    _accessibilityTitleLevel_decorators = [property({ attribute: "accessibility-title-level" })];
+    __esDecorate(_a, null, _variant_decorators, { kind: "accessor", name: "variant", static: false, private: false, access: { has: (obj) => "variant" in obj, get: (obj) => obj.variant, set: (obj, value) => {
+      obj.variant = value;
+    } }, metadata: _metadata }, _variant_initializers, _variant_extraInitializers);
+    __esDecorate(_a, null, _expanded_decorators, { kind: "accessor", name: "expanded", static: false, private: false, access: { has: (obj) => "expanded" in obj, get: (obj) => obj.expanded, set: (obj, value) => {
+      obj.expanded = value;
+    } }, metadata: _metadata }, _expanded_initializers, _expanded_extraInitializers);
+    __esDecorate(_a, null, _accessibilityTitle_decorators, { kind: "accessor", name: "accessibilityTitle", static: false, private: false, access: { has: (obj) => "accessibilityTitle" in obj, get: (obj) => obj.accessibilityTitle, set: (obj, value) => {
+      obj.accessibilityTitle = value;
+    } }, metadata: _metadata }, _accessibilityTitle_initializers, _accessibilityTitle_extraInitializers);
+    __esDecorate(_a, null, _accessibilityTitleLevel_decorators, { kind: "accessor", name: "accessibilityTitleLevel", static: false, private: false, access: { has: (obj) => "accessibilityTitleLevel" in obj, get: (obj) => obj.accessibilityTitleLevel, set: (obj, value) => {
+      obj.accessibilityTitleLevel = value;
+    } }, metadata: _metadata }, _accessibilityTitleLevel_initializers, _accessibilityTitleLevel_extraInitializers);
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbFooterElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2Zvb3Rlci9mb290ZXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IExpdEVsZW1lbnQsIG5vdGhpbmcgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sLCB1bnNhZmVTdGF0aWMgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICcuLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgU2JiTmVnYXRpdmVNaXhpbiB9IGZyb20gJy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiVGl0bGVMZXZlbCB9IGZyb20gJy4uL3RpdGxlLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vZm9vdGVyLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSBmb290ZXIgc2VjdGlvbiBmb3IgdGhlIHBhZ2UuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgZWxlbWVudHMgbGlrZSBgc2JiLWJsb2NrLWxpbmtgLCBgc2JiLWxpbmstbGlzdGAsIGBzYmItZGl2aWRlcmAgYW5kIHNvIG9uLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItZm9vdGVyJylcbmNsYXNzIFNiYkZvb3RlckVsZW1lbnQgZXh0ZW5kcyBTYmJOZWdhdGl2ZU1peGluKExpdEVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgLyoqXG4gICAqIFZhcmlhbnRzIHRvIGRpc3BsYXkgdGhlIGZvb3Rlci4gVGhlIGRlZmF1bHQsIGRpc3BsYXlzIHRoZSBjb250ZW50IGluIHJlZ3VsYXIgYmxvY2sgZWxlbWVudFxuICAgKiBhcHByb2FjaC4gVGhlIGNsb2NrLWNvbHVtbnMsIHVzZWQgYSBDU1MtZ3JpZCBmb3IgZGlzcGxheWluZyB0aGUgY29udGVudCBvdmVyIGRpZmZlcmVudFxuICAgKiBicmVha3BvaW50cy5cbiAgICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIHZhcmlhbnQ6ICdkZWZhdWx0JyB8ICdjbG9jay1jb2x1bW5zJyA9ICdkZWZhdWx0JztcblxuICAvKipcbiAgICogV2hldGhlciB0byBhbGxvdyB0aGUgZm9vdGVyIGNvbnRlbnQgdG8gc3RyZXRjaCB0byBmdWxsIHdpZHRoLlxuICAgKiBCeSBkZWZhdWx0LCB0aGUgY29udGVudCBoYXMgdGhlIGFwcHJvcHJpYXRlIHBhZ2Ugc2l6ZS5cbiAgICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBleHBhbmRlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKiBGb290ZXIgdGl0bGUgdGV4dCwgdmlzdWFsbHkgaGlkZGVuLCBuZWNlc3NhcnkgZm9yIHNjcmVlbiByZWFkZXJzLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnYWNjZXNzaWJpbGl0eS10aXRsZScgfSlcbiAgcHVibGljIGFjY2Vzc29yIGFjY2Vzc2liaWxpdHlUaXRsZTogc3RyaW5nID0gJyc7XG5cbiAgLyoqIExldmVsIG9mIHRoZSBhY2Nlc3NpYmlsaXR5IHRpdGxlLCB3aWxsIGJlIHJlbmRlcmVkIGFzIGhlYWRpbmcgdGFnIChlLmcuIGgxKS4gRGVmYXVsdHMgdG8gbGV2ZWwgMS4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnYWNjZXNzaWJpbGl0eS10aXRsZS1sZXZlbCcgfSlcbiAgcHVibGljIGFjY2Vzc29yIGFjY2Vzc2liaWxpdHlUaXRsZUxldmVsOiBTYmJUaXRsZUxldmVsID0gJzEnO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIGNvbnN0IFRJVExFX1RBR19OQU1FID0gYGgke3RoaXMuYWNjZXNzaWJpbGl0eVRpdGxlTGV2ZWx9YDtcblxuICAgIC8qIGVzbGludC1kaXNhYmxlIGxpdC9iaW5kaW5nLXBvc2l0aW9ucyAqL1xuICAgIGNvbnN0IGFjY2Vzc2liaWxpdHlUaXRsZSA9IGh0bWxgPCR7dW5zYWZlU3RhdGljKFRJVExFX1RBR19OQU1FKX0gY2xhc3M9XCJzYmItZm9vdGVyX190aXRsZVwiXG4gICAgICAgID4ke3RoaXMuYWNjZXNzaWJpbGl0eVRpdGxlfTwvJHt1bnNhZmVTdGF0aWMoVElUTEVfVEFHX05BTUUpfT5gO1xuICAgIC8qIGVzbGludC1lbmFibGUgbGl0L2JpbmRpbmctcG9zaXRpb25zICovXG5cbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxmb290ZXIgY2xhc3M9XCJzYmItZm9vdGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItZm9vdGVyLXdyYXBwZXJcIj5cbiAgICAgICAgICAke3RoaXMuYWNjZXNzaWJpbGl0eVRpdGxlID8gYWNjZXNzaWJpbGl0eVRpdGxlIDogbm90aGluZ31cbiAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9mb290ZXI+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWZvb3Rlcic6IFNiYkZvb3RlckVsZW1lbnQ7XG4gIH1cbn1c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

package/development/footer.d.ts

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

package/development/footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/elements/footer.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/elements/footer.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8BAA8B,CAAC"}

package/development/footer.js

@@ -1,4 +1,4 @@
-import { SbbFooterElement } from "./footer/footer.js";
+import { SbbFooterElement } from "./footer/footer.component.js";
 export {
   SbbFooterElement
 };

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

@@ -0,0 +1,20 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+declare const SbbFormErrorElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof LitElement;
+/**
+ * It displays an error message in the `sbb-form-field`.
+ *
+ * @slot - Use this slot to display the error message.
+ * @slot icon - Use this slot to override the default error icon.
+ */
+export declare class SbbFormErrorElement extends SbbFormErrorElement_base {
+    static styles: CSSResultGroup;
+    connectedCallback(): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-form-error': SbbFormErrorElement;
+    }
+}
+export {};
+//# sourceMappingURL=form-error.component.d.ts.map

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

@@ -0,0 +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"}