@sbb-esta/lyne-elements 1.6.0 → 1.8.0

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

@@ -1,9 +1,13 @@
-import { css, LitElement, html } from "lit";
-import { state, customElement } from "lit/decorators.js";
-import { SbbLanguageController } from "../core/controllers.js";
+import { css, LitElement, isServer, html } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { until } from "lit/directives/until.js";
+import { IS_FOCUSABLE_QUERY } from "../core/a11y.js";
+import { SbbConnectedAbortController, SbbLanguageController } from "../core/controllers.js";
+import { EventEmitter } from "../core/eventing.js";
 import { i18nFlipCard, i18nReverseCard } from "../core/i18n.js";
 import { SbbHydrationMixin } from "../core/mixins.js";
-import "../button/secondary-button.js";
+import "../button/secondary-button-static.js";
+import "../screen-reader-only.js";
 const style = css`/**
  * Better font rendering (on OS X)
  * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
@@ -31,14 +35,22 @@ const style = css`/**
 }
 
 :host {
+  --sbb-flip-card-toggle-icon-transform: rotate(0);
   --sbb-flip-card-background-color: var(--sbb-color-cloud);
   --sbb-flip-card-border-radius: var(--sbb-border-radius-4x);
   --sbb-flip-card-min-height: 17.5rem;
-  --sbb-flip-card-details-min-height: var(--sbb-flip-card-min-height);
-  --sbb-flip-card-summary-transition-duration: var(--sbb-animation-duration-5x);
-  --sbb-flip-card-summary-transition-delay: var(--sbb-animation-duration-2x);
-  --sbb-flip-card-details-transition-duration: var(--sbb-animation-duration-4x);
-  --sbb-flip-card-details-transition-delay: var(--sbb-disable-animation-zero-time);
+  --sbb-flip-card-summary-transition-duration: var(
+    --sbb-disable-animation-zero-time,
+    var(--sbb-animation-duration-5x)
+  );
+  --sbb-flip-card-summary-transition-delay: var(
+    --sbb-disable-animation-zero-time,
+    var(--sbb-animation-duration-2x)
+  );
+  --sbb-flip-card-details-transition-duration: var(
+    --sbb-disable-animation-zero-time,
+    var(--sbb-animation-duration-4x)
+  );
   position: relative;
   display: block;
 }
@@ -48,16 +60,20 @@ const style = css`/**
   }
 }
 
-:host(:hover) {
-  --sbb-flip-card-background-color: var(--sbb-color-cloud-alpha-80);
+@media (any-hover: hover) {
+  :host(:hover) {
+    --sbb-flip-card-background-color: var(--sbb-color-cloud-alpha-80);
+    --sbb-flip-card-translate-title-y-hover: -0.0625rem;
+  }
 }
 
 :host([data-flipped]) {
-  --sbb-flip-card-background-color: var(--sbb-color-midnight);
-  --sbb-flip-card-details-transition-duration: var(--sbb-animation-duration-2x);
-  --sbb-flip-card-details-transition-delay: var(--sbb-animation-duration-5x);
-  --sbb-flip-card-summary-transition-delay: var(--sbb-disable-animation-zero-time);
-  --sbb-flip-card-details-min-height: fit-content;
+  --sbb-flip-card-toggle-icon-transform: rotate(45deg);
+  --sbb-flip-card-details-transition-duration: var(
+    --sbb-disable-animation-zero-time,
+    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;
@@ -91,6 +107,44 @@ const style = css`/**
   border-radius: var(--sbb-flip-card-border-radius);
   transition: var(--sbb-flip-card-summary-transition-duration) ease-out;
   transition-delay: var(--sbb-flip-card-summary-transition-delay);
+  cursor: pointer;
+}
+@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);
+  width: var(--sbb-size-element-xs);
+  height: var(--sbb-size-element-xs);
+  border-radius: 16rem;
+  transition: var(--sbb-disable-animation-zero-time, 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-zero-time, var(--sbb-animation-duration-5x));
 }
 
 .sbb-flip-card--toggle-button {
@@ -102,7 +156,12 @@ const style = css`/**
   --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
 }
 
-button {
+.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;
@@ -114,12 +173,13 @@ button {
   background: none;
   -webkit-tap-highlight-color: transparent;
   color: inherit;
-  cursor: pointer;
   position: absolute;
   inset: 0;
+  width: 100%;
   border-radius: var(--sbb-flip-card-border-radius);
+  cursor: pointer;
 }
-button:not([data-focus-origin=mouse], [data-focus-origin=touch]):focus-visible {
+.sbb-flip-card-button:not([data-focus-origin=mouse], [data-focus-origin=touch]):focus-visible {
   outline-offset: var(--sbb-focus-outline-offset);
   outline: var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);
 }`;
@@ -136,45 +196,85 @@ var __decorateClass = (decorators, target, key, kind) => {
 let SbbFlipCardElement = class extends SbbHydrationMixin(LitElement) {
   constructor() {
     super(...arguments);
+    this.flip = new EventEmitter(this, SbbFlipCardElement.events.flip);
     this._flipped = false;
+    this._abort = new SbbConnectedAbortController(this);
     this._language = new SbbLanguageController(this);
   }
   /** Returns the slotted sbb-flip-card-summary. */
   get summary() {
-    return this.querySelector("sbb-flip-card-summary");
+    var _a;
+    return (_a = this.querySelector) == null ? void 0 : _a.call(this, "sbb-flip-card-summary");
   }
   /** Returns the slotted sbb-flip-card-details. */
   get details() {
-    return this.querySelector("sbb-flip-card-details");
+    var _a;
+    return (_a = this.querySelector) == null ? void 0 : _a.call(this, "sbb-flip-card-details");
+  }
+  /** Whether the flip card is flipped. */
+  get isFlipped() {
+    return this._flipped;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener(
+      "click",
+      (event) => {
+        var _a, _b;
+        if (event.target === this || !((_b = (_a = event.target) == null ? void 0 : _a.matches) == null ? void 0 : _b.call(_a, IS_FOCUSABLE_QUERY))) {
+          this.toggle();
+        }
+      },
+      { signal: this._abort.signal }
+    );
   }
   /** Toggles the state of the sbb-flip-card. */
   toggle() {
     this._flipped = !this._flipped;
     this.toggleAttribute("data-flipped", this._flipped);
+    this.details.toggleAttribute("data-flipped", this._flipped);
     this.summary.inert = this._flipped;
     this.details.inert = !this._flipped;
+    this.flip.emit();
+  }
+  async _accessibilityLabel() {
+    var _a, _b;
+    if (isServer) {
+      return "";
+    }
+    await this.hydrationComplete;
+    return !this._flipped ? `${(this.accessibilityLabel ? this.accessibilityLabel : (_b = (_a = this.summary) == null ? void 0 : _a.textContent) == null ? void 0 : _b.trim()) ?? ""}, ${i18nFlipCard[this._language.current]}` : i18nReverseCard[this._language.current];
   }
   render() {
     return html`
       <div class="sbb-flip-card">
-        <slot name="summary" @slotchange=${() => this.summary.inert = this._flipped}></slot>
         <button
-          @click=${() => this.toggle()}
-          aria-label=${!this._flipped ? i18nFlipCard[this._language.current] : i18nReverseCard[this._language.current]}
+          class="sbb-flip-card-button"
           aria-expanded=${this._flipped.toString()}
-        ></button>
+          type="button"
+        >
+          <sbb-screen-reader-only>${until(this._accessibilityLabel(), "")}</sbb-screen-reader-only>
+        </button>
+        <slot name="summary" @slotchange=${() => this.summary.inert = this._flipped}></slot>
         <slot name="details" @slotchange=${() => this.details.inert = !this._flipped}></slot>
-        <sbb-secondary-button
-          class="sbb-flip-card--toggle-button"
-          icon-name=${this._flipped ? "cross-small" : "plus-small"}
-          @click=${() => this.toggle()}
-          size="s"
-        ></sbb-secondary-button>
+        <sbb-secondary-button-static class="sbb-flip-card--toggle-button" size="s">
+          <sbb-icon
+            class="sbb-flip-card--toggle-button-icon"
+            slot="icon"
+            name="plus-small"
+          ></sbb-icon>
+        </sbb-secondary-button-static>
       </div>
     `;
   }
 };
 SbbFlipCardElement.styles = style;
