@sbb-esta/lyne-elements 1.4.0 → 1.5.0

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

@@ -0,0 +1,151 @@
+import { css, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { hostAttributes } from "../core/decorators.js";
+const style = css`/**
+ * Better font rendering (on OS X)
+ * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
+ *
+ * Usage:
+ *
+ * .var_dark_on_light {
+ * 	@include font-smoothing;
+ * }
+ * .var_light_on_dark {
+ * 	@include font-smoothing-reset;
+ * }
+ */
+/** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
+/*
+ * SBB table mixin
+ * Notes:
+ * We cannot use \`border-collapse\` because it is not compatible with the \`border-radius\` property.
+ * Therefore, we have to build the grid avoiding double borders.
+ */
+*,
+::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;
+  position: absolute;
+  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: 1fr;
+  grid-template-rows: auto 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, 1fr);
+    grid-template-rows: 1fr;
+  }
+}
+@media (min-width: calc(52.5rem)) {
+  :host([image-alignment=after]) .sbb-flip-card-summary {
+    grid-template-columns: repeat(2, 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;
+  }
+}
+
+.sbb-flip-card-summary--image-wrapper {
+  max-height: var(--sbb-flip-card-min-height);
+  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(img) {
+  object-fit: cover;
+  width: 100%;
+  height: 100%;
+}
+
+::slotted(sbb-image) {
+  width: 100%;
+  height: 100%;
+}`;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let SbbFlipCardSummaryElement = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.imageAlignment = "after";
+  }
+  willUpdate(_changedProperties) {
+    var _a, _b;
+    super.willUpdate(_changedProperties);
+    if (_changedProperties.has("imageAlignment")) {
+      (_b = (_a = this.closest) == null ? void 0 : _a.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>
+    `;
+  }
+};
+SbbFlipCardSummaryElement.styles = style;
+__decorateClass([
+  property({ attribute: "image-alignment", reflect: true })
+], SbbFlipCardSummaryElement.prototype, "imageAlignment", 2);
+SbbFlipCardSummaryElement = __decorateClass([
+  customElement("sbb-flip-card-summary"),
+  hostAttributes({
+    slot: "summary"
+  })
+], SbbFlipCardSummaryElement);
+export {
+  SbbFlipCardSummaryElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC1jYXJkLXN1bW1hcnkuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9mbGlwLWNhcmQvZmxpcC1jYXJkLXN1bW1hcnkvZmxpcC1jYXJkLXN1bW1hcnkudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgUHJvcGVydHlWYWx1ZXMsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IGhvc3RBdHRyaWJ1dGVzIH0gZnJvbSAnLi4vLi4vY29yZS9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vZmxpcC1jYXJkLXN1bW1hcnkuc2Nzcz9saXQmaW5saW5lJztcblxuZXhwb3J0IHR5cGUgU2JiRmxpcENhcmRJbWFnZUFsaWdubWVudCA9ICdhZnRlcicgfCAnYmVsb3cnO1xuXG4vKipcbiAqIENvbWJpbmVkIHdpdGggYSBgc2JiLWZsaXAtY2FyZGAsIGl0IGRpc3BsYXlzIGl0cyBjb250ZW50IHdoZW4gdGhlIGNhcmQgaXMgbm90IGZsaXBwZWQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBwcm92aWRlIGEgdGl0bGUgZm9yIHRoZSBgc2JiLWZsaXAtY2FyZC1zdW1tYXJ5YC5cbiAqIEBzbG90IGltYWdlIC0gVXNlIHRoaXMgc2xvdCB0byBwcm92aWRlIGFuIGltYWdlIGZvciB0aGUgYHNiYi1mbGlwLWNhcmQtc3VtbWFyeWAuXG4gKi9cbkBjdXN0b21FbGVtZW50KCdzYmItZmxpcC1jYXJkLXN1bW1hcnknKVxuQGhvc3RBdHRyaWJ1dGVzKHtcbiAgc2xvdDogJ3N1bW1hcnknLFxufSlcbmV4cG9ydCBjbGFzcyBTYmJGbGlwQ2FyZFN1bW1hcnlFbGVtZW50IGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIC8qKiBUaGUgcG9zaXRpb24gd2hlcmUgdG8gcmVuZGVyIHRoZSBpbWFnZS4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnaW1hZ2UtYWxpZ25tZW50JywgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgaW1hZ2VBbGlnbm1lbnQ6IFNiYkZsaXBDYXJkSW1hZ2VBbGlnbm1lbnQgPSAnYWZ0ZXInO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKF9jaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXMpOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKF9jaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoX2NoYW5nZWRQcm9wZXJ0aWVzLmhhcygnaW1hZ2VBbGlnbm1lbnQnKSkge1xuICAgICAgdGhpcy5jbG9zZXN0Py4oJ3NiYi1mbGlwLWNhcmQnKT8uc2V0QXR0cmlidXRlKCdkYXRhLWltYWdlLWFsaWdubWVudCcsIHRoaXMuaW1hZ2VBbGlnbm1lbnQpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1mbGlwLWNhcmQtc3VtbWFyeVwiPlxuICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItZmxpcC1jYXJkLXN1bW1hcnktLWltYWdlLXdyYXBwZXJcIj5cbiAgICAgICAgICA8c2xvdCBuYW1lPVwiaW1hZ2VcIj48L3Nsb3Q+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWZsaXAtY2FyZC1zdW1tYXJ5JzogU2JiRmxpcENhcmRTdW1tYXJ5RWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQW9CYSxJQUFBLDRCQUFOLGNBQXdDLFdBQVc7QUFBQSxFQUFuRCxjQUFBO0FBQUEsVUFBQSxHQUFBLFNBQUE7QUFLTCxTQUFPLGlCQUE0QztBQUFBLEVBQUE7QUFBQSxFQUVoQyxXQUFXLG9CQUEwQzs7QUFDdEUsVUFBTSxXQUFXLGtCQUFrQjtBQUUvQixRQUFBLG1CQUFtQixJQUFJLGdCQUFnQixHQUFHO0FBQzVDLHVCQUFLLFlBQUwsOEJBQWUscUJBQWYsbUJBQWlDLGFBQWEsd0JBQXdCLEtBQUs7QUFBQSxJQUM3RTtBQUFBLEVBQ0Y7QUFBQSxFQUVtQixTQUF5QjtBQUNuQyxXQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxFQVFUO0FBQ0Y7QUF6QmEsMEJBQ1ksU0FBeUI7QUFJekMsZ0JBQUE7QUFBQSxFQUROLFNBQVMsRUFBRSxXQUFXLG1CQUFtQixTQUFTLE1BQU07QUFBQSxHQUo5QywwQkFLSixXQUFBLGtCQUFBLENBQUE7QUFMSSw0QkFBTixnQkFBQTtBQUFBLEVBSk4sY0FBYyx1QkFBdUI7QUFBQSxFQUNyQyxlQUFlO0FBQUEsSUFDZCxNQUFNO0FBQUEsRUFBQSxDQUNQO0FBQUEsR0FDWSx5QkFBQTsifQ==

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

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

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

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

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

@@ -0,0 +1,187 @@
+import { css, LitElement, html } from "lit";
+import { state, customElement } from "lit/decorators.js";
+import { SbbLanguageController } from "../core/controllers.js";
+import { i18nFlipCard, i18nReverseCard } from "../core/i18n.js";
+import { SbbHydrationMixin } from "../core/mixins.js";
+import "../button/secondary-button.js";
+const style = css`/**
+ * Better font rendering (on OS X)
+ * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
+ *
+ * Usage:
+ *
+ * .var_dark_on_light {
+ * 	@include font-smoothing;
+ * }
+ * .var_light_on_dark {
+ * 	@include font-smoothing-reset;
+ * }
+ */
+/** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
+/*
+ * SBB table mixin
+ * Notes:
+ * We cannot use \`border-collapse\` because it is not compatible with the \`border-radius\` property.
+ * Therefore, we have to build the grid avoiding double borders.
+ */
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --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);
+  position: relative;
+  display: block;
+}
+@media (min-width: calc(52.5rem)) {
+  :host {
+    --sbb-flip-card-min-height: 20rem;
+  }
+}
+
+:host(:hover) {
+  --sbb-flip-card-background-color: var(--sbb-color-cloud-alpha-80);
+}
+
+: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;
+}
+: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: calc(37.5rem)) and (max-width: calc(52.4375rem)) {
+  :host([data-image-alignment=after]) {
+    --sbb-flip-card-min-height: 15rem;
+  }
+}
+@media (min-width: calc(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: var(--sbb-flip-card-summary-transition-duration) ease-out;
+  transition-delay: var(--sbb-flip-card-summary-transition-delay);
+}
+
+.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);
+}
+
+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;
+  cursor: pointer;
+  position: absolute;
+  inset: 0;
+  border-radius: var(--sbb-flip-card-border-radius);
+}
+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);
+}`;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let SbbFlipCardElement = class extends SbbHydrationMixin(LitElement) {
+  constructor() {
+    super(...arguments);
+    this._flipped = false;
+    this._language = new SbbLanguageController(this);
+  }
+  /** Returns the slotted sbb-flip-card-summary. */
+  get summary() {
+    return this.querySelector("sbb-flip-card-summary");
+  }
+  /** Returns the slotted sbb-flip-card-details. */
+  get details() {
+    return this.querySelector("sbb-flip-card-details");
+  }
+  /** Toggles the state of the sbb-flip-card. */
+  toggle() {
+    this._flipped = !this._flipped;
+    this.toggleAttribute("data-flipped", this._flipped);
+    this.summary.inert = this._flipped;
+    this.details.inert = !this._flipped;
+  }
+  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]}
+          aria-expanded=${this._flipped.toString()}
+        ></button>
+        <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>
+      </div>
+    `;
+  }
+};
+SbbFlipCardElement.styles = style;
+__decorateClass([
+  state()
+], SbbFlipCardElement.prototype, "_flipped", 2);
+SbbFlipCardElement = __decorateClass([
+  customElement("sbb-flip-card")
+], SbbFlipCardElement);
+export {
+  SbbFlipCardElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC1jYXJkLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvZmxpcC1jYXJkL2ZsaXAtY2FyZC9mbGlwLWNhcmQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBzdGF0ZSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiTGFuZ3VhZ2VDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9jb250cm9sbGVycy5qcyc7XG5pbXBvcnQgeyBpMThuRmxpcENhcmQsIGkxOG5SZXZlcnNlQ2FyZCB9IGZyb20gJy4uLy4uL2NvcmUvaTE4bi5qcyc7XG5pbXBvcnQgeyBTYmJIeWRyYXRpb25NaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiRmxpcENhcmREZXRhaWxzRWxlbWVudCB9IGZyb20gJy4uL2ZsaXAtY2FyZC1kZXRhaWxzLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiRmxpcENhcmRTdW1tYXJ5RWxlbWVudCB9IGZyb20gJy4uL2ZsaXAtY2FyZC1zdW1tYXJ5LmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vZmxpcC1jYXJkLnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnLi4vLi4vYnV0dG9uL3NlY29uZGFyeS1idXR0b24uanMnO1xuXG4vKipcbiAqIERpc3BsYXlzIGFuIGluZm9ybWF0aXZlIGNhcmQgdGhhdCByZXZlYWxzIG1vcmUgaW5mb3JtYXRpb25zIHVwb24gYmVpbmcgY2xpY2tlZC5cbiAqXG4gKiBAc2xvdCBzdW1tYXJ5IC0gVXNlIHRoaXMgc2xvdCB0byBwcm92aWRlIGEgc2JiLWZsaXAtY2FyZC1zdW1tYXJ5IGNvbXBvbmVudC5cbiAqIEBzbG90IGRldGFpbHMgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYSBzYmItZmxpcC1jYXJkLWRldGFpbHMgY29tcG9uZW50LlxuICpcbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi1mbGlwLWNhcmQnKVxuZXhwb3J0IGNsYXNzIFNiYkZsaXBDYXJkRWxlbWVudCBleHRlbmRzIFNiYkh5ZHJhdGlvbk1peGluKExpdEVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgLyoqIFJldHVybnMgdGhlIHNsb3R0ZWQgc2JiLWZsaXAtY2FyZC1zdW1tYXJ5LiAqL1xuICBwdWJsaWMgZ2V0IHN1bW1hcnkoKTogU2JiRmxpcENhcmRTdW1tYXJ5RWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMucXVlcnlTZWxlY3Rvcignc2JiLWZsaXAtY2FyZC1zdW1tYXJ5JykhO1xuICB9XG5cbiAgLyoqIFJldHVybnMgdGhlIHNsb3R0ZWQgc2JiLWZsaXAtY2FyZC1kZXRhaWxzLiAqL1xuICBwdWJsaWMgZ2V0IGRldGFpbHMoKTogU2JiRmxpcENhcmREZXRhaWxzRWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMucXVlcnlTZWxlY3Rvcignc2JiLWZsaXAtY2FyZC1kZXRhaWxzJykhO1xuICB9XG5cbiAgLyoqIFdoZXRoZXIgdGhlIGNhcmQgaXMgZmxpcHBlZCBvciBub3QuICovXG4gIEBzdGF0ZSgpIHByaXZhdGUgX2ZsaXBwZWQgPSBmYWxzZTtcblxuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG5cbiAgLyoqIFRvZ2dsZXMgdGhlIHN0YXRlIG9mIHRoZSBzYmItZmxpcC1jYXJkLiAqL1xuICBwdWJsaWMgdG9nZ2xlKCk6IHZvaWQge1xuICAgIHRoaXMuX2ZsaXBwZWQgPSAhdGhpcy5fZmxpcHBlZDtcbiAgICB0aGlzLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1mbGlwcGVkJywgdGhpcy5fZmxpcHBlZCk7XG4gICAgdGhpcy5zdW1tYXJ5LmluZXJ0ID0gdGhpcy5fZmxpcHBlZDtcbiAgICB0aGlzLmRldGFpbHMuaW5lcnQgPSAhdGhpcy5fZmxpcHBlZDtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1mbGlwLWNhcmRcIj5cbiAgICAgICAgPHNsb3QgbmFtZT1cInN1bW1hcnlcIiBAc2xvdGNoYW5nZT0keygpID0+ICh0aGlzLnN1bW1hcnkuaW5lcnQgPSB0aGlzLl9mbGlwcGVkKX0+PC9zbG90PlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgQGNsaWNrPSR7KCkgPT4gdGhpcy50b2dnbGUoKX1cbiAgICAgICAgICBhcmlhLWxhYmVsPSR7IXRoaXMuX2ZsaXBwZWRcbiAgICAgICAgICAgID8gaTE4bkZsaXBDYXJkW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdXG4gICAgICAgICAgICA6IGkxOG5SZXZlcnNlQ2FyZFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX1cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPSR7dGhpcy5fZmxpcHBlZC50b1N0cmluZygpfVxuICAgICAgICA+PC9idXR0b24+XG4gICAgICAgIDxzbG90IG5hbWU9XCJkZXRhaWxzXCIgQHNsb3RjaGFuZ2U9JHsoKSA9PiAodGhpcy5kZXRhaWxzLmluZXJ0ID0gIXRoaXMuX2ZsaXBwZWQpfT48L3Nsb3Q+XG4gICAgICAgIDxzYmItc2Vjb25kYXJ5LWJ1dHRvblxuICAgICAgICAgIGNsYXNzPVwic2JiLWZsaXAtY2FyZC0tdG9nZ2xlLWJ1dHRvblwiXG4gICAgICAgICAgaWNvbi1uYW1lPSR7dGhpcy5fZmxpcHBlZCA/ICdjcm9zcy1zbWFsbCcgOiAncGx1cy1zbWFsbCd9XG4gICAgICAgICAgQGNsaWNrPSR7KCkgPT4gdGhpcy50b2dnbGUoKX1cbiAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgID48L3NiYi1zZWNvbmRhcnktYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWZsaXAtY2FyZCc6IFNiYkZsaXBDYXJkRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQXNCTyxJQUFNLHFCQUFOLGNBQWlDLGtCQUFrQixVQUFVLEVBQUU7QUFBQSxFQUEvRCxjQUFBO0FBQUEsVUFBQSxHQUFBLFNBQUE7QUFjSSxTQUFRLFdBQVc7QUFFcEIsU0FBQSxZQUFZLElBQUksc0JBQXNCLElBQUk7QUFBQSxFQUFBO0FBQUE7QUFBQSxFQVpsRCxJQUFXLFVBQXFDO0FBQ3ZDLFdBQUEsS0FBSyxjQUFjLHVCQUF1QjtBQUFBLEVBQ25EO0FBQUE7QUFBQSxFQUdBLElBQVcsVUFBcUM7QUFDdkMsV0FBQSxLQUFLLGNBQWMsdUJBQXVCO0FBQUEsRUFDbkQ7QUFBQTtBQUFBLEVBUU8sU0FBZTtBQUNmLFNBQUEsV0FBVyxDQUFDLEtBQUs7QUFDakIsU0FBQSxnQkFBZ0IsZ0JBQWdCLEtBQUssUUFBUTtBQUM3QyxTQUFBLFFBQVEsUUFBUSxLQUFLO0FBQ3JCLFNBQUEsUUFBUSxRQUFRLENBQUMsS0FBSztBQUFBLEVBQzdCO0FBQUEsRUFFbUIsU0FBeUI7QUFDbkMsV0FBQTtBQUFBO0FBQUEsMkNBRWdDLE1BQU8sS0FBSyxRQUFRLFFBQVEsS0FBSyxRQUFTO0FBQUE7QUFBQSxtQkFFbEUsTUFBTSxLQUFLLFFBQVE7QUFBQSx1QkFDZixDQUFDLEtBQUssV0FDZixhQUFhLEtBQUssVUFBVSxPQUFPLElBQ25DLGdCQUFnQixLQUFLLFVBQVUsT0FBTyxDQUFDO0FBQUEsMEJBQzNCLEtBQUssU0FBUyxVQUFVO0FBQUE7QUFBQSwyQ0FFUCxNQUFPLEtBQUssUUFBUSxRQUFRLENBQUMsS0FBSyxRQUFTO0FBQUE7QUFBQTtBQUFBLHNCQUdoRSxLQUFLLFdBQVcsZ0JBQWdCLFlBQVk7QUFBQSxtQkFDL0MsTUFBTSxLQUFLLFFBQVE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLEVBS3BDO0FBQ0Y7QUEvQ2EsbUJBQ1ksU0FBeUI7QUFhL0IsZ0JBQUE7QUFBQSxFQUFoQixNQUFNO0FBQUEsR0FkSSxtQkFjTSxXQUFBLFlBQUEsQ0FBQTtBQWROLHFCQUFOLGdCQUFBO0FBQUEsRUFETixjQUFjLGVBQWU7QUFBQSxHQUNqQixrQkFBQTsifQ==

package/development/flip-card.d.ts

@@ -0,0 +1,4 @@
+export * from './flip-card/flip-card.js';
+export * from './flip-card/flip-card-summary.js';
+export * from './flip-card/flip-card-details.js';
+//# sourceMappingURL=flip-card.d.ts.map

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

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

package/development/flip-card.js

@@ -0,0 +1,4 @@
+export * from "./flip-card/flip-card.js";
+export * from "./flip-card/flip-card-summary.js";
+export * from "./flip-card/flip-card-details.js";
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC1jYXJkLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OyJ9

package/development/radio-button/radio-button-panel/radio-button-panel.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
+import { SbbPanelSize } from '../../core/mixins.js';
 
-export type SbbRadioButtonPanelSize = 's' | 'm';
 declare const SbbRadioButtonPanelElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbPanelMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbRadioButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbUpdateSchedulerMixinType> & typeof LitElement;
 /**
  /**
@@ -20,8 +20,8 @@ export declare class SbbRadioButtonPanelElement extends SbbRadioButtonPanelEleme
     /**
      * Size variant.
      */
-    set size(value: SbbRadioButtonPanelSize);
-    get size(): SbbRadioButtonPanelSize;
+    set size(value: SbbPanelSize);
+    get size(): SbbPanelSize;
     private _size;
     protected willUpdate(changedProperties: PropertyValues<this>): Promise<void>;
     protected render(): TemplateResult;

package/development/radio-button/radio-button-panel/radio-button-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-panel.d.ts","sourceRoot":"","sources":["../../../../../src/elements/radio-button/radio-button-panel/radio-button-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAOb,OAAO,6BAA6B,CAAC;AAErC,MAAM,MAAM,uBAAuB,GAAG,GAAG,GAAG,GAAG,CAAC;;AAEhD;;;;;;;;GAQG;AACH,qBAEa,0BAA2B,SAAQ,+BAE/C;IACC,OAAuB,MAAM,EAAE,cAAc,CAA8C;IAG3F,gBAAuB,MAAM;;;MAGlB;IAEX;;OAEG;IACH,IACW,IAAI,CAAC,KAAK,EAAE,uBAAuB,EAE7C;IACD,IAAW,IAAI,IAAI,uBAAuB,CAEzC;IACD,OAAO,CAAC,KAAK,CAAgC;cAEpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;cAQxE,MAAM,IAAI,cAAc;CA6B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF"}
+{"version":3,"file":"radio-button-panel.d.ts","sourceRoot":"","sources":["../../../../../src/elements/radio-button/radio-button-panel/radio-button-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAIb,OAAO,EAGL,KAAK,YAAY,EAElB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,6BAA6B,CAAC;;AAErC;;;;;;;;GAQG;AACH,qBAEa,0BAA2B,SAAQ,+BAE/C;IACC,OAAuB,MAAM,EAAE,cAAc,CAA8C;IAG3F,gBAAuB,MAAM;;;MAGlB;IAEX;;OAEG;IACH,IACW,IAAI,CAAC,KAAK,EAAE,YAAY,EAElC;IACD,IAAW,IAAI,IAAI,YAAY,CAE9B;IACD,OAAO,CAAC,KAAK,CAAqB;cAET,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;cAQxE,MAAM,IAAI,cAAc;CA6B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF"}

package/development/radio-button/radio-button-panel.js

@@ -77,4 +77,4 @@ SbbRadioButtonPanelElement = __decorateClass([
 export {
   SbbRadioButtonPanelElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tYnV0dG9uLXBhbmVsLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvcmFkaW8tYnV0dG9uL3JhZGlvLWJ1dHRvbi1wYW5lbC9yYWRpby1idXR0b24tcGFuZWwudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdHlwZSBDU1NSZXN1bHRHcm91cCxcbiAgaHRtbCxcbiAgTGl0RWxlbWVudCxcbiAgbm90aGluZyxcbiAgdHlwZSBQcm9wZXJ0eVZhbHVlcyxcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbn0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBzbG90U3RhdGUgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgcGFuZWxDb21tb25TdHlsZSwgU2JiUGFuZWxNaXhpbiwgU2JiVXBkYXRlU2NoZWR1bGVyTWl4aW4gfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgeyByYWRpb0J1dHRvbkNvbW1vblN0eWxlLCBTYmJSYWRpb0J1dHRvbkNvbW1vbkVsZW1lbnRNaXhpbiB9IGZyb20gJy4uL2NvbW1vbi5qcyc7XG5cbmltcG9ydCAnLi4vLi4vc2NyZWVuLXJlYWRlci1vbmx5LmpzJztcblxuZXhwb3J0IHR5cGUgU2JiUmFkaW9CdXR0b25QYW5lbFNpemUgPSAncycgfCAnbSc7XG5cbi8qKlxuIC8qKlxuICogSXQgZGlzcGxheXMgYSByYWRpbyBidXR0b24gZW5oYW5jZWQgd2l0aCB0aGUgcGFuZWwgZGVzaWduLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIHJhZGlvIGxhYmVsLlxuICogQHNsb3Qgc3VidGV4dCAtIFNsb3QgdXNlZCB0byByZW5kZXIgYSBzdWJ0ZXh0IHVuZGVyIHRoZSBsYWJlbC5cbiAqIEBzbG90IHN1ZmZpeCAtIFNsb3QgdXNlZCB0byByZW5kZXIgYWRkaXRpb25hbCBjb250ZW50IGFmdGVyIHRoZSBsYWJlbC5cbiAqIEBzbG90IGJhZGdlIC0gVXNlIHRoaXMgc2xvdCB0byBwcm92aWRlIGEgYHNiYi1jYXJkLWJhZGdlYCAob3B0aW9uYWwpLlxuICovXG5AY3VzdG9tRWxlbWVudCgnc2JiLXJhZGlvLWJ1dHRvbi1wYW5lbCcpXG5Ac2xvdFN0YXRlKClcbmV4cG9ydCBjbGFzcyBTYmJSYWRpb0J1dHRvblBhbmVsRWxlbWVudCBleHRlbmRzIFNiYlBhbmVsTWl4aW4oXG4gIFNiYlJhZGlvQnV0dG9uQ29tbW9uRWxlbWVudE1peGluKFNiYlVwZGF0ZVNjaGVkdWxlck1peGluKExpdEVsZW1lbnQpKSxcbikge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbcmFkaW9CdXR0b25Db21tb25TdHlsZSwgcGFuZWxDb21tb25TdHlsZV07XG5cbiAgLy8gRklYTUUgdXNpbmcgLi4uc3VwZXIuZXZlbnRzIHJlcXVpcmVzOiBodHRwczovL2dpdGh1Yi5jb20vc2JiLWRlc2lnbi1zeXN0ZW1zL2x5bmUtY29tcG9uZW50cy9pc3N1ZXMvMjYwMFxuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICBzdGF0ZUNoYW5nZTogJ3N0YXRlQ2hhbmdlJyxcbiAgICBwYW5lbENvbm5lY3RlZDogJ3BhbmVsQ29ubmVjdGVkJyxcbiAgfSBhcyBjb25zdDtcblxuICAvKipcbiAgICogU2l6ZSB2YXJpYW50LlxuICAgKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgc2V0IHNpemUodmFsdWU6IFNiYlJhZGlvQnV0dG9uUGFuZWxTaXplKSB7XG4gICAgdGhpcy5fc2l6ZSA9IHZhbHVlO1xuICB9XG4gIHB1YmxpYyBnZXQgc2l6ZSgpOiBTYmJSYWRpb0J1dHRvblBhbmVsU2l6ZSB7XG4gICAgcmV0dXJuIHRoaXMuZ3JvdXA/LnNpemUgPyAodGhpcy5ncm91cC5zaXplID09PSAneHMnID8gJ3MnIDogdGhpcy5ncm91cC5zaXplKSA6IHRoaXMuX3NpemU7XG4gIH1cbiAgcHJpdmF0ZSBfc2l6ZTogU2JiUmFkaW9CdXR0b25QYW5lbFNpemUgPSAnbSc7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGFzeW5jIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogUHJvbWlzZTx2b2lkPiB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdjaGVja2VkJykpIHtcbiAgICAgIHRoaXMudG9nZ2xlQXR0cmlidXRlKCdkYXRhLWNoZWNrZWQnLCB0aGlzLmNoZWNrZWQpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGxhYmVsIGNsYXNzPVwic2JiLXNlbGVjdGlvbi1wYW5lbFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLXNlbGVjdGlvbi1wYW5lbF9fYmFkZ2VcIj5cbiAgICAgICAgICA8c2xvdCBuYW1lPVwiYmFkZ2VcIj48L3Nsb3Q+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1yYWRpby1idXR0b25cIj5cbiAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgIHR5cGU9XCJyYWRpb1wiXG4gICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICAgICAgdGFiaW5kZXg9XCItMVwiXG4gICAgICAgICAgICA/ZGlzYWJsZWQ9JHt0aGlzLmRpc2FibGVkfVxuICAgICAgICAgICAgP3JlcXVpcmVkPSR7dGhpcy5yZXF1aXJlZH1cbiAgICAgICAgICAgID9jaGVja2VkPSR7dGhpcy5jaGVja2VkfVxuICAgICAgICAgICAgdmFsdWU9JHt0aGlzLnZhbHVlIHx8IG5vdGhpbmd9XG4gICAgICAgICAgICBjbGFzcz1cInNiYi1zY3JlZW4tcmVhZGVyLW9ubHlcIlxuICAgICAgICAgIC8+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItcmFkaW8tYnV0dG9uX19sYWJlbC1zbG90XCI+XG4gICAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgICAgICA8c2xvdCBuYW1lPVwic3VmZml4XCI+PC9zbG90PlxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8c2xvdCBuYW1lPVwic3VidGV4dFwiPjwvc2xvdD5cbiAgICAgICAgICAke3RoaXMuZXhwYW5zaW9uU3RhdGVcbiAgICAgICAgICAgID8gaHRtbGA8c2JiLXNjcmVlbi1yZWFkZXItb25seT4ke3RoaXMuZXhwYW5zaW9uU3RhdGV9PC9zYmItc2NyZWVuLXJlYWRlci1vbmx5PmBcbiAgICAgICAgICAgIDogbm90aGluZ31cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9sYWJlbD5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItcmFkaW8tYnV0dG9uLXBhbmVsJzogU2JiUmFkaW9CdXR0b25QYW5lbEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7O0FBNkJPLElBQU0sNkJBQU4sY0FBeUM7QUFBQSxFQUM5QyxpQ0FBaUMsd0JBQXdCLFVBQVUsQ0FBQztBQUN0RSxFQUFFO0FBQUEsRUFGSyxjQUFBO0FBQUEsVUFBQSxHQUFBLFNBQUE7QUFxQkwsU0FBUSxRQUFpQztBQUFBLEVBQUE7QUFBQSxFQU56QyxJQUFXLEtBQUssT0FBZ0M7QUFDOUMsU0FBSyxRQUFRO0FBQUEsRUFDZjtBQUFBLEVBQ0EsSUFBVyxPQUFnQzs7QUFDbEMsYUFBQSxVQUFLLFVBQUwsbUJBQVksUUFBUSxLQUFLLE1BQU0sU0FBUyxPQUFPLE1BQU0sS0FBSyxNQUFNLE9BQVEsS0FBSztBQUFBLEVBQ3RGO0FBQUEsRUFHQSxNQUF5QixXQUFXLG1CQUF3RDtBQUMxRixVQUFNLFdBQVcsaUJBQWlCO0FBRTlCLFFBQUEsa0JBQWtCLElBQUksU0FBUyxHQUFHO0FBQy9CLFdBQUEsZ0JBQWdCLGdCQUFnQixLQUFLLE9BQU87QUFBQSxJQUNuRDtBQUFBLEVBQ0Y7QUFBQSxFQUVtQixTQUF5QjtBQUNuQyxXQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsd0JBVWEsS0FBSyxRQUFRO0FBQUEsd0JBQ2IsS0FBSyxRQUFRO0FBQUEsdUJBQ2QsS0FBSyxPQUFPO0FBQUEsb0JBQ2YsS0FBSyxTQUFTLE9BQU87QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLFlBUTdCLEtBQUssaUJBQ0gsK0JBQStCLEtBQUssY0FBYyw4QkFDbEQsT0FBTztBQUFBO0FBQUE7QUFBQTtBQUFBLEVBSW5CO0FBQ0Y7QUE1RGEsMkJBR1ksU0FBeUIsQ0FBQyx3QkFBd0IsZ0JBQWdCO0FBSDlFLDJCQU1ZLFNBQVM7QUFBQSxFQUM5QixhQUFhO0FBQUEsRUFDYixnQkFBZ0I7QUFDbEI7QUFNVyxnQkFBQTtBQUFBLEVBRFYsU0FBUyxFQUFFLFNBQVMsTUFBTTtBQUFBLEdBZGhCLDJCQWVBLFdBQUEsUUFBQSxDQUFBO0FBZkEsNkJBQU4sZ0JBQUE7QUFBQSxFQUZOLGNBQWMsd0JBQXdCO0FBQUEsRUFDdEMsVUFBVTtBQUFBLEdBQ0UsMEJBQUE7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tYnV0dG9uLXBhbmVsLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvcmFkaW8tYnV0dG9uL3JhZGlvLWJ1dHRvbi1wYW5lbC9yYWRpby1idXR0b24tcGFuZWwudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdHlwZSBDU1NSZXN1bHRHcm91cCxcbiAgaHRtbCxcbiAgTGl0RWxlbWVudCxcbiAgbm90aGluZyxcbiAgdHlwZSBQcm9wZXJ0eVZhbHVlcyxcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbn0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBzbG90U3RhdGUgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHtcbiAgcGFuZWxDb21tb25TdHlsZSxcbiAgU2JiUGFuZWxNaXhpbixcbiAgdHlwZSBTYmJQYW5lbFNpemUsXG4gIFNiYlVwZGF0ZVNjaGVkdWxlck1peGluLFxufSBmcm9tICcuLi8uLi9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgeyByYWRpb0J1dHRvbkNvbW1vblN0eWxlLCBTYmJSYWRpb0J1dHRvbkNvbW1vbkVsZW1lbnRNaXhpbiB9IGZyb20gJy4uL2NvbW1vbi5qcyc7XG5cbmltcG9ydCAnLi4vLi4vc2NyZWVuLXJlYWRlci1vbmx5LmpzJztcblxuLyoqXG4gLyoqXG4gKiBJdCBkaXNwbGF5cyBhIHJhZGlvIGJ1dHRvbiBlbmhhbmNlZCB3aXRoIHRoZSBwYW5lbCBkZXNpZ24uXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgcmFkaW8gbGFiZWwuXG4gKiBAc2xvdCBzdWJ0ZXh0IC0gU2xvdCB1c2VkIHRvIHJlbmRlciBhIHN1YnRleHQgdW5kZXIgdGhlIGxhYmVsLlxuICogQHNsb3Qgc3VmZml4IC0gU2xvdCB1c2VkIHRvIHJlbmRlciBhZGRpdGlvbmFsIGNvbnRlbnQgYWZ0ZXIgdGhlIGxhYmVsLlxuICogQHNsb3QgYmFkZ2UgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYSBgc2JiLWNhcmQtYmFkZ2VgIChvcHRpb25hbCkuXG4gKi9cbkBjdXN0b21FbGVtZW50KCdzYmItcmFkaW8tYnV0dG9uLXBhbmVsJylcbkBzbG90U3RhdGUoKVxuZXhwb3J0IGNsYXNzIFNiYlJhZGlvQnV0dG9uUGFuZWxFbGVtZW50IGV4dGVuZHMgU2JiUGFuZWxNaXhpbihcbiAgU2JiUmFkaW9CdXR0b25Db21tb25FbGVtZW50TWl4aW4oU2JiVXBkYXRlU2NoZWR1bGVyTWl4aW4oTGl0RWxlbWVudCkpLFxuKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtyYWRpb0J1dHRvbkNvbW1vblN0eWxlLCBwYW5lbENvbW1vblN0eWxlXTtcblxuICAvLyBGSVhNRSB1c2luZyAuLi5zdXBlci5ldmVudHMgcmVxdWlyZXM6IGh0dHBzOi8vZ2l0aHViLmNvbS9zYmItZGVzaWduLXN5c3RlbXMvbHluZS1jb21wb25lbnRzL2lzc3Vlcy8yNjAwXG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgZXZlbnRzID0ge1xuICAgIHN0YXRlQ2hhbmdlOiAnc3RhdGVDaGFuZ2UnLFxuICAgIHBhbmVsQ29ubmVjdGVkOiAncGFuZWxDb25uZWN0ZWQnLFxuICB9IGFzIGNvbnN0O1xuXG4gIC8qKlxuICAgKiBTaXplIHZhcmlhbnQuXG4gICAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pXG4gIHB1YmxpYyBzZXQgc2l6ZSh2YWx1ZTogU2JiUGFuZWxTaXplKSB7XG4gICAgdGhpcy5fc2l6ZSA9IHZhbHVlO1xuICB9XG4gIHB1YmxpYyBnZXQgc2l6ZSgpOiBTYmJQYW5lbFNpemUge1xuICAgIHJldHVybiB0aGlzLmdyb3VwPy5zaXplID8gKHRoaXMuZ3JvdXAuc2l6ZSA9PT0gJ3hzJyA/ICdzJyA6IHRoaXMuZ3JvdXAuc2l6ZSkgOiB0aGlzLl9zaXplO1xuICB9XG4gIHByaXZhdGUgX3NpemU6IFNiYlBhbmVsU2l6ZSA9ICdtJztcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgYXN5bmMgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2NoZWNrZWQnKSkge1xuICAgICAgdGhpcy50b2dnbGVBdHRyaWJ1dGUoJ2RhdGEtY2hlY2tlZCcsIHRoaXMuY2hlY2tlZCk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8bGFiZWwgY2xhc3M9XCJzYmItc2VsZWN0aW9uLXBhbmVsXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItc2VsZWN0aW9uLXBhbmVsX19iYWRnZVwiPlxuICAgICAgICAgIDxzbG90IG5hbWU9XCJiYWRnZVwiPjwvc2xvdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXJhZGlvLWJ1dHRvblwiPlxuICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgdHlwZT1cInJhZGlvXCJcbiAgICAgICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgICAgICB0YWJpbmRleD1cIi0xXCJcbiAgICAgICAgICAgID9kaXNhYmxlZD0ke3RoaXMuZGlzYWJsZWR9XG4gICAgICAgICAgICA/cmVxdWlyZWQ9JHt0aGlzLnJlcXVpcmVkfVxuICAgICAgICAgICAgP2NoZWNrZWQ9JHt0aGlzLmNoZWNrZWR9XG4gICAgICAgICAgICB2YWx1ZT0ke3RoaXMudmFsdWUgfHwgbm90aGluZ31cbiAgICAgICAgICAgIGNsYXNzPVwic2JiLXNjcmVlbi1yZWFkZXItb25seVwiXG4gICAgICAgICAgLz5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1yYWRpby1idXR0b25fX2xhYmVsLXNsb3RcIj5cbiAgICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgICAgIDxzbG90IG5hbWU9XCJzdWZmaXhcIj48L3Nsb3Q+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIDxzbG90IG5hbWU9XCJzdWJ0ZXh0XCI+PC9zbG90PlxuICAgICAgICAgICR7dGhpcy5leHBhbnNpb25TdGF0ZVxuICAgICAgICAgICAgPyBodG1sYDxzYmItc2NyZWVuLXJlYWRlci1vbmx5PiR7dGhpcy5leHBhbnNpb25TdGF0ZX08L3NiYi1zY3JlZW4tcmVhZGVyLW9ubHk+YFxuICAgICAgICAgICAgOiBub3RoaW5nfVxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L2xhYmVsPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1yYWRpby1idXR0b24tcGFuZWwnOiBTYmJSYWRpb0J1dHRvblBhbmVsRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7QUFnQ08sSUFBTSw2QkFBTixjQUF5QztBQUFBLEVBQzlDLGlDQUFpQyx3QkFBd0IsVUFBVSxDQUFDO0FBQ3RFLEVBQUU7QUFBQSxFQUZLLGNBQUE7QUFBQSxVQUFBLEdBQUEsU0FBQTtBQXFCTCxTQUFRLFFBQXNCO0FBQUEsRUFBQTtBQUFBLEVBTjlCLElBQVcsS0FBSyxPQUFxQjtBQUNuQyxTQUFLLFFBQVE7QUFBQSxFQUNmO0FBQUEsRUFDQSxJQUFXLE9BQXFCOztBQUN2QixhQUFBLFVBQUssVUFBTCxtQkFBWSxRQUFRLEtBQUssTUFBTSxTQUFTLE9BQU8sTUFBTSxLQUFLLE1BQU0sT0FBUSxLQUFLO0FBQUEsRUFDdEY7QUFBQSxFQUdBLE1BQXlCLFdBQVcsbUJBQXdEO0FBQzFGLFVBQU0sV0FBVyxpQkFBaUI7QUFFOUIsUUFBQSxrQkFBa0IsSUFBSSxTQUFTLEdBQUc7QUFDL0IsV0FBQSxnQkFBZ0IsZ0JBQWdCLEtBQUssT0FBTztBQUFBLElBQ25EO0FBQUEsRUFDRjtBQUFBLEVBRW1CLFNBQXlCO0FBQ25DLFdBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSx3QkFVYSxLQUFLLFFBQVE7QUFBQSx3QkFDYixLQUFLLFFBQVE7QUFBQSx1QkFDZCxLQUFLLE9BQU87QUFBQSxvQkFDZixLQUFLLFNBQVMsT0FBTztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsWUFRN0IsS0FBSyxpQkFDSCwrQkFBK0IsS0FBSyxjQUFjLDhCQUNsRCxPQUFPO0FBQUE7QUFBQTtBQUFBO0FBQUEsRUFJbkI7QUFDRjtBQTVEYSwyQkFHWSxTQUF5QixDQUFDLHdCQUF3QixnQkFBZ0I7QUFIOUUsMkJBTVksU0FBUztBQUFBLEVBQzlCLGFBQWE7QUFBQSxFQUNiLGdCQUFnQjtBQUNsQjtBQU1XLGdCQUFBO0FBQUEsRUFEVixTQUFTLEVBQUUsU0FBUyxNQUFNO0FBQUEsR0FkaEIsMkJBZUEsV0FBQSxRQUFBLENBQUE7QUFmQSw2QkFBTixnQkFBQTtBQUFBLEVBRk4sY0FBYyx3QkFBd0I7QUFBQSxFQUN0QyxVQUFVO0FBQUEsR0FDRSwwQkFBQTsifQ==

package/development/status/status.d.ts

@@ -1,7 +1,7 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
 import { SbbTitleLevel } from '../title.js';
 
-export type SbbStatusType = 'info' | 'success' | 'warning' | 'error';
+export type SbbStatusType = 'info' | 'success' | 'warning' | 'error' | 'pending' | 'incomplete' | 'not-started' | 'in-progress';
 declare const SbbStatusElement_base: import('../core/mixins.js').AbstractConstructor<import('../icon.js').SbbIconNameMixinType> & typeof LitElement;
 /**
  * Displays a message to the user's attention.

package/development/status/status.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../../../src/elements/status/status.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;;AAErE;;;;;;GAMG;AACH,qBAEa,gBAAiB,SAAQ,qBAA4B;IAChE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAK1B;IAEH,8BAA8B;IACM,IAAI,EAAE,aAAa,CAAU;IAEjE,wBAAwB;IACwC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtF,yFAAyF;IAC1C,UAAU,EAAE,aAAa,CAAO;cAE5D,cAAc,IAAI,cAAc;cAQhC,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}
+{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../../../src/elements/status/status.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,aAAa,GACrB,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,GACT,YAAY,GACZ,aAAa,GACb,aAAa,CAAC;;AAElB;;;;;;GAMG;AACH,qBAEa,gBAAiB,SAAQ,qBAA4B;IAChE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAS1B;IAEH,8BAA8B;IACM,IAAI,EAAE,aAAa,CAAU;IAEjE,wBAAwB;IACwC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtF,yFAAyF;IAC1C,UAAU,EAAE,aAAa,CAAO;cAE5D,cAAc,IAAI,cAAc;cAQhC,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}

package/development/status.js

@@ -58,6 +58,39 @@ const style = css`/**
   --sbb-status-text-color: var(--sbb-color-charcoal);
 }
 
+:host([type=pending]) {
+  --sbb-status-text-color: var(--sbb-color-sky);
+}
+
+:host(:is([type=pending], [type=pending]:is([data-slot-names~=title], [title-content]))) {
+  --sbb-status-icon-color: var(--sbb-color-sky);
+}
+
+:host([type=incomplete]) {
+  --sbb-status-text-color: var(--sbb-color-red125);
+}
+
+:host(:is([type=incomplete], [type=incomplete]:is([data-slot-names~=title], [title-content]))) {
+  --sbb-status-icon-color: var(--sbb-color-red125);
+}
+
+:host([type=not-started]) {
+  --sbb-status-icon-color: var(--sbb-color-smoke);
+  --sbb-status-text-color: var(--sbb-color-charcoal);
+}
+
+:host(:is([type=not-started], [type=in-progress]:is([data-slot-names~=title], [title-content]))) {
+  --sbb-status-icon-color: var(--sbb-color-smoke);
+}
+
+:host([type=in-progress]) {
+  --sbb-status-text-color: var(--sbb-color-pink);
+}
+
+:host(:is([type=in-progress], [type=in-progress]:is([data-slot-names~=title], [title-content]))) {
+  --sbb-status-icon-color: var(--sbb-color-pink);
+}
+
 :host(:is([data-slot-names~=title], [title-content])) {
   --sbb-status-text-color: var(--sbb-color-granite);
   --sbb-status-icon-color: var(--sbb-color-charcoal);
@@ -113,7 +146,11 @@ let SbbStatusElement = class extends SbbIconNameMixin(LitElement) {
       ["info", "circle-information-small"],
       ["success", "circle-tick-small"],
       ["warning", "circle-exclamation-point-small"],
-      ["error", "circle-cross-small"]
+      ["error", "circle-cross-small"],
+      ["pending", "circle-three-dots-small"],
+      ["incomplete", "circle-dotted-part-x-small"],
+      ["not-started", "circle-dotted-small"],
+      ["in-progress", "circle-dotted-part-small"]
     ]);
     this.type = "info";
     this.titleLevel = "3";
@@ -158,4 +195,4 @@ SbbStatusElement = __decorateClass([
 export {
   SbbStatusElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvc3RhdHVzL3N0YXR1cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBzbG90U3RhdGUgfSBmcm9tICcuLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgU2JiSWNvbk5hbWVNaXhpbiB9IGZyb20gJy4uL2ljb24uanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJUaXRsZUxldmVsIH0gZnJvbSAnLi4vdGl0bGUuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9zdGF0dXMuc2Nzcz9saXQmaW5saW5lJztcblxuaW1wb3J0ICcuLi90aXRsZS5qcyc7XG5cbmV4cG9ydCB0eXBlIFNiYlN0YXR1c1R5cGUgPSAnaW5mbycgfCAnc3VjY2VzcycgfCAnd2FybmluZycgfCAnZXJyb3InO1xuXG4vKipcbiAqIERpc3BsYXlzIGEgbWVzc2FnZSB0byB0aGUgdXNlcidzIGF0dGVudGlvbi5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBzdGF0dXMgbWVzc2FnZS5cbiAqIEBzbG90IHRpdGxlIC0gVXNlIHRoaXMgdG8gcHJvdmlkZSBhIHRpdGxlIGZvciB0aGUgc3RhdHVzIChvcHRpb25hbCkuXG4gKiBAc2xvdCBpY29uIC0gVXNlIHRoaXMgc2xvdCB0byBvdmVycmlkZSB0aGUgZGVmYXVsdCBzdGF0dXMgaWNvbi5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi1zdGF0dXMnKVxuQHNsb3RTdGF0ZSgpXG5leHBvcnQgY2xhc3MgU2JiU3RhdHVzRWxlbWVudCBleHRlbmRzIFNiYkljb25OYW1lTWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICBwcml2YXRlIHJlYWRvbmx5IF9zdGF0dXNUeXBlczogTWFwPFNiYlN0YXR1c1R5cGUsIHN0cmluZz4gPSBuZXcgTWFwKFtcbiAgICBbJ2luZm8nLCAnY2lyY2xlLWluZm9ybWF0aW9uLXNtYWxsJ10sXG4gICAgWydzdWNjZXNzJywgJ2NpcmNsZS10aWNrLXNtYWxsJ10sXG4gICAgWyd3YXJuaW5nJywgJ2NpcmNsZS1leGNsYW1hdGlvbi1wb2ludC1zbWFsbCddLFxuICAgIFsnZXJyb3InLCAnY2lyY2xlLWNyb3NzLXNtYWxsJ10sXG4gIF0pO1xuXG4gIC8qKiBUaGUgdHlwZSBvZiB0aGUgc3RhdHVzLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyB0eXBlOiBTYmJTdGF0dXNUeXBlID0gJ2luZm8nO1xuXG4gIC8qKiBDb250ZW50IG9mIHRpdGxlLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlLCBhdHRyaWJ1dGU6ICd0aXRsZS1jb250ZW50JyB9KSBwdWJsaWMgdGl0bGVDb250ZW50Pzogc3RyaW5nO1xuXG4gIC8qKiBMZXZlbCBvZiB0aXRsZSwgaXQgd2lsbCBiZSByZW5kZXJlZCBhcyBoZWFkaW5nIHRhZyAoZS5nLiBoMykuIERlZmF1bHRzIHRvIGxldmVsIDMuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ3RpdGxlLWxldmVsJyB9KSBwdWJsaWMgdGl0bGVMZXZlbDogU2JiVGl0bGVMZXZlbCA9ICczJztcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVySWNvblNsb3QoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNsb3QgbmFtZT1cImljb25cIj5cbiAgICAgICAgPHNiYi1pY29uIG5hbWU9JHt0aGlzLmljb25OYW1lID8/IHRoaXMuX3N0YXR1c1R5cGVzLmdldCh0aGlzLnR5cGUpIX0+PC9zYmItaWNvbj5cbiAgICAgIDwvc2xvdD5cbiAgICBgO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLXN0YXR1c1wiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1zdGF0dXNfX2ljb25cIj4gJHt0aGlzLnJlbmRlckljb25TbG90KCl9IDwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItc3RhdHVzX19jb250ZW50XCI+XG4gICAgICAgICAgPHNiYi10aXRsZSBjbGFzcz1cInNiYi1zdGF0dXNfX3RpdGxlXCIgbGV2ZWw9JHt0aGlzLnRpdGxlTGV2ZWx9IHZpc3VhbC1sZXZlbD1cIjVcIj5cbiAgICAgICAgICAgIDxzbG90IG5hbWU9XCJ0aXRsZVwiPiR7dGhpcy50aXRsZUNvbnRlbnR9PC9zbG90PlxuICAgICAgICAgIDwvc2JiLXRpdGxlPlxuICAgICAgICAgIDxwIGNsYXNzPVwic2JiLXN0YXR1c19fY29udGVudC1zbG90XCI+XG4gICAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgICAgPC9wPlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItc3RhdHVzJzogU2JiU3RhdHVzRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQXVCTyxJQUFNLG1CQUFOLGNBQStCLGlCQUFpQixVQUFVLEVBQUU7QUFBQSxFQUE1RCxjQUFBO0FBQUEsVUFBQSxHQUFBLFNBQUE7QUFHWSxTQUFBLG1DQUErQyxJQUFJO0FBQUEsTUFDbEUsQ0FBQyxRQUFRLDBCQUEwQjtBQUFBLE1BQ25DLENBQUMsV0FBVyxtQkFBbUI7QUFBQSxNQUMvQixDQUFDLFdBQVcsZ0NBQWdDO0FBQUEsTUFDNUMsQ0FBQyxTQUFTLG9CQUFvQjtBQUFBLElBQUEsQ0FDL0I7QUFHNEIsU0FBTyxPQUFzQjtBQU1sQixTQUFPLGFBQTRCO0FBQUEsRUFBQTtBQUFBLEVBRXhELGlCQUFpQztBQUMzQyxXQUFBO0FBQUE7QUFBQSx5QkFFYyxLQUFLLFlBQVksS0FBSyxhQUFhLElBQUksS0FBSyxJQUFJLENBQUU7QUFBQTtBQUFBO0FBQUEsRUFHekU7QUFBQSxFQUVtQixTQUF5QjtBQUNuQyxXQUFBO0FBQUE7QUFBQSwwQ0FFK0IsS0FBSyxnQkFBZ0I7QUFBQTtBQUFBLHVEQUVSLEtBQUssVUFBVTtBQUFBLGlDQUNyQyxLQUFLLFlBQVk7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLEVBUWhEO0FBQ0Y7QUExQ2EsaUJBQ1ksU0FBeUI7QUFVWixnQkFBQTtBQUFBLEVBQW5DLFNBQVMsRUFBRSxTQUFTLE1BQU07QUFBQSxHQVhoQixpQkFXeUIsV0FBQSxRQUFBLENBQUE7QUFHNEIsZ0JBQUE7QUFBQSxFQUEvRCxTQUFTLEVBQUUsU0FBUyxNQUFNLFdBQVcsaUJBQWlCO0FBQUEsR0FkNUMsaUJBY3FELFdBQUEsZ0JBQUEsQ0FBQTtBQUdqQixnQkFBQTtBQUFBLEVBQTlDLFNBQVMsRUFBRSxXQUFXLGVBQWU7QUFBQSxHQWpCM0IsaUJBaUJvQyxXQUFBLGNBQUEsQ0FBQTtBQWpCcEMsbUJBQU4sZ0JBQUE7QUFBQSxFQUZOLGNBQWMsWUFBWTtBQUFBLEVBQzFCLFVBQVU7QUFBQSxHQUNFLGdCQUFBOyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvc3RhdHVzL3N0YXR1cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBzbG90U3RhdGUgfSBmcm9tICcuLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgU2JiSWNvbk5hbWVNaXhpbiB9IGZyb20gJy4uL2ljb24uanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJUaXRsZUxldmVsIH0gZnJvbSAnLi4vdGl0bGUuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9zdGF0dXMuc2Nzcz9saXQmaW5saW5lJztcblxuaW1wb3J0ICcuLi90aXRsZS5qcyc7XG5cbmV4cG9ydCB0eXBlIFNiYlN0YXR1c1R5cGUgPVxuICB8ICdpbmZvJ1xuICB8ICdzdWNjZXNzJ1xuICB8ICd3YXJuaW5nJ1xuICB8ICdlcnJvcidcbiAgfCAncGVuZGluZydcbiAgfCAnaW5jb21wbGV0ZSdcbiAgfCAnbm90LXN0YXJ0ZWQnXG4gIHwgJ2luLXByb2dyZXNzJztcblxuLyoqXG4gKiBEaXNwbGF5cyBhIG1lc3NhZ2UgdG8gdGhlIHVzZXIncyBhdHRlbnRpb24uXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgc3RhdHVzIG1lc3NhZ2UuXG4gKiBAc2xvdCB0aXRsZSAtIFVzZSB0aGlzIHRvIHByb3ZpZGUgYSB0aXRsZSBmb3IgdGhlIHN0YXR1cyAob3B0aW9uYWwpLlxuICogQHNsb3QgaWNvbiAtIFVzZSB0aGlzIHNsb3QgdG8gb3ZlcnJpZGUgdGhlIGRlZmF1bHQgc3RhdHVzIGljb24uXG4gKi9cbkBjdXN0b21FbGVtZW50KCdzYmItc3RhdHVzJylcbkBzbG90U3RhdGUoKVxuZXhwb3J0IGNsYXNzIFNiYlN0YXR1c0VsZW1lbnQgZXh0ZW5kcyBTYmJJY29uTmFtZU1peGluKExpdEVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgcHJpdmF0ZSByZWFkb25seSBfc3RhdHVzVHlwZXM6IE1hcDxTYmJTdGF0dXNUeXBlLCBzdHJpbmc+ID0gbmV3IE1hcChbXG4gICAgWydpbmZvJywgJ2NpcmNsZS1pbmZvcm1hdGlvbi1zbWFsbCddLFxuICAgIFsnc3VjY2VzcycsICdjaXJjbGUtdGljay1zbWFsbCddLFxuICAgIFsnd2FybmluZycsICdjaXJjbGUtZXhjbGFtYXRpb24tcG9pbnQtc21hbGwnXSxcbiAgICBbJ2Vycm9yJywgJ2NpcmNsZS1jcm9zcy1zbWFsbCddLFxuICAgIFsncGVuZGluZycsICdjaXJjbGUtdGhyZWUtZG90cy1zbWFsbCddLFxuICAgIFsnaW5jb21wbGV0ZScsICdjaXJjbGUtZG90dGVkLXBhcnQteC1zbWFsbCddLFxuICAgIFsnbm90LXN0YXJ0ZWQnLCAnY2lyY2xlLWRvdHRlZC1zbWFsbCddLFxuICAgIFsnaW4tcHJvZ3Jlc3MnLCAnY2lyY2xlLWRvdHRlZC1wYXJ0LXNtYWxsJ10sXG4gIF0pO1xuXG4gIC8qKiBUaGUgdHlwZSBvZiB0aGUgc3RhdHVzLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyB0eXBlOiBTYmJTdGF0dXNUeXBlID0gJ2luZm8nO1xuXG4gIC8qKiBDb250ZW50IG9mIHRpdGxlLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlLCBhdHRyaWJ1dGU6ICd0aXRsZS1jb250ZW50JyB9KSBwdWJsaWMgdGl0bGVDb250ZW50Pzogc3RyaW5nO1xuXG4gIC8qKiBMZXZlbCBvZiB0aXRsZSwgaXQgd2lsbCBiZSByZW5kZXJlZCBhcyBoZWFkaW5nIHRhZyAoZS5nLiBoMykuIERlZmF1bHRzIHRvIGxldmVsIDMuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ3RpdGxlLWxldmVsJyB9KSBwdWJsaWMgdGl0bGVMZXZlbDogU2JiVGl0bGVMZXZlbCA9ICczJztcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVySWNvblNsb3QoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNsb3QgbmFtZT1cImljb25cIj5cbiAgICAgICAgPHNiYi1pY29uIG5hbWU9JHt0aGlzLmljb25OYW1lID8/IHRoaXMuX3N0YXR1c1R5cGVzLmdldCh0aGlzLnR5cGUpIX0+PC9zYmItaWNvbj5cbiAgICAgIDwvc2xvdD5cbiAgICBgO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLXN0YXR1c1wiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1zdGF0dXNfX2ljb25cIj4gJHt0aGlzLnJlbmRlckljb25TbG90KCl9IDwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItc3RhdHVzX19jb250ZW50XCI+XG4gICAgICAgICAgPHNiYi10aXRsZSBjbGFzcz1cInNiYi1zdGF0dXNfX3RpdGxlXCIgbGV2ZWw9JHt0aGlzLnRpdGxlTGV2ZWx9IHZpc3VhbC1sZXZlbD1cIjVcIj5cbiAgICAgICAgICAgIDxzbG90IG5hbWU9XCJ0aXRsZVwiPiR7dGhpcy50aXRsZUNvbnRlbnR9PC9zbG90PlxuICAgICAgICAgIDwvc2JiLXRpdGxlPlxuICAgICAgICAgIDxwIGNsYXNzPVwic2JiLXN0YXR1c19fY29udGVudC1zbG90XCI+XG4gICAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgICAgPC9wPlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItc3RhdHVzJzogU2JiU3RhdHVzRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQStCTyxJQUFNLG1CQUFOLGNBQStCLGlCQUFpQixVQUFVLEVBQUU7QUFBQSxFQUE1RCxjQUFBO0FBQUEsVUFBQSxHQUFBLFNBQUE7QUFHWSxTQUFBLG1DQUErQyxJQUFJO0FBQUEsTUFDbEUsQ0FBQyxRQUFRLDBCQUEwQjtBQUFBLE1BQ25DLENBQUMsV0FBVyxtQkFBbUI7QUFBQSxNQUMvQixDQUFDLFdBQVcsZ0NBQWdDO0FBQUEsTUFDNUMsQ0FBQyxTQUFTLG9CQUFvQjtBQUFBLE1BQzlCLENBQUMsV0FBVyx5QkFBeUI7QUFBQSxNQUNyQyxDQUFDLGNBQWMsNEJBQTRCO0FBQUEsTUFDM0MsQ0FBQyxlQUFlLHFCQUFxQjtBQUFBLE1BQ3JDLENBQUMsZUFBZSwwQkFBMEI7QUFBQSxJQUFBLENBQzNDO0FBRzRCLFNBQU8sT0FBc0I7QUFNbEIsU0FBTyxhQUE0QjtBQUFBLEVBQUE7QUFBQSxFQUV4RCxpQkFBaUM7QUFDM0MsV0FBQTtBQUFBO0FBQUEseUJBRWMsS0FBSyxZQUFZLEtBQUssYUFBYSxJQUFJLEtBQUssSUFBSSxDQUFFO0FBQUE7QUFBQTtBQUFBLEVBR3pFO0FBQUEsRUFFbUIsU0FBeUI7QUFDbkMsV0FBQTtBQUFBO0FBQUEsMENBRStCLEtBQUssZ0JBQWdCO0FBQUE7QUFBQSx1REFFUixLQUFLLFVBQVU7QUFBQSxpQ0FDckMsS0FBSyxZQUFZO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxFQVFoRDtBQUNGO0FBOUNhLGlCQUNZLFNBQXlCO0FBY1osZ0JBQUE7QUFBQSxFQUFuQyxTQUFTLEVBQUUsU0FBUyxNQUFNO0FBQUEsR0FmaEIsaUJBZXlCLFdBQUEsUUFBQSxDQUFBO0FBRzRCLGdCQUFBO0FBQUEsRUFBL0QsU0FBUyxFQUFFLFNBQVMsTUFBTSxXQUFXLGlCQUFpQjtBQUFBLEdBbEI1QyxpQkFrQnFELFdBQUEsZ0JBQUEsQ0FBQTtBQUdqQixnQkFBQTtBQUFBLEVBQTlDLFNBQVMsRUFBRSxXQUFXLGVBQWU7QUFBQSxHQXJCM0IsaUJBcUJvQyxXQUFBLGNBQUEsQ0FBQTtBQXJCcEMsbUJBQU4sZ0JBQUE7QUFBQSxFQUZOLGNBQWMsWUFBWTtBQUFBLEVBQzFCLFVBQVU7QUFBQSxHQUNFLGdCQUFBOyJ9

package/development/visual-checkbox/visual-checkbox.d.ts

@@ -1,4 +1,5 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+import { SbbCheckboxSize } from '../checkbox/common.js';
 
 declare const SbbVisualCheckboxElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbDisabledMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof LitElement;
 /**
@@ -10,6 +11,8 @@ export declare class SbbVisualCheckboxElement extends SbbVisualCheckboxElement_b
     checked: boolean;
     /** Indeterminate state. */
     indeterminate: boolean;
+    /** Size of the checkbox. */
+    size: SbbCheckboxSize;
     protected render(): TemplateResult;
 }
 declare global {

package/development/visual-checkbox/visual-checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"visual-checkbox.d.ts","sourceRoot":"","sources":["../../../../src/elements/visual-checkbox/visual-checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;;AAOhD;;GAEG;AACH,qBACa,wBAAyB,SAAQ,6BAA8C;IAC1F,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,qBAAqB;IAC8B,OAAO,EAAE,OAAO,CAAS;IAE5E,2BAA2B;IACwB,aAAa,UAAS;cAEtD,MAAM,IAAI,cAAc;CAwB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}
+{"version":3,"file":"visual-checkbox.d.ts","sourceRoot":"","sources":["../../../../src/elements/visual-checkbox/visual-checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAGhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;;AAK7D;;GAEG;AACH,qBACa,wBAAyB,SAAQ,6BAA8C;IAC1F,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,qBAAqB;IAC8B,OAAO,EAAE,OAAO,CAAS;IAE5E,2BAA2B;IACwB,aAAa,UAAS;IAEzE,4BAA4B;IACQ,IAAI,EAAE,eAAe,CAAO;cAE7C,MAAM,IAAI,cAAc;CAwB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}

package/development/visual-checkbox.js

@@ -44,6 +44,10 @@ const style = css`/**
   }
 }
 
+:host([size=xs]) {
+  --sbb-visual-checkbox-dimension: 1.25rem;
+}
+
 :host([negative]) {
   --sbb-visual-checkbox-background-color: var(--sbb-color-midnight);
   --sbb-visual-checkbox-border-color: var(--sbb-color-smoke);
@@ -146,14 +150,15 @@ let SbbVisualCheckboxElement = class extends SbbDisabledMixin(SbbNegativeMixin(L
     super(...arguments);
     this.checked = false;
     this.indeterminate = false;
+    this.size = "m";
   }
   render() {
     return html`
       <span class="sbb-visual-checkbox">
         <span class="sbb-visual-checkbox__icon">
           ${this.checked || this.indeterminate ? html`<svg
-                width="24"
-                height="24"
+                width=${this.size === "xs" ? "20" : "24"}
+                height=${this.size === "xs" ? "20" : "24"}
                 viewBox="0 0 24 24"
                 fill="none"
                 xmlns="http://www.w3.org/2000/svg"
@@ -177,10 +182,13 @@ __decorateClass([
 __decorateClass([
   property({ reflect: true, type: Boolean })
 ], SbbVisualCheckboxElement.prototype, "indeterminate", 2);
+__decorateClass([
+  property({ reflect: true })
+], SbbVisualCheckboxElement.prototype, "size", 2);
 SbbVisualCheckboxElement = __decorateClass([
   customElement("sbb-visual-checkbox")
 ], SbbVisualCheckboxElement);
 export {
   SbbVisualCheckboxElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlzdWFsLWNoZWNrYm94LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdmlzdWFsLWNoZWNrYm94L3Zpc3VhbC1jaGVja2JveC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50LCBub3RoaW5nIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBTYmJEaXNhYmxlZE1peGluLCBTYmJOZWdhdGl2ZU1peGluIH0gZnJvbSAnLi4vY29yZS9taXhpbnMuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi92aXN1YWwtY2hlY2tib3guc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCB2aXN1YWxseSBkaXNwbGF5cyBhIG5vbi1pbnRlcmFjdGl2ZSBjaGVja2JveC5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi12aXN1YWwtY2hlY2tib3gnKVxuZXhwb3J0IGNsYXNzIFNiYlZpc3VhbENoZWNrYm94RWxlbWVudCBleHRlbmRzIFNiYkRpc2FibGVkTWl4aW4oU2JiTmVnYXRpdmVNaXhpbihMaXRFbGVtZW50KSkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKiogQ2hlY2tlZCBzdGF0ZS4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSwgdHlwZTogQm9vbGVhbiB9KSBwdWJsaWMgY2hlY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKiBJbmRldGVybWluYXRlIHN0YXRlLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pIHB1YmxpYyBpbmRldGVybWluYXRlID0gZmFsc2U7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi12aXN1YWwtY2hlY2tib3hcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdmlzdWFsLWNoZWNrYm94X19pY29uXCI+XG4gICAgICAgICAgJHt0aGlzLmNoZWNrZWQgfHwgdGhpcy5pbmRldGVybWluYXRlXG4gICAgICAgICAgICA/IGh0bWxgPHN2Z1xuICAgICAgICAgICAgICAgIHdpZHRoPVwiMjRcIlxuICAgICAgICAgICAgICAgIGhlaWdodD1cIjI0XCJcbiAgICAgICAgICAgICAgICB2aWV3Qm94PVwiMCAwIDI0IDI0XCJcbiAgICAgICAgICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgICAgICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgICAgZD0ke3RoaXMuaW5kZXRlcm1pbmF0ZSA/ICdNOSAxMkgxNScgOiAnTTggMTIuMzMwNEwxMC40NjE1IDE1TDE2IDknfVxuICAgICAgICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPVwiMlwiXG4gICAgICAgICAgICAgICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCJcbiAgICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCJcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L3N2Zz5gXG4gICAgICAgICAgICA6IG5vdGhpbmd9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdmlzdWFsLWNoZWNrYm94JzogU2JiVmlzdWFsQ2hlY2tib3hFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFZTyxJQUFNLDJCQUFOLGNBQXVDLGlCQUFpQixpQkFBaUIsVUFBVSxDQUFDLEVBQUU7QUFBQSxFQUF0RixjQUFBO0FBQUEsVUFBQSxHQUFBLFNBQUE7QUFJdUMsU0FBTyxVQUFtQjtBQUcxQixTQUFPLGdCQUFnQjtBQUFBLEVBQUE7QUFBQSxFQUVoRCxTQUF5QjtBQUNuQyxXQUFBO0FBQUE7QUFBQTtBQUFBLFlBR0MsS0FBSyxXQUFXLEtBQUssZ0JBQ25CO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxzQkFRUSxLQUFLLGdCQUFnQixhQUFhLDRCQUE0QjtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsd0JBTXRFLE9BQU87QUFBQTtBQUFBO0FBQUE7QUFBQSxFQUluQjtBQUNGO0FBakNhLHlCQUNZLFNBQXlCO0FBR0csZ0JBQUE7QUFBQSxFQUFsRCxTQUFTLEVBQUUsU0FBUyxNQUFNLE1BQU0sU0FBUztBQUFBLEdBSi9CLHlCQUl3QyxXQUFBLFdBQUEsQ0FBQTtBQUdBLGdCQUFBO0FBQUEsRUFBbEQsU0FBUyxFQUFFLFNBQVMsTUFBTSxNQUFNLFNBQVM7QUFBQSxHQVAvQix5QkFPd0MsV0FBQSxpQkFBQSxDQUFBO0FBUHhDLDJCQUFOLGdCQUFBO0FBQUEsRUFETixjQUFjLHFCQUFxQjtBQUFBLEdBQ3ZCLHdCQUFBOyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlzdWFsLWNoZWNrYm94LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdmlzdWFsLWNoZWNrYm94L3Zpc3VhbC1jaGVja2JveC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50LCBub3RoaW5nIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgdHlwZSB7IFNiYkNoZWNrYm94U2l6ZSB9IGZyb20gJy4uL2NoZWNrYm94L2NvbW1vbi5qcyc7XG5pbXBvcnQgeyBTYmJEaXNhYmxlZE1peGluLCBTYmJOZWdhdGl2ZU1peGluIH0gZnJvbSAnLi4vY29yZS9taXhpbnMuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi92aXN1YWwtY2hlY2tib3guc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCB2aXN1YWxseSBkaXNwbGF5cyBhIG5vbi1pbnRlcmFjdGl2ZSBjaGVja2JveC5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi12aXN1YWwtY2hlY2tib3gnKVxuZXhwb3J0IGNsYXNzIFNiYlZpc3VhbENoZWNrYm94RWxlbWVudCBleHRlbmRzIFNiYkRpc2FibGVkTWl4aW4oU2JiTmVnYXRpdmVNaXhpbihMaXRFbGVtZW50KSkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKiogQ2hlY2tlZCBzdGF0ZS4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSwgdHlwZTogQm9vbGVhbiB9KSBwdWJsaWMgY2hlY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKiBJbmRldGVybWluYXRlIHN0YXRlLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pIHB1YmxpYyBpbmRldGVybWluYXRlID0gZmFsc2U7XG5cbiAgLyoqIFNpemUgb2YgdGhlIGNoZWNrYm94LiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBzaXplOiBTYmJDaGVja2JveFNpemUgPSAnbSc7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi12aXN1YWwtY2hlY2tib3hcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdmlzdWFsLWNoZWNrYm94X19pY29uXCI+XG4gICAgICAgICAgJHt0aGlzLmNoZWNrZWQgfHwgdGhpcy5pbmRldGVybWluYXRlXG4gICAgICAgICAgICA/IGh0bWxgPHN2Z1xuICAgICAgICAgICAgICAgIHdpZHRoPSR7dGhpcy5zaXplID09PSAneHMnID8gJzIwJyA6ICcyNCd9XG4gICAgICAgICAgICAgICAgaGVpZ2h0PSR7dGhpcy5zaXplID09PSAneHMnID8gJzIwJyA6ICcyNCd9XG4gICAgICAgICAgICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgICAgICAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgICAgICAgIGQ9JHt0aGlzLmluZGV0ZXJtaW5hdGUgPyAnTTkgMTJIMTUnIDogJ004IDEyLjMzMDRMMTAuNDYxNSAxNUwxNiA5J31cbiAgICAgICAgICAgICAgICAgIHN0cm9rZS13aWR0aD1cIjJcIlxuICAgICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiXG4gICAgICAgICAgICAgICAgICBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPC9zdmc+YFxuICAgICAgICAgICAgOiBub3RoaW5nfVxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXZpc3VhbC1jaGVja2JveCc6IFNiYlZpc3VhbENoZWNrYm94RWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQWFPLElBQU0sMkJBQU4sY0FBdUMsaUJBQWlCLGlCQUFpQixVQUFVLENBQUMsRUFBRTtBQUFBLEVBQXRGLGNBQUE7QUFBQSxVQUFBLEdBQUEsU0FBQTtBQUl1QyxTQUFPLFVBQW1CO0FBRzFCLFNBQU8sZ0JBQWdCO0FBR3RDLFNBQU8sT0FBd0I7QUFBQSxFQUFBO0FBQUEsRUFFekMsU0FBeUI7QUFDbkMsV0FBQTtBQUFBO0FBQUE7QUFBQSxZQUdDLEtBQUssV0FBVyxLQUFLLGdCQUNuQjtBQUFBLHdCQUNVLEtBQUssU0FBUyxPQUFPLE9BQU8sSUFBSTtBQUFBLHlCQUMvQixLQUFLLFNBQVMsT0FBTyxPQUFPLElBQUk7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsc0JBTW5DLEtBQUssZ0JBQWdCLGFBQWEsNEJBQTRCO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSx3QkFNdEUsT0FBTztBQUFBO0FBQUE7QUFBQTtBQUFBLEVBSW5CO0FBQ0Y7QUFwQ2EseUJBQ1ksU0FBeUI7QUFHRyxnQkFBQTtBQUFBLEVBQWxELFNBQVMsRUFBRSxTQUFTLE1BQU0sTUFBTSxTQUFTO0FBQUEsR0FKL0IseUJBSXdDLFdBQUEsV0FBQSxDQUFBO0FBR0EsZ0JBQUE7QUFBQSxFQUFsRCxTQUFTLEVBQUUsU0FBUyxNQUFNLE1BQU0sU0FBUztBQUFBLEdBUC9CLHlCQU93QyxXQUFBLGlCQUFBLENBQUE7QUFHZixnQkFBQTtBQUFBLEVBQW5DLFNBQVMsRUFBRSxTQUFTLE1BQU07QUFBQSxHQVZoQix5QkFVeUIsV0FBQSxRQUFBLENBQUE7QUFWekIsMkJBQU4sZ0JBQUE7QUFBQSxFQUROLGNBQWMscUJBQXFCO0FBQUEsR0FDdkIsd0JBQUE7In0=

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

@@ -0,0 +1,32 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+import { SbbFlipCardDetailsElement } from '../flip-card-details.js';
+import { SbbFlipCardSummaryElement } from '../flip-card-summary.js';
+
+declare const SbbFlipCardElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbHydrationMixinType> & typeof LitElement;
+/**
+ * Displays an informative card that reveals more informations upon being clicked.
+ *
+ * @slot summary - Use this slot to provide a sbb-flip-card-summary component.
+ * @slot details - Use this slot to provide a sbb-flip-card-details component.
+ *
+ */
+export declare class SbbFlipCardElement extends SbbFlipCardElement_base {
+    static styles: CSSResultGroup;
+    /** Returns the slotted sbb-flip-card-summary. */
+    get summary(): SbbFlipCardSummaryElement;
+    /** Returns the slotted sbb-flip-card-details. */
+    get details(): SbbFlipCardDetailsElement;
+    /** Whether the card is flipped or not. */
+    private _flipped;
+    private _language;
+    /** Toggles the state of the sbb-flip-card. */
+    toggle(): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-flip-card': SbbFlipCardElement;
+    }
+}
+export {};
+//# sourceMappingURL=flip-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flip-card.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card/flip-card.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAMvC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAIzE,OAAO,kCAAkC,CAAC;;AAE1C;;;;;;GAMG;AACH,qBACa,kBAAmB,SAAQ,uBAA6B;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,iDAAiD;IACjD,IAAW,OAAO,IAAI,yBAAyB,CAE9C;IAED,iDAAiD;IACjD,IAAW,OAAO,IAAI,yBAAyB,CAE9C;IAED,0CAA0C;IACjC,OAAO,CAAC,QAAQ,CAAS;IAElC,OAAO,CAAC,SAAS,CAAmC;IAEpD,8CAA8C;IACvC,MAAM,IAAI,IAAI;cAOF,MAAM,IAAI,cAAc;CAqB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}