@sbb-esta/lyne-elements 0.0.0 → 0.52.0

package/development/card/card/card.d.ts

@@ -0,0 +1,29 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+
+/**
+ * It displays content related to a single subject.
+ *
+ * @slot - Use the unnamed slot to add content to the card.
+ * @slot badge - Use this slot to render a `sbb-card-badge` component.
+ * @slot action - Use this slot to render a `sbb-card-button` or a `sbb-card-link` component.
+ */
+export declare class SbbCardElement extends LitElement {
+    static styles: CSSResultGroup;
+    /** Size variant, either xs, s, m, l, xl, xxl or xxxl. */
+    size: 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
+    /** Option to set the component's background color. */
+    color: 'white' | 'milk' | 'transparent-bordered' | 'transparent-bordered-dashed';
+    /**
+     * It is used internally to show the `<sbb-card-badge>`.
+     *
+     * @returns True whether size is equal to m, l, xl or xxl.
+     */
+    private _isBadgeVisible;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-card': SbbCardElement;
+    }
+}
+//# sourceMappingURL=card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../../src/elements/card/card/card.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAKhD;;;;;;GAMG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,yDAAyD;IACrB,IAAI,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAO;IAE/F,sDAAsD;IAClB,KAAK,EACrC,OAAO,GACP,MAAM,GACN,sBAAsB,GACtB,6BAA6B,CAAW;IAE5C;;;;OAIG;IACH,OAAO,CAAC,eAAe;cAIJ,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}

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

@@ -0,0 +1,23 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+
+/**
+ * It displays content within a badge.
+ *
+ * @slot - Use the unnamed slot to add content to the badge.
+ *   Content parts should be wrapped in `<span>` tags to achieve correct spacings.
+ */
+export declare class SbbCardBadgeElement extends LitElement {
+    static styles: CSSResultGroup;
+    /** Color of the card badge. */
+    color: 'charcoal' | 'white';
+    private _parentElement?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-card-badge': SbbCardBadgeElement;
+    }
+}
+//# sourceMappingURL=card-badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-badge.d.ts","sourceRoot":"","sources":["../../../../../src/elements/card/card-badge/card-badge.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAQvC;;;;;GAKG;AACH,qBAMa,mBAAoB,SAAQ,UAAU;IACjD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,+BAA+B;IACK,KAAK,EAAE,UAAU,GAAG,OAAO,CAAc;IAE7E,OAAO,CAAC,cAAc,CAAC,CAAqB;IAE5B,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;cAQzB,MAAM,IAAI,cAAc;CAY5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}

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

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

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

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

package/development/card/card-badge.js