+SbbFlipCardElement.events = {
+  flip: "flip"
+};
+__decorateClass([
+  property({ attribute: "accessibility-label" })
+], SbbFlipCardElement.prototype, "accessibilityLabel", 2);
 __decorateClass([
   state()
 ], SbbFlipCardElement.prototype, "_flipped", 2);
@@ -184,4 +284,4 @@ SbbFlipCardElement = __decorateClass([
 export {
   SbbFlipCardElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC1jYXJkLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvZmxpcC1jYXJkL2ZsaXAtY2FyZC9mbGlwLWNhcmQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBzdGF0ZSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiTGFuZ3VhZ2VDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9jb250cm9sbGVycy5qcyc7XG5pbXBvcnQgeyBpMThuRmxpcENhcmQsIGkxOG5SZXZlcnNlQ2FyZCB9IGZyb20gJy4uLy4uL2NvcmUvaTE4bi5qcyc7XG5pbXBvcnQgeyBTYmJIeWRyYXRpb25NaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiRmxpcENhcmREZXRhaWxzRWxlbWVudCB9IGZyb20gJy4uL2ZsaXAtY2FyZC1kZXRhaWxzLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiRmxpcENhcmRTdW1tYXJ5RWxlbWVudCB9IGZyb20gJy4uL2ZsaXAtY2FyZC1zdW1tYXJ5LmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vZmxpcC1jYXJkLnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnLi4vLi4vYnV0dG9uL3NlY29uZGFyeS1idXR0b24uanMnO1xuXG4vKipcbiAqIERpc3BsYXlzIGFuIGluZm9ybWF0aXZlIGNhcmQgdGhhdCByZXZlYWxzIG1vcmUgaW5mb3JtYXRpb25zIHVwb24gYmVpbmcgY2xpY2tlZC5cbiAqXG4gKiBAc2xvdCBzdW1tYXJ5IC0gVXNlIHRoaXMgc2xvdCB0byBwcm92aWRlIGEgc2JiLWZsaXAtY2FyZC1zdW1tYXJ5IGNvbXBvbmVudC5cbiAqIEBzbG90IGRldGFpbHMgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYSBzYmItZmxpcC1jYXJkLWRldGFpbHMgY29tcG9uZW50LlxuICpcbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi1mbGlwLWNhcmQnKVxuZXhwb3J0IGNsYXNzIFNiYkZsaXBDYXJkRWxlbWVudCBleHRlbmRzIFNiYkh5ZHJhdGlvbk1peGluKExpdEVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgLyoqIFJldHVybnMgdGhlIHNsb3R0ZWQgc2JiLWZsaXAtY2FyZC1zdW1tYXJ5LiAqL1xuICBwdWJsaWMgZ2V0IHN1bW1hcnkoKTogU2JiRmxpcENhcmRTdW1tYXJ5RWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMucXVlcnlTZWxlY3Rvcignc2JiLWZsaXAtY2FyZC1zdW1tYXJ5JykhO1xuICB9XG5cbiAgLyoqIFJldHVybnMgdGhlIHNsb3R0ZWQgc2JiLWZsaXAtY2FyZC1kZXRhaWxzLiAqL1xuICBwdWJsaWMgZ2V0IGRldGFpbHMoKTogU2JiRmxpcENhcmREZXRhaWxzRWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMucXVlcnlTZWxlY3Rvcignc2JiLWZsaXAtY2FyZC1kZXRhaWxzJykhO1xuICB9XG5cbiAgLyoqIFdoZXRoZXIgdGhlIGNhcmQgaXMgZmxpcHBlZCBvciBub3QuICovXG4gIEBzdGF0ZSgpIHByaXZhdGUgX2ZsaXBwZWQgPSBmYWxzZTtcblxuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG5cbiAgLyoqIFRvZ2dsZXMgdGhlIHN0YXRlIG9mIHRoZSBzYmItZmxpcC1jYXJkLiAqL1xuICBwdWJsaWMgdG9nZ2xlKCk6IHZvaWQge1xuICAgIHRoaXMuX2ZsaXBwZWQgPSAhdGhpcy5fZmxpcHBlZDtcbiAgICB0aGlzLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1mbGlwcGVkJywgdGhpcy5fZmxpcHBlZCk7XG4gICAgdGhpcy5zdW1tYXJ5LmluZXJ0ID0gdGhpcy5fZmxpcHBlZDtcbiAgICB0aGlzLmRldGFpbHMuaW5lcnQgPSAhdGhpcy5fZmxpcHBlZDtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1mbGlwLWNhcmRcIj5cbiAgICAgICAgPHNsb3QgbmFtZT1cInN1bW1hcnlcIiBAc2xvdGNoYW5nZT0keygpID0+ICh0aGlzLnN1bW1hcnkuaW5lcnQgPSB0aGlzLl9mbGlwcGVkKX0+PC9zbG90PlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgQGNsaWNrPSR7KCkgPT4gdGhpcy50b2dnbGUoKX1cbiAgICAgICAgICBhcmlhLWxhYmVsPSR7IXRoaXMuX2ZsaXBwZWRcbiAgICAgICAgICAgID8gaTE4bkZsaXBDYXJkW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdXG4gICAgICAgICAgICA6IGkxOG5SZXZlcnNlQ2FyZFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX1cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPSR7dGhpcy5fZmxpcHBlZC50b1N0cmluZygpfVxuICAgICAgICA+PC9idXR0b24+XG4gICAgICAgIDxzbG90IG5hbWU9XCJkZXRhaWxzXCIgQHNsb3RjaGFuZ2U9JHsoKSA9PiAodGhpcy5kZXRhaWxzLmluZXJ0ID0gIXRoaXMuX2ZsaXBwZWQpfT48L3Nsb3Q+XG4gICAgICAgIDxzYmItc2Vjb25kYXJ5LWJ1dHRvblxuICAgICAgICAgIGNsYXNzPVwic2JiLWZsaXAtY2FyZC0tdG9nZ2xlLWJ1dHRvblwiXG4gICAgICAgICAgaWNvbi1uYW1lPSR7dGhpcy5fZmxpcHBlZCA/ICdjcm9zcy1zbWFsbCcgOiAncGx1cy1zbWFsbCd9XG4gICAgICAgICAgQGNsaWNrPSR7KCkgPT4gdGhpcy50b2dnbGUoKX1cbiAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgID48L3NiYi1zZWNvbmRhcnktYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWZsaXAtY2FyZCc6IFNiYkZsaXBDYXJkRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQXNCTyxJQUFNLHFCQUFOLGNBQWlDLGtCQUFrQixVQUFVLEVBQUU7QUFBQSxFQUEvRCxjQUFBO0FBQUEsVUFBQSxHQUFBLFNBQUE7QUFjSSxTQUFRLFdBQVc7QUFFcEIsU0FBQSxZQUFZLElBQUksc0JBQXNCLElBQUk7QUFBQSxFQUFBO0FBQUE7QUFBQSxFQVpsRCxJQUFXLFVBQXFDO0FBQ3ZDLFdBQUEsS0FBSyxjQUFjLHVCQUF1QjtBQUFBLEVBQ25EO0FBQUE7QUFBQSxFQUdBLElBQVcsVUFBcUM7QUFDdkMsV0FBQSxLQUFLLGNBQWMsdUJBQXVCO0FBQUEsRUFDbkQ7QUFBQTtBQUFBLEVBUU8sU0FBZTtBQUNmLFNBQUEsV0FBVyxDQUFDLEtBQUs7QUFDakIsU0FBQSxnQkFBZ0IsZ0JBQWdCLEtBQUssUUFBUTtBQUM3QyxTQUFBLFFBQVEsUUFBUSxLQUFLO0FBQ3JCLFNBQUEsUUFBUSxRQUFRLENBQUMsS0FBSztBQUFBLEVBQzdCO0FBQUEsRUFFbUIsU0FBeUI7QUFDbkMsV0FBQTtBQUFBO0FBQUEsMkNBRWdDLE1BQU8sS0FBSyxRQUFRLFFBQVEsS0FBSyxRQUFTO0FBQUE7QUFBQSxtQkFFbEUsTUFBTSxLQUFLLFFBQVE7QUFBQSx1QkFDZixDQUFDLEtBQUssV0FDZixhQUFhLEtBQUssVUFBVSxPQUFPLElBQ25DLGdCQUFnQixLQUFLLFVBQVUsT0FBTyxDQUFDO0FBQUEsMEJBQzNCLEtBQUssU0FBUyxVQUFVO0FBQUE7QUFBQSwyQ0FFUCxNQUFPLEtBQUssUUFBUSxRQUFRLENBQUMsS0FBSyxRQUFTO0FBQUE7QUFBQTtBQUFBLHNCQUdoRSxLQUFLLFdBQVcsZ0JBQWdCLFlBQVk7QUFBQSxtQkFDL0MsTUFBTSxLQUFLLFFBQVE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLEVBS3BDO0FBQ0Y7QUEvQ2EsbUJBQ1ksU0FBeUI7QUFhL0IsZ0JBQUE7QUFBQSxFQUFoQixNQUFNO0FBQUEsR0FkSSxtQkFjTSxXQUFBLFlBQUEsQ0FBQTtBQWROLHFCQUFOLGdCQUFBO0FBQUEsRUFETixjQUFjLGVBQWU7QUFBQSxHQUNqQixrQkFBQTsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC1jYXJkLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvZmxpcC1jYXJkL2ZsaXAtY2FyZC9mbGlwLWNhcmQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgaHRtbCwgaXNTZXJ2ZXIsIExpdEVsZW1lbnQsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHksIHN0YXRlIH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgdW50aWwgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy91bnRpbC5qcyc7XG5cbmltcG9ydCB7IElTX0ZPQ1VTQUJMRV9RVUVSWSB9IGZyb20gJy4uLy4uL2NvcmUvYTExeS5qcyc7XG5pbXBvcnQgeyBTYmJDb25uZWN0ZWRBYm9ydENvbnRyb2xsZXIsIFNiYkxhbmd1YWdlQ29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHsgRXZlbnRFbWl0dGVyIH0gZnJvbSAnLi4vLi4vY29yZS9ldmVudGluZy5qcyc7XG5pbXBvcnQgeyBpMThuRmxpcENhcmQsIGkxOG5SZXZlcnNlQ2FyZCB9IGZyb20gJy4uLy4uL2NvcmUvaTE4bi5qcyc7XG5pbXBvcnQgeyBTYmJIeWRyYXRpb25NaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiRmxpcENhcmREZXRhaWxzRWxlbWVudCB9IGZyb20gJy4uL2ZsaXAtY2FyZC1kZXRhaWxzLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiRmxpcENhcmRTdW1tYXJ5RWxlbWVudCB9IGZyb20gJy4uL2ZsaXAtY2FyZC1zdW1tYXJ5LmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vZmxpcC1jYXJkLnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnLi4vLi4vYnV0dG9uL3NlY29uZGFyeS1idXR0b24tc3RhdGljLmpzJztcbmltcG9ydCAnLi4vLi4vc2NyZWVuLXJlYWRlci1vbmx5LmpzJztcblxuLyoqXG4gKiBEaXNwbGF5cyBhbiBpbmZvcm1hdGl2ZSBjYXJkIHRoYXQgcmV2ZWFscyBtb3JlIGluZm9ybWF0aW9uIHVwb24gYmVpbmcgY2xpY2tlZC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBhIGBzYmItZmxpcC1jYXJkLXN1bW1hcnlgIGFuZCBhIGBzYmItZmxpcC1jYXJkLWRldGFpbHNgIGVsZW1lbnQuXG4gKiBAZXZlbnQge0N1c3RvbUV2ZW50PHZvaWQ+fSBmbGlwIC0gRW1pdHMgd2hlbiB0aGUgZmxpcCBjYXJkIGZsaXBzLlxuICpcbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi1mbGlwLWNhcmQnKVxuZXhwb3J0IGNsYXNzIFNiYkZsaXBDYXJkRWxlbWVudCBleHRlbmRzIFNiYkh5ZHJhdGlvbk1peGluKExpdEVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgZXZlbnRzID0ge1xuICAgIGZsaXA6ICdmbGlwJyxcbiAgfSBhcyBjb25zdDtcblxuICAvKipcbiAgICogVGhpcyB3aWxsIGJlIGZvcndhcmRlZCBhcyBhcmlhLWxhYmVsIHRvIHRoZSBhY3Rpb24gaW4gdGhlIG5vbiBmbGlwcGVkIHN0YXRlLlxuICAgKiBJZiBub3Qgc2V0LCB0aGUgdGV4dENvbnRlbnQgb2YgdGhlIGBzYmItZmxpcC1jYXJkLXN1bW1hcnlgIGlzIHRha2VuLlxuICAgKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnYWNjZXNzaWJpbGl0eS1sYWJlbCcgfSkgcHVibGljIGFjY2Vzc2liaWxpdHlMYWJlbDogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gIC8qKiBFbWl0cyB3aGVuZXZlciB0aGUgY29tcG9uZW50IGlzIGZsaXBwZWQuICovXG4gIHByb3RlY3RlZCBmbGlwOiBFdmVudEVtaXR0ZXIgPSBuZXcgRXZlbnRFbWl0dGVyKHRoaXMsIFNiYkZsaXBDYXJkRWxlbWVudC5ldmVudHMuZmxpcCk7XG5cbiAgLyoqIFJldHVybnMgdGhlIHNsb3R0ZWQgc2JiLWZsaXAtY2FyZC1zdW1tYXJ5LiAqL1xuICBwdWJsaWMgZ2V0IHN1bW1hcnkoKTogU2JiRmxpcENhcmRTdW1tYXJ5RWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLnF1ZXJ5U2VsZWN0b3I/Lignc2JiLWZsaXAtY2FyZC1zdW1tYXJ5Jyk7XG4gIH1cblxuICAvKiogUmV0dXJucyB0aGUgc2xvdHRlZCBzYmItZmxpcC1jYXJkLWRldGFpbHMuICovXG4gIHB1YmxpYyBnZXQgZGV0YWlscygpOiBTYmJGbGlwQ2FyZERldGFpbHNFbGVtZW50IHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMucXVlcnlTZWxlY3Rvcj8uKCdzYmItZmxpcC1jYXJkLWRldGFpbHMnKTtcbiAgfVxuXG4gIC8qKiBXaGV0aGVyIHRoZSBmbGlwIGNhcmQgaXMgZmxpcHBlZC4gKi9cbiAgcHVibGljIGdldCBpc0ZsaXBwZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX2ZsaXBwZWQ7XG4gIH1cblxuICAvKiogV2hldGhlciB0aGUgY2FyZCBpcyBmbGlwcGVkIG9yIG5vdC4gKi9cbiAgQHN0YXRlKCkgcHJpdmF0ZSBfZmxpcHBlZCA9IGZhbHNlO1xuXG4gIHByaXZhdGUgX2Fib3J0ID0gbmV3IFNiYkNvbm5lY3RlZEFib3J0Q29udHJvbGxlcih0aGlzKTtcbiAgcHJpdmF0ZSBfbGFuZ3VhZ2UgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcihcbiAgICAgICdjbGljaycsXG4gICAgICAoZXZlbnQ6IEV2ZW50KSA9PiB7XG4gICAgICAgIGlmIChcbiAgICAgICAgICBldmVudC50YXJnZXQgPT09IHRoaXMgfHxcbiAgICAgICAgICAhKGV2ZW50LnRhcmdldCBhcyBIVE1MRWxlbWVudCk/Lm1hdGNoZXM/LihJU19GT0NVU0FCTEVfUVVFUlkpXG4gICAgICAgICkge1xuICAgICAgICAgIHRoaXMudG9nZ2xlKCk7XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICB7IHNpZ25hbDogdGhpcy5fYWJvcnQuc2lnbmFsIH0sXG4gICAgKTtcbiAgfVxuXG4gIC8qKiBUb2dnbGVzIHRoZSBzdGF0ZSBvZiB0aGUgc2JiLWZsaXAtY2FyZC4gKi9cbiAgcHVibGljIHRvZ2dsZSgpOiB2b2lkIHtcbiAgICB0aGlzLl9mbGlwcGVkID0gIXRoaXMuX2ZsaXBwZWQ7XG4gICAgdGhpcy50b2dnbGVBdHRyaWJ1dGUoJ2RhdGEtZmxpcHBlZCcsIHRoaXMuX2ZsaXBwZWQpO1xuICAgIHRoaXMuZGV0YWlscyEudG9nZ2xlQXR0cmlidXRlKCdkYXRhLWZsaXBwZWQnLCB0aGlzLl9mbGlwcGVkKTtcbiAgICB0aGlzLnN1bW1hcnkhLmluZXJ0ID0gdGhpcy5fZmxpcHBlZDtcbiAgICB0aGlzLmRldGFpbHMhLmluZXJ0ID0gIXRoaXMuX2ZsaXBwZWQ7XG4gICAgdGhpcy5mbGlwLmVtaXQoKTtcbiAgfVxuXG4gIHByaXZhdGUgYXN5bmMgX2FjY2Vzc2liaWxpdHlMYWJlbCgpOiBQcm9taXNlPHN0cmluZz4ge1xuICAgIGlmIChpc1NlcnZlcikge1xuICAgICAgcmV0dXJuICcnO1xuICAgIH1cbiAgICBhd2FpdCB0aGlzLmh5ZHJhdGlvbkNvbXBsZXRlO1xuXG4gICAgcmV0dXJuICF0aGlzLl9mbGlwcGVkXG4gICAgICA/IGAkeyh0aGlzLmFjY2Vzc2liaWxpdHlMYWJlbCA/IHRoaXMuYWNjZXNzaWJpbGl0eUxhYmVsIDogdGhpcy5zdW1tYXJ5Py50ZXh0Q29udGVudD8udHJpbSgpKSA/PyAnJ30sICR7aTE4bkZsaXBDYXJkW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdfWBcbiAgICAgIDogaTE4blJldmVyc2VDYXJkW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLWZsaXAtY2FyZFwiPlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgY2xhc3M9XCJzYmItZmxpcC1jYXJkLWJ1dHRvblwiXG4gICAgICAgICAgYXJpYS1leHBhbmRlZD0ke3RoaXMuX2ZsaXBwZWQudG9TdHJpbmcoKX1cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxzYmItc2NyZWVuLXJlYWRlci1vbmx5PiR7dW50aWwodGhpcy5fYWNjZXNzaWJpbGl0eUxhYmVsKCksICcnKX08L3NiYi1zY3JlZW4tcmVhZGVyLW9ubHk+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8c2xvdCBuYW1lPVwic3VtbWFyeVwiIEBzbG90Y2hhbmdlPSR7KCkgPT4gKHRoaXMuc3VtbWFyeSEuaW5lcnQgPSB0aGlzLl9mbGlwcGVkKX0+PC9zbG90PlxuICAgICAgICA8c2xvdCBuYW1lPVwiZGV0YWlsc1wiIEBzbG90Y2hhbmdlPSR7KCkgPT4gKHRoaXMuZGV0YWlscyEuaW5lcnQgPSAhdGhpcy5fZmxpcHBlZCl9Pjwvc2xvdD5cbiAgICAgICAgPHNiYi1zZWNvbmRhcnktYnV0dG9uLXN0YXRpYyBjbGFzcz1cInNiYi1mbGlwLWNhcmQtLXRvZ2dsZS1idXR0b25cIiBzaXplPVwic1wiPlxuICAgICAgICAgIDxzYmItaWNvblxuICAgICAgICAgICAgY2xhc3M9XCJzYmItZmxpcC1jYXJkLS10b2dnbGUtYnV0dG9uLWljb25cIlxuICAgICAgICAgICAgc2xvdD1cImljb25cIlxuICAgICAgICAgICAgbmFtZT1cInBsdXMtc21hbGxcIlxuICAgICAgICAgID48L3NiYi1pY29uPlxuICAgICAgICA8L3NiYi1zZWNvbmRhcnktYnV0dG9uLXN0YXRpYz5cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1mbGlwLWNhcmQnOiBTYmJGbGlwQ2FyZEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUF5Qk8sSUFBTSxxQkFBTixjQUFpQyxrQkFBa0IsVUFBVSxFQUFFO0FBQUEsRUFBL0QsY0FBQTtBQUFBLFVBQUEsR0FBQSxTQUFBO0FBYUwsU0FBVSxPQUFxQixJQUFJLGFBQWEsTUFBTSxtQkFBbUIsT0FBTyxJQUFJO0FBa0IzRSxTQUFRLFdBQVc7QUFFcEIsU0FBQSxTQUFTLElBQUksNEJBQTRCLElBQUk7QUFDN0MsU0FBQSxZQUFZLElBQUksc0JBQXNCLElBQUk7QUFBQSxFQUFBO0FBQUE7QUFBQSxFQWxCbEQsSUFBVyxVQUE0Qzs7QUFDOUMsWUFBQSxVQUFLLGtCQUFMLDhCQUFxQjtBQUFBLEVBQzlCO0FBQUE7QUFBQSxFQUdBLElBQVcsVUFBNEM7O0FBQzlDLFlBQUEsVUFBSyxrQkFBTCw4QkFBcUI7QUFBQSxFQUM5QjtBQUFBO0FBQUEsRUFHQSxJQUFXLFlBQXFCO0FBQzlCLFdBQU8sS0FBSztBQUFBLEVBQ2Q7QUFBQSxFQVFnQixvQkFBMEI7QUFDeEMsVUFBTSxrQkFBa0I7QUFDbkIsU0FBQTtBQUFBLE1BQ0g7QUFBQSxNQUNBLENBQUMsVUFBaUI7O0FBRWQsWUFBQSxNQUFNLFdBQVcsUUFDakIsR0FBRSxpQkFBTSxXQUFOLG1CQUE4QixZQUE5Qiw0QkFBd0Msc0JBQzFDO0FBQ0EsZUFBSyxPQUFPO0FBQUEsUUFDZDtBQUFBLE1BQ0Y7QUFBQSxNQUNBLEVBQUUsUUFBUSxLQUFLLE9BQU8sT0FBTztBQUFBLElBQUE7QUFBQSxFQUVqQztBQUFBO0FBQUEsRUFHTyxTQUFlO0FBQ2YsU0FBQSxXQUFXLENBQUMsS0FBSztBQUNqQixTQUFBLGdCQUFnQixnQkFBZ0IsS0FBSyxRQUFRO0FBQ2xELFNBQUssUUFBUyxnQkFBZ0IsZ0JBQWdCLEtBQUssUUFBUTtBQUN0RCxTQUFBLFFBQVMsUUFBUSxLQUFLO0FBQ3RCLFNBQUEsUUFBUyxRQUFRLENBQUMsS0FBSztBQUM1QixTQUFLLEtBQUs7RUFDWjtBQUFBLEVBRUEsTUFBYyxzQkFBdUM7O0FBQ25ELFFBQUksVUFBVTtBQUNMLGFBQUE7QUFBQSxJQUNUO0FBQ0EsVUFBTSxLQUFLO0FBRUosV0FBQSxDQUFDLEtBQUssV0FDVCxJQUFJLEtBQUsscUJBQXFCLEtBQUssc0JBQXFCLGdCQUFLLFlBQUwsbUJBQWMsZ0JBQWQsbUJBQTJCLFdBQVcsRUFBRSxLQUFLLGFBQWEsS0FBSyxVQUFVLE9BQU8sQ0FBQyxLQUN6SSxnQkFBZ0IsS0FBSyxVQUFVLE9BQU87QUFBQSxFQUM1QztBQUFBLEVBRW1CLFNBQXlCO0FBQ25DLFdBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSwwQkFJZSxLQUFLLFNBQVMsVUFBVTtBQUFBO0FBQUE7QUFBQSxvQ0FHZCxNQUFNLEtBQUssb0JBQW9CLEdBQUcsRUFBRSxDQUFDO0FBQUE7QUFBQSwyQ0FFOUIsTUFBTyxLQUFLLFFBQVMsUUFBUSxLQUFLLFFBQVM7QUFBQSwyQ0FDM0MsTUFBTyxLQUFLLFFBQVMsUUFBUSxDQUFDLEtBQUssUUFBUztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLEVBVXJGO0FBQ0Y7QUEvRmEsbUJBQ1ksU0FBeUI7QUFEckMsbUJBRVksU0FBUztBQUFBLEVBQzlCLE1BQU07QUFDUjtBQU11RCxnQkFBQTtBQUFBLEVBQXRELFNBQVMsRUFBRSxXQUFXLHVCQUF1QjtBQUFBLEdBVm5DLG1CQVU0QyxXQUFBLHNCQUFBLENBQUE7QUFxQnRDLGdCQUFBO0FBQUEsRUFBaEIsTUFBTTtBQUFBLEdBL0JJLG1CQStCTSxXQUFBLFlBQUEsQ0FBQTtBQS9CTixxQkFBTixnQkFBQTtBQUFBLEVBRE4sY0FBYyxlQUFlO0FBQUEsR0FDakIsa0JBQUE7In0=

package/development/footer/footer.d.ts

@@ -1,6 +1,5 @@
 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.

package/development/footer.js

@@ -29,13 +29,13 @@ const style = css`/**
 }
 
 :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;
-  display: block;
 }
 @media (min-width: calc(37.5rem)) {
   :host {

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

@@ -1,5 +1,4 @@
 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`.

package/development/form-error.js

@@ -33,16 +33,16 @@ const style = css`/**
   --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: 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);
-  display: flex;
-  align-items: flex-start;
-  color: var(--sbb-form-error-color);
-  min-height: var(--sbb-form-error-height);
 }
 @media (forced-colors: active) {
   :host {

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

@@ -1,5 +1,4 @@
 import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
-
 declare const SbbFormFieldElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbHydrationMixinType> & typeof LitElement;
 /**
  * It wraps an input element adding label, errors, icon, etc.
@@ -26,7 +25,7 @@ export declare class SbbFormFieldElement extends SbbFormFieldElement_base {
     /** Indicates whether the input is optional. */
     optional?: boolean;
     /** Size variant, either l or m. */
-    size?: 'l' | 'm';
+    size?: 'l' | 'm' | 's';
     /** Whether to display the form field without a border. */
     borderless: boolean;
     /** Defines the width of the component:

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

@@ -1 +1 @@
-{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../../../src/elements/form-field/form-field/form-field.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAehD,OAAO,eAAe,CAAC;;AAOvB;;;;;;;;GAQG;AACH,qBAEa,mBAAoB,SAAQ,wBAA+C;IACtF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,QAAQ,CAAC,6BAA6B,CAAmC;IAEjF,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAItC;IAEF,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAA6B;IAEpE,OAAO,CAAC,QAAQ,CAAC,oCAAoC,CAKnD;IAEF,OAAO,CAAC,QAAQ,CAAC,iCAAiC,CAQhD;IAEF;;;;OAIG;IAEI,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAU;IAEhD,+CAA+C;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEvD,mCAAmC;IACC,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAO;IAE3D,0DAA0D;IACP,UAAU,UAAS;IAEtE;;+EAE2E;IACvC,KAAK,EAAE,SAAS,GAAG,UAAU,CAAa;IAE9E,wFAAwF;IACV,WAAW,UAAS;IAElG,4FAA4F;IACZ,aAAa,UACrF;IAER,qDAAqD;IAC5C,OAAO,CAAC,cAAc,CAAiB;IAEhD,oEAAoE;IACpE,OAAO,CAAC,6BAA6B,CAAC,CAAgB;IAEtD,8CAA8C;IACrC,OAAO,CAAC,MAAM,CAAC,CAAqD;IAE7E,+CAA+C;IACtC,OAAO,CAAC,MAAM,CAAC,CAAmB;IAE3C,iCAAiC;IACjC,IAAW,YAAY,IAAI,gBAAgB,GAAG,iBAAiB,GAAG,WAAW,GAAG,SAAS,CAExF;IAED,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,SAAS,CAAmC;IAEpD;;OAEG;IACH,OAAO,CAAC,2BAA2B,CAMjC;IAEF,OAAO,CAAC,qBAAqB,CAAyB;IAEtC,iBAAiB,IAAI,IAAI;cAStB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQ5D,oBAAoB,IAAI,IAAI;IAM5C,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,kBAAkB;IAW1B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IA4B1B,OAAO,CAAC,yBAAyB;IA4BjC,OAAO,CAAC,sBAAsB;IAuD9B,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,yBAAyB;IAQjC,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,eAAe;IAevB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAsB1B,OAAO,CAAC,qBAAqB;IAiB7B,qFAAqF;IAC9E,KAAK,IAAI,IAAI;IAIpB,4FAA4F;IACrF,KAAK,IAAI,IAAI;IAQpB;;;OAGG;IACI,eAAe,IAAI,gBAAgB,GAAG,iBAAiB,GAAG,WAAW,GAAG,SAAS;IAIxF,OAAO,CAAC,aAAa;cAMF,MAAM,IAAI,cAAc;CAmC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
+{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../../../src/elements/form-field/form-field/form-field.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAehD,OAAO,eAAe,CAAC;;AAOvB;;;;;;;;GAQG;AACH,qBAEa,mBAAoB,SAAQ,wBAA+C;IACtF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,QAAQ,CAAC,6BAA6B,CAAmC;IAEjF,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAItC;IAEF,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAA6B;IAEpE,OAAO,CAAC,QAAQ,CAAC,oCAAoC,CAKnD;IAEF,OAAO,CAAC,QAAQ,CAAC,iCAAiC,CAQhD;IAEF;;;;OAIG;IAEI,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAU;IAEhD,+CAA+C;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEvD,mCAAmC;IACC,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAO;IAEjE,0DAA0D;IACP,UAAU,UAAS;IAEtE;;+EAE2E;IACvC,KAAK,EAAE,SAAS,GAAG,UAAU,CAAa;IAE9E,wFAAwF;IACV,WAAW,UAAS;IAElG,4FAA4F;IACZ,aAAa,UACrF;IAER,qDAAqD;IAC5C,OAAO,CAAC,cAAc,CAAiB;IAEhD,oEAAoE;IACpE,OAAO,CAAC,6BAA6B,CAAC,CAAgB;IAEtD,8CAA8C;IACrC,OAAO,CAAC,MAAM,CAAC,CAAqD;IAE7E,+CAA+C;IACtC,OAAO,CAAC,MAAM,CAAC,CAAmB;IAE3C,iCAAiC;IACjC,IAAW,YAAY,IAAI,gBAAgB,GAAG,iBAAiB,GAAG,WAAW,GAAG,SAAS,CAExF;IAED,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,SAAS,CAAmC;IAEpD;;OAEG;IACH,OAAO,CAAC,2BAA2B,CAMjC;IAEF,OAAO,CAAC,qBAAqB,CAAyB;IAEtC,iBAAiB,IAAI,IAAI;cAStB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQ5D,oBAAoB,IAAI,IAAI;IAM5C,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,kBAAkB;IAW1B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IA4B1B,OAAO,CAAC,yBAAyB;IA4BjC,OAAO,CAAC,sBAAsB;IAuD9B,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,yBAAyB;IAQjC,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,eAAe;IAevB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAsB1B,OAAO,CAAC,qBAAqB;IAiB7B,qFAAqF;IAC9E,KAAK,IAAI,IAAI;IAIpB,4FAA4F;IACrF,KAAK,IAAI,IAAI;IAQpB;;;OAGG;IACI,eAAe,IAAI,gBAAgB,GAAG,iBAAiB,GAAG,WAAW,GAAG,SAAS;IAIxF,OAAO,CAAC,aAAa;cAMF,MAAM,IAAI,cAAc;CAmC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}

package/development/form-field/form-field-clear/form-field-clear.d.ts

@@ -1,6 +1,5 @@
 import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
 import { SbbButtonBaseElement } from '../../core/base-elements.js';
-
 declare const SbbFormFieldClearElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & typeof SbbButtonBaseElement;
 /**
  * Combined with `sbb-form-field`, it displays a button which clears the input value.