@@ -0,0 +1,166 @@
+import { css, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { hostAttributes } from "../core/decorators.js";
+import { getDocumentWritingMode } from "../core/dom.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. */
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --sbb-card-badge-gap: var(--sbb-spacing-fixed-2x);
+  display: block;
+}
+
+:host([color=white]) {
+  --sbb-card-badge-color: var(--sbb-color-charcoal);
+  --sbb-card-badge-background-color: var(--sbb-color-white);
+  --sbb-card-badge-border-color: var(--sbb-color-aluminium);
+}
+
+:host([color=charcoal]) {
+  --sbb-card-badge-color: var(--sbb-color-white);
+  --sbb-card-badge-background-color: var(--sbb-color-charcoal);
+  --sbb-card-badge-border-color: transparent;
+}
+
+.sbb-card-badge-wrapper {
+  display: flex;
+  position: relative;
+  height: fit-content;
+  justify-content: end;
+}
+@media (forced-colors: active) {
+  .sbb-card-badge-wrapper::after {
+    content: "";
+    display: block;
+    position: absolute;
+    inset: 0;
+    border-block-end: var(--sbb-border-width-1x) solid CanvasText;
+  }
+}
+
+.sbb-card-badge {
+  position: relative;
+  display: flex;
+  inset-block-start: 0;
+  inset-inline-end: 0;
+  padding-inline: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-3x);
+}
+
+.sbb-card-badge-content {
+  --sbb-text-font-size: var(--sbb-font-size-text-xxs);
+  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);
+  font-weight: bold;
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: var(--sbb-card-badge-gap);
+  color: var(--sbb-card-badge-color);
+}
+
+.sbb-card-badge-background {
+  content: "";
+  display: block;
+  position: absolute;
+  inset: 0;
+  background-color: var(--sbb-card-badge-background-color);
+  border-end-start-radius: var(--sbb-border-radius-4x);
+  margin-inline-end: calc(var(--sbb-spacing-fixed-3x) * -1);
+  transform: skew(16deg, 0deg);
+}
+:host([dir=rtl]) .sbb-card-badge-background {
+  transform: skew(-16deg, 0deg);
+}
+.sbb-card-badge-background::before {
+  content: "";
+  display: block;
+  position: absolute;
+  inset: 0;
+  border-block-end: var(--sbb-border-width-1x) solid var(--sbb-card-badge-border-color);
+  border-inline-start: var(--sbb-border-width-1x) solid var(--sbb-card-badge-border-color);
+  border-end-start-radius: var(--sbb-border-radius-4x);
+}
+@media (forced-colors: active) {
+  .sbb-card-badge-background::before {
+    border: none;
+  }
+}`;
+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 SbbCardBadgeElement = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.color = "charcoal";
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this._parentElement = this.parentElement;
+    if (this._parentElement) {
+      this._parentElement.toggleAttribute("data-has-card-badge", true);
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    if (this._parentElement) {
+      this._parentElement.removeAttribute("data-has-card-badge");
+    }
+    this._parentElement = void 0;
+  }
+  render() {
+    return html`
+      <span class="sbb-card-badge-wrapper">
+        <span class="sbb-card-badge">
+          <span class="sbb-card-badge-background" aria-hidden="true"></span>
+          <span class="sbb-card-badge-content">
+            <slot></slot>
+          </span>
+        </span>
+      </span>
+    `;
+  }
+};
+SbbCardBadgeElement.styles = style;
+__decorateClass([
+  property({ reflect: true })
+], SbbCardBadgeElement.prototype, "color", 2);
+SbbCardBadgeElement = __decorateClass([
+  customElement("sbb-card-badge"),
+  hostAttributes({
+    slot: "badge",
+    role: "text",
+    dir: getDocumentWritingMode()
+  })
+], SbbCardBadgeElement);
+export {
+  SbbCardBadgeElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1iYWRnZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2NhcmQvY2FyZC1iYWRnZS9jYXJkLWJhZGdlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IGhvc3RBdHRyaWJ1dGVzIH0gZnJvbSAnLi4vLi4vY29yZS9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IGdldERvY3VtZW50V3JpdGluZ01vZGUgfSBmcm9tICcuLi8uLi9jb3JlL2RvbS5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2NhcmQtYmFkZ2Uuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBjb250ZW50IHdpdGhpbiBhIGJhZGdlLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIGJhZGdlLlxuICogICBDb250ZW50IHBhcnRzIHNob3VsZCBiZSB3cmFwcGVkIGluIGA8c3Bhbj5gIHRhZ3MgdG8gYWNoaWV2ZSBjb3JyZWN0IHNwYWNpbmdzLlxuICovXG5AY3VzdG9tRWxlbWVudCgnc2JiLWNhcmQtYmFkZ2UnKVxuQGhvc3RBdHRyaWJ1dGVzKHtcbiAgc2xvdDogJ2JhZGdlJyxcbiAgcm9sZTogJ3RleHQnLFxuICBkaXI6IGdldERvY3VtZW50V3JpdGluZ01vZGUoKSxcbn0pXG5leHBvcnQgY2xhc3MgU2JiQ2FyZEJhZGdlRWxlbWVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKiogQ29sb3Igb2YgdGhlIGNhcmQgYmFkZ2UuICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGNvbG9yOiAnY2hhcmNvYWwnIHwgJ3doaXRlJyA9ICdjaGFyY29hbCc7XG5cbiAgcHJpdmF0ZSBfcGFyZW50RWxlbWVudD86IEhUTUxFbGVtZW50IHwgbnVsbDtcblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLl9wYXJlbnRFbGVtZW50ID0gdGhpcy5wYXJlbnRFbGVtZW50O1xuICAgIGlmICh0aGlzLl9wYXJlbnRFbGVtZW50KSB7XG4gICAgICB0aGlzLl9wYXJlbnRFbGVtZW50LnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1oYXMtY2FyZC1iYWRnZScsIHRydWUpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBkaXNjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5kaXNjb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIGlmICh0aGlzLl9wYXJlbnRFbGVtZW50KSB7XG4gICAgICB0aGlzLl9wYXJlbnRFbGVtZW50LnJlbW92ZUF0dHJpYnV0ZSgnZGF0YS1oYXMtY2FyZC1iYWRnZScpO1xuICAgIH1cbiAgICB0aGlzLl9wYXJlbnRFbGVtZW50ID0gdW5kZWZpbmVkO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1jYXJkLWJhZGdlLXdyYXBwZXJcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2FyZC1iYWRnZVwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNhcmQtYmFkZ2UtYmFja2dyb3VuZFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1jYXJkLWJhZGdlLWNvbnRlbnRcIj5cbiAgICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItY2FyZC1iYWRnZSc6IFNiYkNhcmRCYWRnZUVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBcUJhLElBQUEsc0JBQU4sY0FBa0MsV0FBVztBQUFBLEVBQTdDLGNBQUE7QUFBQSxVQUFBLEdBQUEsU0FBQTtBQUl3QixTQUFPLFFBQThCO0FBQUEsRUFBQTtBQUFBLEVBSWxELG9CQUEwQjtBQUN4QyxVQUFNLGtCQUFrQjtBQUN4QixTQUFLLGlCQUFpQixLQUFLO0FBQzNCLFFBQUksS0FBSyxnQkFBZ0I7QUFDbEIsV0FBQSxlQUFlLGdCQUFnQix1QkFBdUIsSUFBSTtBQUFBLElBQ2pFO0FBQUEsRUFDRjtBQUFBLEVBRWdCLHVCQUE2QjtBQUMzQyxVQUFNLHFCQUFxQjtBQUMzQixRQUFJLEtBQUssZ0JBQWdCO0FBQ2xCLFdBQUEsZUFBZSxnQkFBZ0IscUJBQXFCO0FBQUEsSUFDM0Q7QUFDQSxTQUFLLGlCQUFpQjtBQUFBLEVBQ3hCO0FBQUEsRUFFbUIsU0FBeUI7QUFDbkMsV0FBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLEVBVVQ7QUFDRjtBQXBDYSxvQkFDWSxTQUF5QjtBQUdaLGdCQUFBO0FBQUEsRUFBbkMsU0FBUyxFQUFFLFNBQVMsTUFBTTtBQUFBLEdBSmhCLG9CQUl5QixXQUFBLFNBQUEsQ0FBQTtBQUp6QixzQkFBTixnQkFBQTtBQUFBLEVBTk4sY0FBYyxnQkFBZ0I7QUFBQSxFQUM5QixlQUFlO0FBQUEsSUFDZCxNQUFNO0FBQUEsSUFDTixNQUFNO0FBQUEsSUFDTixLQUFLLHVCQUF1QjtBQUFBLEVBQUEsQ0FDN0I7QUFBQSxHQUNZLG1CQUFBOyJ9

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

@@ -0,0 +1,19 @@
+import { SbbButtonBaseElement } from '../../core/base-elements.js';
+
+declare const SbbCardButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbCardActionCommonElementMixinType> & typeof SbbButtonBaseElement;
+/**
+ * It turns the `sbb-card` into a button element.
+ *
+ * @slot - Use the unnamed slot to add a descriptive label / title of the button (important!).
+ *   This is relevant for SEO and screen readers.
+ */
+export declare class SbbCardButtonElement extends SbbCardButtonElement_base {
+    protected actionRole: 'link' | 'button';
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-card-button': SbbCardButtonElement;
+    }
+}
+export {};
+//# sourceMappingURL=card-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-button.d.ts","sourceRoot":"","sources":["../../../../../src/elements/card/card-button/card-button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAGnE;;;;;GAKG;AACH,qBACa,oBAAqB,SAAQ,yBAAqD;IAC7F,UAAmB,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAY;CAC7D;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

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

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

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

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

package/development/card/card-button.js

@@ -0,0 +1,27 @@
+import { customElement } from "lit/decorators.js";
+import { SbbButtonBaseElement } from "../core/base-elements.js";
+import { SbbCardActionCommonElementMixin } from "./common.js";
+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 SbbCardButtonElement = class extends SbbCardActionCommonElementMixin(SbbButtonBaseElement) {
+  constructor() {
+    super(...arguments);
+    this.actionRole = "button";
+  }
+};
+SbbCardButtonElement = __decorateClass([
+  customElement("sbb-card-button")
+], SbbCardButtonElement);
+export {
+  SbbCardButtonElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1idXR0b24uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jYXJkL2NhcmQtYnV0dG9uL2NhcmQtYnV0dG9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkJ1dHRvbkJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLmpzJztcbmltcG9ydCB7IFNiYkNhcmRBY3Rpb25Db21tb25FbGVtZW50TWl4aW4gfSBmcm9tICcuLi9jb21tb24uanMnO1xuXG4vKipcbiAqIEl0IHR1cm5zIHRoZSBgc2JiLWNhcmRgIGludG8gYSBidXR0b24gZWxlbWVudC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBhIGRlc2NyaXB0aXZlIGxhYmVsIC8gdGl0bGUgb2YgdGhlIGJ1dHRvbiAoaW1wb3J0YW50ISkuXG4gKiAgIFRoaXMgaXMgcmVsZXZhbnQgZm9yIFNFTyBhbmQgc2NyZWVuIHJlYWRlcnMuXG4gKi9cbkBjdXN0b21FbGVtZW50KCdzYmItY2FyZC1idXR0b24nKVxuZXhwb3J0IGNsYXNzIFNiYkNhcmRCdXR0b25FbGVtZW50IGV4dGVuZHMgU2JiQ2FyZEFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpbihTYmJCdXR0b25CYXNlRWxlbWVudCkge1xuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgYWN0aW9uUm9sZTogJ2xpbmsnIHwgJ2J1dHRvbicgPSAnYnV0dG9uJztcbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1jYXJkLWJ1dHRvbic6IFNiYkNhcmRCdXR0b25FbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7QUFZTyxJQUFNLHVCQUFOLGNBQW1DLGdDQUFnQyxvQkFBb0IsRUFBRTtBQUFBLEVBQXpGLGNBQUE7QUFBQSxVQUFBLEdBQUEsU0FBQTtBQUNMLFNBQW1CLGFBQWdDO0FBQUEsRUFBQTtBQUNyRDtBQUZhLHVCQUFOLGdCQUFBO0FBQUEsRUFETixjQUFjLGlCQUFpQjtBQUFBLEdBQ25CLG9CQUFBOyJ9

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

@@ -0,0 +1,19 @@
+import { SbbLinkBaseElement } from '../../core/base-elements.js';
+
+declare const SbbCardLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbCardActionCommonElementMixinType> & typeof SbbLinkBaseElement;
+/**
+ * It turns the `sbb-card` into a link element.
+ *
+ * @slot - Use the unnamed slot to add a descriptive label / title of the link (important!).
+ *   This is relevant for SEO and screen readers.
+ */
+export declare class SbbCardLinkElement extends SbbCardLinkElement_base {
+    protected actionRole: 'link' | 'button';
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-card-link': SbbCardLinkElement;
+    }
+}
+export {};
+//# sourceMappingURL=card-link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-link.d.ts","sourceRoot":"","sources":["../../../../../src/elements/card/card-link/card-link.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAGjE;;;;;GAKG;AACH,qBACa,kBAAmB,SAAQ,uBAAmD;IACzF,UAAmB,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAU;CAC3D;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}

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

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

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

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

package/development/card/card-link.js

@@ -0,0 +1,27 @@
+import { customElement } from "lit/decorators.js";
+import { SbbLinkBaseElement } from "../core/base-elements.js";
+import { SbbCardActionCommonElementMixin } from "./common.js";
+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 SbbCardLinkElement = class extends SbbCardActionCommonElementMixin(SbbLinkBaseElement) {
+  constructor() {
+    super(...arguments);
+    this.actionRole = "link";
+  }
+};
+SbbCardLinkElement = __decorateClass([
+  customElement("sbb-card-link")
+], SbbCardLinkElement);
+export {
+  SbbCardLinkElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1saW5rLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvY2FyZC9jYXJkLWxpbmsvY2FyZC1saW5rLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkxpbmtCYXNlRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy5qcyc7XG5pbXBvcnQgeyBTYmJDYXJkQWN0aW9uQ29tbW9uRWxlbWVudE1peGluIH0gZnJvbSAnLi4vY29tbW9uLmpzJztcblxuLyoqXG4gKiBJdCB0dXJucyB0aGUgYHNiYi1jYXJkYCBpbnRvIGEgbGluayBlbGVtZW50LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGEgZGVzY3JpcHRpdmUgbGFiZWwgLyB0aXRsZSBvZiB0aGUgbGluayAoaW1wb3J0YW50ISkuXG4gKiAgIFRoaXMgaXMgcmVsZXZhbnQgZm9yIFNFTyBhbmQgc2NyZWVuIHJlYWRlcnMuXG4gKi9cbkBjdXN0b21FbGVtZW50KCdzYmItY2FyZC1saW5rJylcbmV4cG9ydCBjbGFzcyBTYmJDYXJkTGlua0VsZW1lbnQgZXh0ZW5kcyBTYmJDYXJkQWN0aW9uQ29tbW9uRWxlbWVudE1peGluKFNiYkxpbmtCYXNlRWxlbWVudCkge1xuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgYWN0aW9uUm9sZTogJ2xpbmsnIHwgJ2J1dHRvbicgPSAnbGluayc7XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItY2FyZC1saW5rJzogU2JiQ2FyZExpbmtFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7QUFZTyxJQUFNLHFCQUFOLGNBQWlDLGdDQUFnQyxrQkFBa0IsRUFBRTtBQUFBLEVBQXJGLGNBQUE7QUFBQSxVQUFBLEdBQUEsU0FBQTtBQUNMLFNBQW1CLGFBQWdDO0FBQUEsRUFBQTtBQUNyRDtBQUZhLHFCQUFOLGdCQUFBO0FBQUEsRUFETixjQUFjLGVBQWU7QUFBQSxHQUNqQixrQkFBQTsifQ==

package/development/card/card.d.ts

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

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

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

package/development/card/card.js

@@ -0,0 +1,267 @@
+import { css, LitElement, html, nothing } from "lit";
+import { property, customElement } from "lit/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. */
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --sbb-card-background-color: var(--sbb-color-white);
+  --sbb-card-border-radius: var(--sbb-border-radius-4x);
+  --sbb-card-animation-duration: var(
+    --sbb-disable-animation-zero-time,
+    var(--sbb-animation-duration-1x)
+  );
+  --sbb-card-animation-easing: var(--sbb-animation-easing);
+  --sbb-card-border-color: transparent;
+  --sbb-card-border-style: solid;
+  --sbb-card-hover-shift: 0;
+  --sbb-focus-outline-color: var(--sbb-focus-outline-color-default);
+  display: block;
+}
+@media (forced-colors: active) {
+  :host {
+    --sbb-card-border-color: CanvasText;
+    --sbb-card-border-width: var(--sbb-border-width-2x);
+  }
+}
+
+:host([color=milk]) {
+  --sbb-card-background-color: var(--sbb-color-milk);
+  --sbb-card-border-color: transparent;
+}
+
+:host([color=transparent-bordered]) {
+  --sbb-card-background-color: transparent;
+  --sbb-card-border-color: var(--sbb-color-cloud);
+  --sbb-card-border-width: var(--sbb-border-width-1x);
+  --sbb-focus-outline-color: inherit;
+}
+
+:host([color=transparent-bordered-dashed]) {
+  --sbb-card-background-color: transparent;
+  --sbb-card-border-color: var(--sbb-color-cement);
+  --sbb-card-border-width: var(--sbb-border-width-1x);
+  --sbb-card-border-style: dashed;
+  --sbb-focus-outline-color: inherit;
+}
+
+:host([data-has-active-action]) {
+  --sbb-card-border-color: var(--sbb-color-charcoal);
+  --sbb-card-border-width: var(--sbb-border-width-2x);
+  --sbb-card-border-style: solid;
+}
+@media (forced-colors: active) {
+  :host([data-has-active-action]) {
+    --sbb-card-border-color: Highlight;
+  }
+}
+
+:host([size=xs]) {
+  --sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);
+  --sbb-card-padding-block-start: var(--sbb-spacing-fixed-3x);
+  --sbb-card-padding-block-end: var(--sbb-card-padding-block-start);
+}
+
+:host([size=s]) {
+  --sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);
+  --sbb-card-padding-block-start: var(--sbb-spacing-responsive-xxxs);
+  --sbb-card-padding-block-end: var(--sbb-card-padding-block-start);
+}
+
+:host([size=m]) {
+  --sbb-card-padding-inline: var(--sbb-spacing-responsive-s);
+  --sbb-card-padding-block-start: var(--sbb-spacing-responsive-xxxs);
+  --sbb-card-padding-block-end: var(--sbb-card-padding-block-start);
+}
+
+:host([size=m][data-has-card-badge]) {
+  --sbb-card-padding-block-start: var(--sbb-spacing-fixed-6x);
+  --sbb-card-padding-block-end: var(--sbb-spacing-responsive-xxxs);
+}
+
+:host([size=l]) {
+  --sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);
+  --sbb-card-padding-block-start: var(--sbb-spacing-fixed-4x);
+  --sbb-card-padding-block-end: var(--sbb-card-padding-block-start);
+}
+
+:host([size=l][data-has-card-badge]) {
+  --sbb-card-padding-block-start: var(--sbb-spacing-fixed-6x);
+  --sbb-card-padding-block-end: var(--sbb-spacing-fixed-4x);
+}
+
+:host([size=xl]) {
+  --sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);
+  --sbb-card-padding-block-start: var(--sbb-spacing-responsive-xxs);
+  --sbb-card-padding-block-end: var(--sbb-card-padding-block-start);
+}
+
+:host([size=xl][data-has-card-badge]) {
+  --sbb-card-padding-block-start: var(--sbb-spacing-fixed-6x);
+  --sbb-card-padding-block-end: var(--sbb-spacing-responsive-xxs);
+}
+
+:host([size=xxl]) {
+  --sbb-card-padding-inline: var(--sbb-spacing-responsive-s);
+  --sbb-card-padding-block-start: var(--sbb-spacing-responsive-s);
+  --sbb-card-padding-block-end: var(--sbb-card-padding-block-start);
+}
+
+:host([size=xxxl]) {
+  --sbb-card-padding-inline: var(--sbb-spacing-responsive-l);
+  --sbb-card-padding-block-start: var(--sbb-spacing-responsive-l);
+  --sbb-card-padding-block-end: var(--sbb-card-padding-block-start);
+}
+
+@media (forced-colors: active) {
+  :host([data-has-action]) {
+    --sbb-title-text-color-normal-override: var(--sbb-card-color);
+  }
+}
+
+@media (any-hover: hover) {
+  :host([data-has-action]:not([data-has-active-action]):hover) {
+    --sbb-card-hover-shift: -0.125rem;
+  }
+  :host([data-has-action]:not([data-has-active-action]):hover) .sbb-card {
+    box-shadow: var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-hard-2-color), var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-hard-1-color);
+  }
+}
+@media (any-hover: hover) and (forced-colors: active) {
+  :host([data-has-action]:not([data-has-active-action]):hover) {
+    --sbb-card-border-color: Highlight;
+  }
+}
+
+@media (forced-colors: active) {
+  :host([data-has-action][data-action-role=button]) {
+    --sbb-card-color: ButtonText;
+  }
+}
+
+@media (forced-colors: active) {
+  :host([data-has-action][data-action-role=link]) {
+    --sbb-card-color: LinkText;
+  }
+}
+
+.sbb-card {
+  display: block;
+  position: relative;
+  padding-inline: var(--sbb-card-padding-inline);
+  padding-block: var(--sbb-card-padding-block-start) var(--sbb-card-padding-block-end);
+  border-radius: var(--sbb-card-border-radius);
+  background-color: var(--sbb-card-background-color);
+  box-shadow: none;
+  transition: box-shadow var(--sbb-card-animation-duration) var(--sbb-card-animation-easing);
+  color: var(--sbb-card-color);
+  width: 100%;
+  height: 100%;
+}
+.sbb-card::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background-color: transparent;
+  border: var(--sbb-card-border-width) var(--sbb-card-border-style) var(--sbb-card-border-color);
+  border-radius: var(--sbb-card-border-radius);
+  pointer-events: none;
+}
+
+.sbb-card__wrapper {
+  display: block;
+  height: 100%;
+}
+:host([data-has-action]) .sbb-card__wrapper {
+  pointer-events: none;
+  transform: translateY(var(--sbb-card-hover-shift));
+  transition: transform var(--sbb-card-animation-duration) var(--sbb-card-animation-easing);
+}
+
+.sbb-card__badge-wrapper {
+  overflow: hidden;
+  position: absolute;
+  inset: 0;
+  inset-block-end: unset;
+  border-start-start-radius: var(--sbb-card-border-radius);
+  border-start-end-radius: var(--sbb-card-border-radius);
+}
+:host([data-has-action]) .sbb-card__badge-wrapper {
+  pointer-events: none;
+}
+:host(:not([data-has-card-badge])) .sbb-card__badge-wrapper {
+  display: none;
+}
+
+::slotted(sbb-title) {
+  margin-block-start: 0;
+}`;
+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 SbbCardElement = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.size = "m";
+    this.color = "white";
+  }
+  /**
+   * It is used internally to show the `<sbb-card-badge>`.
+   *
+   * @returns True whether size is equal to m, l, xl or xxl.
+   */
+  _isBadgeVisible() {
+    return ["m", "l", "xl", "xxl", "xxxl"].includes(this.size);
+  }
+  render() {
+    return html`
+      <span class="sbb-card">
+        <slot name="action"></slot>
+        <span class="sbb-card__wrapper">
+          <slot></slot>
+        </span>
+        ${this._isBadgeVisible() ? html`<span class="sbb-card__badge-wrapper">
+              <slot name="badge"></slot>
+            </span>` : nothing}
+      </span>
+    `;
+  }
+};
+SbbCardElement.styles = style;
+__decorateClass([
+  property({ reflect: true })
+], SbbCardElement.prototype, "size", 2);
+__decorateClass([
+  property({ reflect: true })
+], SbbCardElement.prototype, "color", 2);
+SbbCardElement = __decorateClass([
+  customElement("sbb-card")
+], SbbCardElement);
+export {
+  SbbCardElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2NhcmQvY2FyZC9jYXJkLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIExpdEVsZW1lbnQsIG5vdGhpbmcgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2NhcmQuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBjb250ZW50IHJlbGF0ZWQgdG8gYSBzaW5nbGUgc3ViamVjdC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBjYXJkLlxuICogQHNsb3QgYmFkZ2UgLSBVc2UgdGhpcyBzbG90IHRvIHJlbmRlciBhIGBzYmItY2FyZC1iYWRnZWAgY29tcG9uZW50LlxuICogQHNsb3QgYWN0aW9uIC0gVXNlIHRoaXMgc2xvdCB0byByZW5kZXIgYSBgc2JiLWNhcmQtYnV0dG9uYCBvciBhIGBzYmItY2FyZC1saW5rYCBjb21wb25lbnQuXG4gKi9cbkBjdXN0b21FbGVtZW50KCdzYmItY2FyZCcpXG5leHBvcnQgY2xhc3MgU2JiQ2FyZEVsZW1lbnQgZXh0ZW5kcyBMaXRFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgLyoqIFNpemUgdmFyaWFudCwgZWl0aGVyIHhzLCBzLCBtLCBsLCB4bCwgeHhsIG9yIHh4eGwuICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIHNpemU6ICd4cycgfCAncycgfCAnbScgfCAnbCcgfCAneGwnIHwgJ3h4bCcgfCAneHh4bCcgPSAnbSc7XG5cbiAgLyoqIE9wdGlvbiB0byBzZXQgdGhlIGNvbXBvbmVudCdzIGJhY2tncm91bmQgY29sb3IuICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGNvbG9yOlxuICAgIHwgJ3doaXRlJ1xuICAgIHwgJ21pbGsnXG4gICAgfCAndHJhbnNwYXJlbnQtYm9yZGVyZWQnXG4gICAgfCAndHJhbnNwYXJlbnQtYm9yZGVyZWQtZGFzaGVkJyA9ICd3aGl0ZSc7XG5cbiAgLyoqXG4gICAqIEl0IGlzIHVzZWQgaW50ZXJuYWxseSB0byBzaG93IHRoZSBgPHNiYi1jYXJkLWJhZGdlPmAuXG4gICAqXG4gICAqIEByZXR1cm5zIFRydWUgd2hldGhlciBzaXplIGlzIGVxdWFsIHRvIG0sIGwsIHhsIG9yIHh4bC5cbiAgICovXG4gIHByaXZhdGUgX2lzQmFkZ2VWaXNpYmxlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBbJ20nLCAnbCcsICd4bCcsICd4eGwnLCAneHh4bCddLmluY2x1ZGVzKHRoaXMuc2l6ZSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNhcmRcIj5cbiAgICAgICAgPHNsb3QgbmFtZT1cImFjdGlvblwiPjwvc2xvdD5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2FyZF9fd3JhcHBlclwiPlxuICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgICAke3RoaXMuX2lzQmFkZ2VWaXNpYmxlKClcbiAgICAgICAgICA/IGh0bWxgPHNwYW4gY2xhc3M9XCJzYmItY2FyZF9fYmFkZ2Utd3JhcHBlclwiPlxuICAgICAgICAgICAgICA8c2xvdCBuYW1lPVwiYmFkZ2VcIj48L3Nsb3Q+XG4gICAgICAgICAgICA8L3NwYW4+YFxuICAgICAgICAgIDogbm90aGluZ31cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItY2FyZCc6IFNiYkNhcmRFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBY2EsSUFBQSxpQkFBTixjQUE2QixXQUFXO0FBQUEsRUFBeEMsY0FBQTtBQUFBLFVBQUEsR0FBQSxTQUFBO0FBSXdCLFNBQU8sT0FBdUQ7QUFHOUQsU0FBTyxRQUlBO0FBQUEsRUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxFQU81QixrQkFBMkI7QUFDMUIsV0FBQSxDQUFDLEtBQUssS0FBSyxNQUFNLE9BQU8sTUFBTSxFQUFFLFNBQVMsS0FBSyxJQUFJO0FBQUEsRUFDM0Q7QUFBQSxFQUVtQixTQUF5QjtBQUNuQyxXQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLFVBTUQsS0FBSyxnQkFDSCxJQUFBO0FBQUE7QUFBQSx1QkFHQSxPQUFPO0FBQUE7QUFBQTtBQUFBLEVBR2pCO0FBQ0Y7QUFyQ2EsZUFDWSxTQUF5QjtBQUdaLGdCQUFBO0FBQUEsRUFBbkMsU0FBUyxFQUFFLFNBQVMsTUFBTTtBQUFBLEdBSmhCLGVBSXlCLFdBQUEsUUFBQSxDQUFBO0FBR0EsZ0JBQUE7QUFBQSxFQUFuQyxTQUFTLEVBQUUsU0FBUyxNQUFNO0FBQUEsR0FQaEIsZUFPeUIsV0FBQSxTQUFBLENBQUE7QUFQekIsaUJBQU4sZ0JBQUE7QUFBQSxFQUROLGNBQWMsVUFBVTtBQUFBLEdBQ1osY0FBQTsifQ==

package/development/card/common/card-action-common.d.ts

@@ -0,0 +1,9 @@
+import { SbbActionBaseElement } from '../../core/base-elements.js';
+import { AbstractConstructor } from '../../core/mixins.js';
+
+export declare class SbbCardActionCommonElementMixinType {
+    active: boolean;
+    protected actionRole: 'link' | 'button';
+}
+export declare const SbbCardActionCommonElementMixin: <T extends AbstractConstructor<SbbActionBaseElement>>(superClass: T) => AbstractConstructor<SbbCardActionCommonElementMixinType> & T;
+//# sourceMappingURL=card-action-common.d.ts.map

package/development/card/common/card-action-common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-action-common.d.ts","sourceRoot":"","sources":["../../../../../src/elements/card/common/card-action-common.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAMhE,OAAO,6BAA6B,CAAC;AAErC,MAAM,CAAC,OAAO,OAAO,mCAAmC;IAC/C,MAAM,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAC;CACzC;AAGD,eAAO,MAAM,+BAA+B,oEAG9B,CAAC,KACZ,oBAAoB,mCAAmC,CAAC,GAAG,CAuF7D,CAAC"}

package/development/card/common.d.ts

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

package/development/card/common.d.ts.map

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