dap-design-system 0.60.2 → 0.61.0

package/dist/components/calendar/calendar.js

@@ -0,0 +1,6 @@
+import a from "./calendar.component.js";
+a.define();
+export {
+  a as default
+};
+//# sourceMappingURL=calendar.js.map

package/dist/components/calendar/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sources":["../../../src/components/calendar/calendar.ts"],"sourcesContent":["import DapDSCalendar from './calendar.component'\n\nexport * from './calendar.component'\nexport default DapDSCalendar\n\nDapDSCalendar.define()\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'dap-ds-calendar': DapDSCalendar\n  }\n}\n"],"names":["DapDSCalendar"],"mappings":";AAKAA,EAAc,OAAO;"}

package/dist/components/calendar/calendar.scss.js

@@ -0,0 +1,5 @@
+const a = ":host{--dds-calendar-display: flex;--dds-calendar-isolation: isolate;--dds-calendar-block-display: block;--dds-calendar-transition: all .2s ease-in-out;--dds-calendar-header-display: grid;--dds-calendar-header-grid-flow: column;--dds-calendar-header-width: 100%;--dds-calendar-header-gap: var(--dds-spacing-100);--dds-calendar-select-min-height: auto;--dds-calendar-select-max-height: 32px;--dds-calendar-select-padding: var(--dds-spacing-200);--dds-calendar-select-border-radius: var(--dds-radius-rounded);--dds-calendar-select-border-color: var( --dds-border-neutral-transparent-interactive );--dds-calendar-select-background: var(--dds-button-subtle-background-enabled);--dds-calendar-select-color: var(--dds-button-subtle-text-enabled);--dds-calendar-select-font-size: var(--dds-font-sm);--dds-calendar-select-font-style: normal;--dds-calendar-select-font-weight: var(--dds-font-weight-bold);--dds-calendar-nav-button-margin: var(--dds-spacing-200);--dds-calendar-nav-button-color: var(--dds-button-subtle-icon-enabled)}.calendar{isolation:var(--dds-calendar-isolation);display:var(--dds-calendar-block-display);transition:var(--dds-calendar-transition)}.calendar--range{display:flex;flex-direction:column}.calendar--range .calendar__grid{border-spacing:0;border-collapse:separate}.calendar__months{display:flex;flex-direction:row;gap:var(--dds-spacing-400)}.calendar__month{display:flex;flex-direction:column;gap:var(--dds-spacing-200)}.calendar__grid{border-spacing:2px}.calendar__header{display:var(--dds-calendar-header-display);grid-auto-flow:var(--dds-calendar-header-grid-flow);width:var(--dds-calendar-header-width);gap:var(--dds-calendar-header-gap)}.calendar__header-select::part(trigger){min-height:var(--dds-calendar-select-min-height);max-height:var(--dds-calendar-select-max-height);padding:var(--dds-calendar-select-padding);border-radius:var(--dds-calendar-select-border-radius);border-color:var(--dds-calendar-select-border-color);background-color:var(--dds-calendar-select-background);color:var(--dds-calendar-select-color);font-size:var(--dds-calendar-select-font-size);font-style:var(--dds-calendar-select-font-style);font-weight:var(--dds-calendar-select-font-weight)}.calendar__header-button-prev{justify-self:start;margin-left:var(--dds-calendar-nav-button-margin)}.calendar__header-button-prev::part(content){color:var(--dds-calendar-nav-button-color)}.calendar__header-button-next{justify-self:end;margin-right:var(--dds-calendar-nav-button-margin)}.calendar__header-button-next::part(content){color:var(--dds-calendar-nav-button-color)}.calendar .calendar-cell{padding:0}";
+export {
+  a as default
+};
+//# sourceMappingURL=calendar.scss.js.map

package/dist/components/calendar/calendar.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/callout/callout.component.d.ts

@@ -1,6 +1,14 @@
 import { nothing } from 'lit';
 import { Alignment, BackgroundShade, CalloutVariant } from '../../common/types';
 import { DdsElement } from '../../internal/dds-hu-element';
+import { default as DapDSCard } from '../card/card.component';
+import { default as DapDSCardContent } from '../card/card-content.component';
+import { default as DapDSIcon } from '../icon/icon.component';
+import { default as DapDSIconButton } from '../icon-button/icon-button.component';
+import { default as SystemAlertFill } from '../icons/system/system-alert-fill/system-alert-fill.component';
+import { default as SystemCheckboxCircleFill } from '../icons/system/system-checkbox-circle-fill/system-checkbox-circle-fill.component';
+import { default as SystemErrorWarningFill } from '../icons/system/system-error-warning-fill/system-error-warning-fill.component';
+import { default as SystemInformation2Fill } from '../icons/system/system-information-2-fill/system-information-2-fill.component';
 /**
  * `dap-ds-callout` is a custom callout component.
  * @element dap-ds-callout
@@ -73,6 +81,17 @@ import { DdsElement } from '../../internal/dds-hu-element';
  * @cssproperty --dds-callout-negative-border - Negative variant border color. (default: var(--dds-border-negative-subtle))
  */
 export default class DapDSCallout extends DdsElement {
+    static tagName: string;
+    static dependencies: {
+        'dap-ds-icon-information-2-fill': typeof SystemInformation2Fill;
+        'dap-ds-icon-checkbox-circle-fill': typeof SystemCheckboxCircleFill;
+        'dap-ds-icon-alert-fill': typeof SystemAlertFill;
+        'dap-ds-icon-error-warning-fill': typeof SystemErrorWarningFill;
+        'dap-ds-card': typeof DapDSCard;
+        'dap-ds-card-content': typeof DapDSCardContent;
+        'dap-ds-icon-button': typeof DapDSIconButton;
+        'dap-ds-icon': typeof DapDSIcon;
+    };
     /** The variant of the callout
      * @type { 'brand' | 'positive' | 'info' | 'warning' | 'negative' }
      */
@@ -106,5 +125,5 @@ export default class DapDSCallout extends DdsElement {
     handleClose(): void;
     private handleKeyDown;
     protected updated(changedProperties: Map<PropertyKey, unknown>): void;
-    render(): import('lit-html').TemplateResult | typeof nothing;
+    render(): typeof nothing | import('lit-html').TemplateResult;
 }

package/dist/components/callout/callout.component.js

@@ -0,0 +1,170 @@
+import { clsx as m } from "../../node_modules/clsx/dist/clsx.js";
+import "../../node_modules/@lit/reactive-element/reactive-element.js";
+import { nothing as r } from "../../node_modules/lit-html/lit-html.js";
+import "../../node_modules/lit-element/lit-element.js";
+import { property as s } from "../../node_modules/@lit/reactive-element/decorators/property.js";
+import { html as i } from "../../node_modules/lit-html/static.js";
+import { normalizeStringProperty as f, stringPropertyConverter as u } from "../../common/utils.js";
+import { DdsElement as b } from "../../internal/dds-hu-element.js";
+import "../../localization/localization.js";
+import g from "../card/card.component.js";
+import y from "../card/card-content.component.js";
+import $ from "../icon/icon.component.js";
+import v from "../icon-button/icon-button.component.js";
+import x from "../icons/system/system-alert-fill/system-alert-fill.component.js";
+import B from "../icons/system/system-checkbox-circle-fill/system-checkbox-circle-fill.component.js";
+import S from "../icons/system/system-error-warning-fill/system-error-warning-fill.component.js";
+import _ from "../icons/system/system-information-2-fill/system-information-2-fill.component.js";
+import C from "./callout.scss.js";
+import { unsafeCSS as D } from "../../node_modules/@lit/reactive-element/css-tag.js";
+import { translate as I } from "../../node_modules/lit-i18n/src/lit-i18n.js";
+var w = Object.defineProperty, a = (d, t, n, p) => {
+  for (var l = void 0, c = d.length - 1, h; c >= 0; c--)
+    (h = d[c]) && (l = h(t, n, l) || l);
+  return l && w(t, n, l), l;
+}, e;
+const o = (e = class extends b {
+  constructor() {
+    super(...arguments), this.variant = "brand", this.alignment = "horizontal", this.shade = "base", this.noBorder = "true", this.closeable = !1, this.closeButtonTestId = "callout-close-button", this.opened = "true", this._hasActions = !1;
+  }
+  get hasActions() {
+    return this._hasActions;
+  }
+  handleActionsSlotChange(t) {
+    const p = t.target.assignedElements();
+    this._hasActions = p.length > 0, this.requestUpdate();
+  }
+  getDefaultIcon(t) {
+    var n;
+    return (n = e.defaultIcons[t]) != null ? n : e.defaultIcons.brand;
+  }
+  handleClose() {
+    this.emit("dds-close");
+  }
+  handleKeyDown(t) {
+    t.key === "Escape" && this.closeable && (t.preventDefault(), this.handleClose());
+  }
+  updated(t) {
+    super.updated(t), t.has("title") && (this.title = f(this.title));
+  }
+  render() {
+    return this.opened !== "false" ? i`
+          <dap-ds-card
+            part="base"
+            role="region"
+            aria-live="polite"
+            aria-labelledby=${this.title && typeof this.title == "string" && this.title.trim() && this.title !== "null" && this.title !== "undefined" ? "callout-title" : r}
+            @keydown=${this.handleKeyDown}
+            .noBorder=${this.noBorder === "true"}
+            class=${m(
+      "callout",
+      `callout--${this.variant}`,
+      `callout--${this.alignment}`,
+      `callout--${this.shade}`,
+      { "callout--border": this.noBorder === "false" }
+    )}>
+            <dap-ds-card-content
+              class="callout__content"
+              spacing="none"
+              part="content"
+              exportparts="base:card-content">
+              <span class="callout__icon" aria-hidden="true">
+                <slot name="icon" part="icon">
+                  ${this.getDefaultIcon(this.variant)}
+                </slot>
+              </span>
+              <span class="callout__content-wrapper">
+                ${this.title && typeof this.title == "string" && this.title.trim() && this.title !== "null" && this.title !== "undefined" ? i`<span
+                      part="title"
+                      class="callout__title"
+                      id="callout-title">
+                      <slot name="title">${this.title}</slot>
+                    </span>` : r}
+                <span part="description" class="callout__description">
+                  <slot></slot>
+                </span>
+                <span
+                  part="actions"
+                  class="callout__actions"
+                  ?hidden=${!this.hasActions}>
+                  <slot
+                    name="actions"
+                    part="actions"
+                    @slotchange=${this.handleActionsSlotChange}></slot>
+                </span>
+              </span>
+              ${this.closeable ? i` <span part="close" class="callout__close">
+                    <slot name="close">
+                      <dap-ds-icon-button
+                        clean
+                        data-testid=${this.closeButtonTestId}
+                        aria-label=${this.closeButtonLabel ? this.closeButtonLabel : I("close")}
+                        @click=${this.handleClose}>
+                        <dap-ds-icon name="close-line"></dap-ds-icon>
+                      </dap-ds-icon-button>
+                    </slot>
+                  </span>` : r}
+            </dap-ds-card-content>
+          </dap-ds-card>
+        ` : r;
+  }
+}, e.tagName = "dap-ds-callout", e.dependencies = {
+  "dap-ds-icon-information-2-fill": _,
+  "dap-ds-icon-checkbox-circle-fill": B,
+  "dap-ds-icon-alert-fill": x,
+  "dap-ds-icon-error-warning-fill": S,
+  "dap-ds-card": g,
+  "dap-ds-card-content": y,
+  "dap-ds-icon-button": v,
+  "dap-ds-icon": $
+}, e.styles = D(C), e.defaultIcons = {
+  brand: i`<dap-ds-icon-information-2-fill
+      aria-hidden="true"
+      exportparts="base:icon-base"></dap-ds-icon-information-2-fill>`,
+  info: i`<dap-ds-icon-information-2-fill
+      aria-hidden="true"
+      exportparts="base:icon-base"></dap-ds-icon-information-2-fill>`,
+  positive: i`<dap-ds-icon-checkbox-circle-fill
+      aria-hidden="true"
+      exportparts="base:icon-base"></dap-ds-icon-checkbox-circle-fill>`,
+  warning: i`<dap-ds-icon-alert-fill
+      aria-hidden="true"
+      exportparts="base:icon-base"></dap-ds-icon-alert-fill>`,
+  negative: i`<dap-ds-icon-error-warning-fill
+      aria-hidden="true"
+      exportparts="base:icon-base"></dap-ds-icon-error-warning-fill>`
+}, e);
+a([
+  s()
+], o.prototype, "variant");
+a([
+  s()
+], o.prototype, "alignment");
+a([
+  s()
+], o.prototype, "shade");
+a([
+  s({ type: String })
+], o.prototype, "noBorder");
+a([
+  s({ type: Boolean })
+], o.prototype, "closeable");
+a([
+  s({
+    converter: u
+  })
+], o.prototype, "title");
+a([
+  s()
+], o.prototype, "closeButtonLabel");
+a([
+  s()
+], o.prototype, "closeButtonTestId");
+a([
+  s({ reflect: !0 })
+], o.prototype, "opened");
+let R = o;
+export {
+  R as default
+};
+//# sourceMappingURL=callout.component.js.map

package/dist/components/callout/callout.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.component.js","sources":["../../../src/components/callout/callout.component.ts"],"sourcesContent":["import clsx from 'clsx'\nimport { nothing, unsafeCSS } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { html } from 'lit/static-html.js'\n\nimport { Alignment, BackgroundShade, CalloutVariant } from '@/common/types'\nimport {\n  normalizeStringProperty,\n  stringPropertyConverter,\n} from '@/common/utils'\nimport { DdsElement } from '@/internal/dds-hu-element'\nimport { translate } from '@/localization/localization'\n\nimport DapDSCard from '../card/card.component'\nimport DapDSCardContent from '../card/card-content.component'\nimport DapDSIcon from '../icon/icon.component'\nimport DapDSIconButton from '../icon-button/icon-button.component'\nimport SystemAlertFill from '../icons/system/system-alert-fill/system-alert-fill.component'\nimport SystemCheckboxCircleFill from '../icons/system/system-checkbox-circle-fill/system-checkbox-circle-fill.component'\nimport SystemErrorWarningFill from '../icons/system/system-error-warning-fill/system-error-warning-fill.component'\nimport SystemInformation2Fill from '../icons/system/system-information-2-fill/system-information-2-fill.component'\nimport styles from './callout.scss?inline'\n\n/**\n * `dap-ds-callout` is a custom callout component.\n * @element dap-ds-callout\n * @title - Callout\n *\n * @event {{ void }} dds-close - Fired when the close button is clicked.\n *\n * @slot - The content of the callout.\n * @slot title - The title of the callout.\n * @slot icon - The icon of the callout.\n * @slot actions - The actions of the callout.\n * @slot close - The close button of the callout.\n *\n * @csspart base - The main callout container.\n * @csspart content - The content of the callout.\n * @csspart card-content - The content of the card.\n * @csspart icon - The icon of the callout.\n * @csspart title - The title of the callout.\n * @csspart description - The description of the callout.\n * @csspart actions - The actions of the callout.\n * @csspart close - The close button of the callout.\n *\n * @cssproperty --dds-callout-padding - Padding of the callout content. (default: var(--dds-spacing-300))\n * @cssproperty --dds-callout-gap - Gap between elements in horizontal layout. (default: var(--dds-spacing-300))\n * @cssproperty --dds-callout-icon-size - Size of the icon. (default: var(--dds-spacing-600))\n * @cssproperty --dds-callout-title-color - Color of the title text. (default: var(--dds-text-neutral-strong))\n * @cssproperty --dds-callout-description-color - Color of the description text. (default: var(--dds-text-neutral-base))\n * @cssproperty --dds-callout-title-font-size - Font size of the title. (default: var(--dds-font-base))\n * @cssproperty --dds-callout-description-font-size - Font size of the description. (default: var(--dds-font-base))\n * @cssproperty --dds-callout-title-font-weight - Font weight of the title. (default: var(--dds-font-weight-bold))\n * @cssproperty --dds-callout-description-font-weight - Font weight of the description. (default: var(--dds-font-weight-medium))\n * @cssproperty --dds-callout-actions-font-weight - Font weight of the actions. (default: var(--dds-font-weight-bold))\n * @cssproperty --dds-callout-actions-gap - Gap between action items. (default: var(--dds-spacing-400))\n * @cssproperty --dds-callout-content-gap - Gap between content elements. (default: var(--dds-spacing-100))\n * @cssproperty --dds-callout-border-radius - Border radius of the callout. (default: var(--dds-radius-base))\n *\n * @cssproperty --dds-callout-brand-background - Brand variant background color. (default: var(--dds-background-brand-base))\n * @cssproperty --dds-callout-brand-background-subtle - Brand variant subtle background color. (default: var(--dds-background-brand-subtle))\n * @cssproperty --dds-callout-brand-background-medium - Brand variant medium background color. (default: var(--dds-background-brand-medium))\n * @cssproperty --dds-callout-brand-background-strong - Brand variant strong background color. (default: var(--dds-background-brand-strong))\n * @cssproperty --dds-callout-brand-icon - Brand variant icon color. (default: var(--dds-icon-brand-subtle))\n * @cssproperty --dds-callout-brand-border - Brand variant border color. (default: var(--dds-border-brand-subtle))\n *\n * @cssproperty --dds-callout-info-background - Info variant background color. (default: var(--dds-background-informative-base))\n * @cssproperty --dds-callout-info-background-subtle - Info variant subtle background color. (default: var(--dds-background-informative-subtle))\n * @cssproperty --dds-callout-info-background-medium - Info variant medium background color. (default: var(--dds-background-informative-medium))\n * @cssproperty --dds-callout-info-background-strong - Info variant strong background color. (default: var(--dds-background-informative-strong))\n * @cssproperty --dds-callout-info-icon - Info variant icon color. (default: var(--dds-icon-informative-subtle))\n * @cssproperty --dds-callout-info-border - Info variant border color. (default: var(--dds-border-informative-subtle))\n *\n * @cssproperty --dds-callout-positive-background - Positive variant background color. (default: var(--dds-background-positive-base))\n * @cssproperty --dds-callout-positive-background-subtle - Positive variant subtle background color. (default: var(--dds-background-positive-subtle))\n * @cssproperty --dds-callout-positive-background-medium - Positive variant medium background color. (default: var(--dds-background-positive-medium))\n * @cssproperty --dds-callout-positive-background-strong - Positive variant strong background color. (default: var(--dds-background-positive-strong))\n * @cssproperty --dds-callout-positive-icon - Positive variant icon color. (default: var(--dds-icon-positive-subtle))\n * @cssproperty --dds-callout-positive-border - Positive variant border color. (default: var(--dds-border-positive-subtle))\n *\n * @cssproperty --dds-callout-warning-background - Warning variant background color. (default: var(--dds-background-warning-base))\n * @cssproperty --dds-callout-warning-background-subtle - Warning variant subtle background color. (default: var(--dds-background-warning-subtle))\n * @cssproperty --dds-callout-warning-background-medium - Warning variant medium background color. (default: var(--dds-background-warning-medium))\n * @cssproperty --dds-callout-warning-background-strong - Warning variant strong background color. (default: var(--dds-background-warning-strong))\n * @cssproperty --dds-callout-warning-icon - Warning variant icon color. (default: var(--dds-icon-neutral-strong))\n * @cssproperty --dds-callout-warning-border - Warning variant border color. (default: var(--dds-border-warning-subtle))\n *\n * @cssproperty --dds-callout-negative-background - Negative variant background color. (default: var(--dds-background-negative-base))\n * @cssproperty --dds-callout-negative-background-subtle - Negative variant subtle background color. (default: var(--dds-background-negative-subtle))\n * @cssproperty --dds-callout-negative-background-medium - Negative variant medium background color. (default: var(--dds-background-negative-medium))\n * @cssproperty --dds-callout-negative-background-strong - Negative variant strong background color. (default: var(--dds-background-negative-strong))\n * @cssproperty --dds-callout-negative-icon - Negative variant icon color. (default: var(--dds-icon-negative-subtle))\n * @cssproperty --dds-callout-negative-border - Negative variant border color. (default: var(--dds-border-negative-subtle))\n */\nexport default class DapDSCallout extends DdsElement {\n  static tagName = 'dap-ds-callout'\n\n  static dependencies = {\n    'dap-ds-icon-information-2-fill': SystemInformation2Fill,\n    'dap-ds-icon-checkbox-circle-fill': SystemCheckboxCircleFill,\n    'dap-ds-icon-alert-fill': SystemAlertFill,\n    'dap-ds-icon-error-warning-fill': SystemErrorWarningFill,\n    'dap-ds-card': DapDSCard,\n    'dap-ds-card-content': DapDSCardContent,\n    'dap-ds-icon-button': DapDSIconButton,\n    'dap-ds-icon': DapDSIcon,\n  }\n\n  /** The variant of the callout\n   * @type { 'brand' | 'positive' | 'info' | 'warning' | 'negative' }\n   */\n  @property() variant: CalloutVariant = 'brand'\n\n  /** The alignment of the callout. Can be `vertical` or `horizontal`.\n   * @type { 'vertical' | 'horizontal' }\n   */\n  @property() alignment: Alignment = 'horizontal'\n\n  /** The strongness of the callout colors. Can be `subtle`, `base`, `medium`, or `strong`.\n   * @type { 'subtle' | 'base' | 'medium' | 'strong' }\n   */\n  @property() shade: BackgroundShade = 'base'\n\n  /** If the callout has a border */\n  @property({ type: String }) noBorder: string = 'true'\n\n  /** If the callout has a close button */\n  @property({ type: Boolean }) closeable: boolean = false\n\n  /** The header of the callout */\n  @property({\n    converter: stringPropertyConverter,\n  })\n  title: string\n\n  /** The label of the close button */\n  @property() closeButtonLabel: string\n\n  /** `data-testid` for the default close button. */\n  @property() closeButtonTestId = 'callout-close-button'\n\n  /** If the callout is opened */\n  @property({ reflect: true }) opened: string = 'true'\n\n  static readonly styles = unsafeCSS(styles)\n\n  private _hasActions: boolean = false\n\n  private get hasActions(): boolean {\n    return this._hasActions\n  }\n\n  private handleActionsSlotChange(event: Event): void {\n    const slot = event.target as HTMLSlotElement\n    const assignedElements = slot.assignedElements()\n    this._hasActions = assignedElements.length > 0\n    this.requestUpdate()\n  }\n\n  private static readonly defaultIcons = {\n    brand: html`<dap-ds-icon-information-2-fill\n      aria-hidden=\"true\"\n      exportparts=\"base:icon-base\"></dap-ds-icon-information-2-fill>`,\n    info: html`<dap-ds-icon-information-2-fill\n      aria-hidden=\"true\"\n      exportparts=\"base:icon-base\"></dap-ds-icon-information-2-fill>`,\n    positive: html`<dap-ds-icon-checkbox-circle-fill\n      aria-hidden=\"true\"\n      exportparts=\"base:icon-base\"></dap-ds-icon-checkbox-circle-fill>`,\n    warning: html`<dap-ds-icon-alert-fill\n      aria-hidden=\"true\"\n      exportparts=\"base:icon-base\"></dap-ds-icon-alert-fill>`,\n    negative: html`<dap-ds-icon-error-warning-fill\n      aria-hidden=\"true\"\n      exportparts=\"base:icon-base\"></dap-ds-icon-error-warning-fill>`,\n  } as const\n\n  getDefaultIcon(variant: CalloutVariant) {\n    return DapDSCallout.defaultIcons[variant] ?? DapDSCallout.defaultIcons.brand\n  }\n\n  handleClose() {\n    this.emit('dds-close')\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Escape' && this.closeable) {\n      event.preventDefault()\n      this.handleClose()\n    }\n  }\n\n  protected updated(changedProperties: Map<PropertyKey, unknown>): void {\n    super.updated(changedProperties)\n\n    if (changedProperties.has('title')) {\n      this.title = normalizeStringProperty(this.title)\n    }\n  }\n\n  render() {\n    return this.opened !== 'false'\n      ? html`\n          <dap-ds-card\n            part=\"base\"\n            role=\"region\"\n            aria-live=\"polite\"\n            aria-labelledby=${this.title &&\n            typeof this.title === 'string' &&\n            this.title.trim() &&\n            this.title !== 'null' &&\n            this.title !== 'undefined'\n              ? 'callout-title'\n              : nothing}\n            @keydown=${this.handleKeyDown}\n            .noBorder=${this.noBorder === 'true'}\n            class=${clsx(\n              'callout',\n              `callout--${this.variant}`,\n              `callout--${this.alignment}`,\n              `callout--${this.shade}`,\n              { [`callout--border`]: this.noBorder === 'false' },\n            )}>\n            <dap-ds-card-content\n              class=\"callout__content\"\n              spacing=\"none\"\n              part=\"content\"\n              exportparts=\"base:card-content\">\n              <span class=\"callout__icon\" aria-hidden=\"true\">\n                <slot name=\"icon\" part=\"icon\">\n                  ${this.getDefaultIcon(this.variant)}\n                </slot>\n              </span>\n              <span class=\"callout__content-wrapper\">\n                ${this.title &&\n                typeof this.title === 'string' &&\n                this.title.trim() &&\n                this.title !== 'null' &&\n                this.title !== 'undefined'\n                  ? html`<span\n                      part=\"title\"\n                      class=\"callout__title\"\n                      id=\"callout-title\">\n                      <slot name=\"title\">${this.title}</slot>\n                    </span>`\n                  : nothing}\n                <span part=\"description\" class=\"callout__description\">\n                  <slot></slot>\n                </span>\n                <span\n                  part=\"actions\"\n                  class=\"callout__actions\"\n                  ?hidden=${!this.hasActions}>\n                  <slot\n                    name=\"actions\"\n                    part=\"actions\"\n                    @slotchange=${this.handleActionsSlotChange}></slot>\n                </span>\n              </span>\n              ${this.closeable\n                ? html` <span part=\"close\" class=\"callout__close\">\n                    <slot name=\"close\">\n                      <dap-ds-icon-button\n                        clean\n                        data-testid=${this.closeButtonTestId}\n                        aria-label=${this.closeButtonLabel\n                          ? this.closeButtonLabel\n                          : translate('close')}\n                        @click=${this.handleClose}>\n                        <dap-ds-icon name=\"close-line\"></dap-ds-icon>\n                      </dap-ds-icon-button>\n                    </slot>\n                  </span>`\n                : nothing}\n            </dap-ds-card-content>\n          </dap-ds-card>\n        `\n      : nothing\n  }\n}\n"],"names":["_DapDSCallout","_a","DdsElement","event","assignedElements","variant","changedProperties","normalizeStringProperty","html","nothing","clsx","translate","SystemInformation2Fill","SystemCheckboxCircleFill","SystemAlertFill","SystemErrorWarningFill","DapDSCard","DapDSCardContent","DapDSIconButton","DapDSIcon","unsafeCSS","styles","__decorateClass","property","stringPropertyConverter","DapDSCallout"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA8FA,MAAqBA,KAArBC,IAAA,cAA0CC,EAAW;AAAA,EAArD,cAAA;AAAA,UAAA,GAAA,SAAA,GAiBwC,KAAA,UAAA,SAKH,KAAA,YAAA,cAKE,KAAA,QAAA,QAGU,KAAA,WAAA,QAGG,KAAA,YAAA,IAYlB,KAAA,oBAAA,wBAGc,KAAA,SAAA,QAI9C,KAAQ,cAAuB;AAAA,EAAA;AAAA,EAE/B,IAAY,aAAsB;AAChC,WAAO,KAAK;AAAA,EAAA;AAAA,EAGN,wBAAwBC,GAAoB;AAE5C,UAAAC,IADOD,EAAM,OACW,iBAAiB;AAC1C,SAAA,cAAcC,EAAiB,SAAS,GAC7C,KAAK,cAAc;AAAA,EAAA;AAAA,EAqBrB,eAAeC,GAAyB;;AACtC,YAAOJ,MAAa,aAAaI,CAAO,MAAjC,OAAAJ,IAAsCA,EAAa,aAAa;AAAA,EAAA;AAAA,EAGzE,cAAc;AACZ,SAAK,KAAK,WAAW;AAAA,EAAA;AAAA,EAGf,cAAcE,GAAsB;AAC1C,IAAIA,EAAM,QAAQ,YAAY,KAAK,cACjCA,EAAM,eAAe,GACrB,KAAK,YAAY;AAAA,EACnB;AAAA,EAGQ,QAAQG,GAAoD;AACpE,UAAM,QAAQA,CAAiB,GAE3BA,EAAkB,IAAI,OAAO,MAC1B,KAAA,QAAQC,EAAwB,KAAK,KAAK;AAAA,EACjD;AAAA,EAGF,SAAS;AACA,WAAA,KAAK,WAAW,UACnBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,8BAKsB,KAAK,SACvB,OAAO,KAAK,SAAU,YACtB,KAAK,MAAM,KAAK,KAChB,KAAK,UAAU,UACf,KAAK,UAAU,cACX,kBACAC,CAAO;AAAA,uBACA,KAAK,aAAa;AAAA,wBACjB,KAAK,aAAa,MAAM;AAAA,oBAC5BC;AAAA,MACN;AAAA,MACA,YAAY,KAAK,OAAO;AAAA,MACxB,YAAY,KAAK,SAAS;AAAA,MAC1B,YAAY,KAAK,KAAK;AAAA,MACtB,EAAG,mBAAoB,KAAK,aAAa,QAAQ;AAAA,IAAA,CAClD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAQO,KAAK,eAAe,KAAK,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA,kBAInC,KAAK,SACP,OAAO,KAAK,SAAU,YACtB,KAAK,MAAM,KAAA,KACX,KAAK,UAAU,UACf,KAAK,UAAU,cACXF;AAAAA;AAAAA;AAAAA;AAAAA,2CAIuB,KAAK,KAAK;AAAA,+BAEjCC,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAOC,CAAC,KAAK,UAAU;AAAA;AAAA;AAAA;AAAA,kCAIV,KAAK,uBAAuB;AAAA;AAAA;AAAA,gBAG9C,KAAK,YACHD;AAAAA;AAAAA;AAAAA;AAAAA,sCAIoB,KAAK,iBAAiB;AAAA,qCACvB,KAAK,mBACd,KAAK,mBACLG,EAAU,OAAO,CAAC;AAAA,iCACb,KAAK,WAAW;AAAA;AAAA;AAAA;AAAA,6BAK/BF,CAAO;AAAA;AAAA;AAAA,YAIjBA;AAAAA,EAAA;AAER,GAxLER,EAAO,UAAU,kBAEjBA,EAAO,eAAe;AAAA,EACpB,kCAAkCW;AAAA,EAClC,oCAAoCC;AAAA,EACpC,0BAA0BC;AAAA,EAC1B,kCAAkCC;AAAA,EAClC,eAAeC;AAAA,EACf,uBAAuBC;AAAA,EACvB,sBAAsBC;AAAA,EACtB,eAAeC;AACjB,GAsCgBlB,EAAA,SAASmB,EAAUC,CAAM,GAezCpB,EAAwB,eAAe;AAAA,EACrC,OAAOO;AAAAA;AAAAA;AAAAA,EAGP,MAAMA;AAAAA;AAAAA;AAAAA,EAGN,UAAUA;AAAAA;AAAAA;AAAAA,EAGV,SAASA;AAAAA;AAAAA;AAAAA,EAGT,UAAUA;AAAAA;AAAAA;AAGZ,GAjFFP;AAiBcqB,EAAA;AAAA,EAAXC,EAAS;AAAA,GAjBSvB,EAiBP,WAAA,SAAA;AAKAsB,EAAA;AAAA,EAAXC,EAAS;AAAA,GAtBSvB,EAsBP,WAAA,WAAA;AAKAsB,EAAA;AAAA,EAAXC,EAAS;AAAA,GA3BSvB,EA2BP,WAAA,OAAA;AAGgBsB,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GA9BPvB,EA8BS,WAAA,UAAA;AAGCsB,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GAjCRvB,EAiCU,WAAA,WAAA;AAM7BsB,EAAA;AAAA,EAHCC,EAAS;AAAA,IACR,WAAWC;AAAA,EACZ,CAAA;AAAA,GAtCkBxB,EAuCnB,WAAA,OAAA;AAGYsB,EAAA;AAAA,EAAXC,EAAS;AAAA,GA1CSvB,EA0CP,WAAA,kBAAA;AAGAsB,EAAA;AAAA,EAAXC,EAAS;AAAA,GA7CSvB,EA6CP,WAAA,mBAAA;AAGiBsB,EAAA;AAAA,EAA5BC,EAAS,EAAE,SAAS,GAAM,CAAA;AAAA,GAhDRvB,EAgDU,WAAA,QAAA;AAhD/B,IAAqByB,IAArBzB;"}

package/dist/components/callout/callout.d.ts

@@ -1,5 +1,5 @@
-import { default as DapDSCallout } from './callout.component.js';
-export * from './callout.component.js';
+import { default as DapDSCallout } from './callout.component';
+export * from './callout.component';
 export default DapDSCallout;
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/callout/callout.js

@@ -0,0 +1,6 @@
+import a from "./callout.component.js";
+a.define();
+export {
+  a as default
+};
+//# sourceMappingURL=callout.js.map

package/dist/components/callout/callout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.js","sources":["../../../src/components/callout/callout.ts"],"sourcesContent":["import DapDSCallout from './callout.component'\n\nexport * from './callout.component'\nexport default DapDSCallout\n\nDapDSCallout.define()\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'dap-ds-callout': DapDSCallout\n  }\n}\n"],"names":["DapDSCallout"],"mappings":";AAKAA,EAAa,OAAO;"}

package/dist/components/callout/callout.scss.js

@@ -0,0 +1,5 @@
+const a = "*,*:before,*:after{box-sizing:border-box;outline:none}* :not(dap-ds-table-cell,dap-ds-table-header){margin:0;padding:0}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;background-repeat:no-repeat;background-size:cover;font-style:italic;vertical-align:middle}input,button,textarea,select{font:inherit}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition:none;transition-duration:.01ms!important;transition-delay:1ms!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important}}body,html{height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.input-description{display:block;margin-bottom:var(--dds-spacing-200)}@keyframes dds-spin{to{transform:rotate(360deg)}}@keyframes dds-fade{0%,to{opacity:.3}50%{opacity:1}}:host{--dds-callout-padding: var(--dds-spacing-300);--dds-callout-gap: var(--dds-spacing-300);--dds-callout-icon-size: var(--dds-spacing-600);--dds-callout-title-color: var(--dds-text-neutral-strong);--dds-callout-description-color: var(--dds-text-neutral-base);--dds-callout-title-font-size: var(--dds-font-base);--dds-callout-description-font-size: var(--dds-font-base);--dds-callout-title-font-weight: var(--dds-font-weight-bold);--dds-callout-description-font-weight: var(--dds-font-weight-medium);--dds-callout-actions-font-weight: var(--dds-font-weight-bold);--dds-callout-actions-gap: var(--dds-spacing-400);--dds-callout-content-gap: var(--dds-spacing-100);--dds-callout-border-radius: var(--dds-radius-base);--dds-callout-brand-background: var(--dds-background-brand-base);--dds-callout-brand-background-subtle: var(--dds-background-brand-subtle);--dds-callout-brand-background-medium: var(--dds-background-brand-medium);--dds-callout-brand-background-strong: var(--dds-background-brand-strong);--dds-callout-brand-icon: var(--dds-icon-brand-subtle);--dds-callout-brand-border: 1px solid var(--dds-border-brand-subtle);--dds-callout-info-background: var(--dds-background-informative-base);--dds-callout-info-background-subtle: var( --dds-background-informative-subtle );--dds-callout-info-background-medium: var( --dds-background-informative-medium );--dds-callout-info-background-strong: var( --dds-background-informative-strong );--dds-callout-info-icon: var(--dds-icon-informative-subtle);--dds-callout-info-border: 1px solid var(--dds-border-informative-subtle);--dds-callout-positive-background: var(--dds-background-positive-base);--dds-callout-positive-background-subtle: var( --dds-background-positive-subtle );--dds-callout-positive-background-medium: var( --dds-background-positive-medium );--dds-callout-positive-background-strong: var( --dds-background-positive-strong );--dds-callout-positive-icon: var(--dds-icon-positive-subtle);--dds-callout-positive-border: 1px solid var(--dds-border-positive-subtle);--dds-callout-warning-background: var(--dds-background-warning-base);--dds-callout-warning-background-subtle: var(--dds-background-warning-subtle);--dds-callout-warning-background-medium: var(--dds-background-warning-medium);--dds-callout-warning-background-strong: var(--dds-background-warning-strong);--dds-callout-warning-icon: var(--dds-icon-neutral-strong);--dds-callout-warning-border: 1px solid var(--dds-border-warning-subtle);--dds-callout-negative-background: var(--dds-background-negative-base);--dds-callout-negative-background-subtle: var( --dds-background-negative-subtle );--dds-callout-negative-background-medium: var( --dds-background-negative-medium );--dds-callout-negative-background-strong: var( --dds-background-negative-strong );--dds-callout-negative-icon: var(--dds-icon-negative-subtle);--dds-callout-negative-border: 1px solid var(--dds-border-negative-subtle)}.callout--border::part(high-contrast){border-color:transparent}.callout--brand::part(base){background:var(--dds-callout-brand-background)}.callout--brand.callout--subtle::part(base){background:var(--dds-callout-brand-background-subtle)}.callout--brand.callout--medium::part(base){background:var(--dds-callout-brand-background-medium)}.callout--brand.callout--strong::part(base){background:var(--dds-callout-brand-background-strong)}.callout--brand .callout__icon{fill:var(--dds-callout-brand-icon);color:var(--dds-callout-brand-icon)}.callout--brand.callout--border::part(base){border:var(--dds-callout-brand-border)}.callout--info::part(base){background:var(--dds-callout-info-background)}.callout--info.callout--subtle::part(base){background:var(--dds-callout-info-background-subtle)}.callout--info.callout--medium::part(base){background:var(--dds-callout-info-background-medium)}.callout--info.callout--strong::part(base){background:var(--dds-callout-info-background-strong)}.callout--info .callout__icon{fill:var(--dds-callout-info-icon);color:var(--dds-callout-info-icon)}.callout--info.callout--border::part(base){border:var(--dds-callout-info-border)}.callout--positive::part(base){background:var(--dds-callout-positive-background)}.callout--positive.callout--subtle::part(base){background:var(--dds-callout-positive-background-subtle)}.callout--positive.callout--medium::part(base){background:var(--dds-callout-positive-background-medium)}.callout--positive.callout--strong::part(base){background:var(--dds-callout-positive-background-strong)}.callout--positive .callout__icon{fill:var(--dds-callout-positive-icon);color:var(--dds-callout-positive-icon)}.callout--positive.callout--border::part(base){border:var(--dds-callout-positive-border)}.callout--warning::part(base){background:var(--dds-callout-warning-background)}.callout--warning.callout--subtle::part(base){background:var(--dds-callout-warning-background-subtle)}.callout--warning.callout--medium::part(base){background:var(--dds-callout-warning-background-medium)}.callout--warning.callout--strong::part(base){background:var(--dds-callout-warning-background-strong)}.callout--warning .callout__icon{fill:var(--dds-callout-warning-icon);color:var(--dds-callout-warning-icon)}.callout--warning.callout--border::part(base){border:var(--dds-callout-warning-border)}.callout--negative::part(base){background:var(--dds-callout-negative-background)}.callout--negative.callout--subtle::part(base){background:var(--dds-callout-negative-background-subtle)}.callout--negative.callout--medium::part(base){background:var(--dds-callout-negative-background-medium)}.callout--negative.callout--strong::part(base){background:var(--dds-callout-negative-background-strong)}.callout--negative .callout__icon{fill:var(--dds-callout-negative-icon);color:var(--dds-callout-negative-icon)}.callout--negative.callout--border::part(base){border:var(--dds-callout-negative-border)}.callout--horizontal .callout__content::part(base){display:flex;flex-direction:row;align-items:flex-start;padding:var(--dds-callout-padding);gap:var(--dds-callout-gap)}.callout--vertical .callout__content::part(base){display:flex;flex-direction:column;align-items:flex-start;gap:var(--dds-callout-content-gap);padding:var(--dds-callout-padding)}.callout__title{color:var(--dds-callout-title-color);font-size:var(--dds-callout-title-font-size);font-weight:var(--dds-callout-title-font-weight)}.callout__description{color:var(--dds-callout-description-color);font-size:var(--dds-callout-description-font-size);font-weight:var(--dds-callout-description-font-weight)}.callout__icon{min-width:var(--dds-callout-icon-size)}.callout__actions{display:flex;padding-top:var(--dds-spacing-100);font-weight:var(--dds-callout-actions-font-weight);gap:var(--dds-callout-actions-gap);line-height:150%}.callout__content-wrapper{display:flex;flex-direction:column;flex-grow:1;gap:var(--dds-callout-content-gap)}dap-ds-card::part(base){border-radius:var(--dds-callout-border-radius)}";
+export {
+  a as default
+};
+//# sourceMappingURL=callout.scss.js.map

package/dist/components/callout/callout.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/card/_styles/card-actions.scss.js

@@ -0,0 +1,5 @@
+const a = ":host{--dds-card-actions-gap: var(--dds-spacing-200);--dds-card-actions-padding-lg: var( --dds-card-padding, var(--dds-spacing-600) );--dds-card-actions-padding-md: var( --dds-card-padding, var(--dds-spacing-400) );--dds-card-actions-padding-sm: var( --dds-card-padding, var(--dds-spacing-400) );--dds-card-actions-margin-lg: var(--dds-card-padding, var(--dds-spacing-600));--dds-card-actions-margin-md: var(--dds-card-padding, var(--dds-spacing-400));--dds-card-actions-margin-sm: var(--dds-card-padding, var(--dds-spacing-400))}.card-actions{display:flex;align-items:center;gap:var(--dds-card-actions-gap)}.card-actions--lg{padding:0 var(--dds-card-actions-padding-lg) 0 var(--dds-card-actions-padding-lg)}.card-actions--lg.dds-card-actions-spacing--top,.card-actions--lg.card-actions-spacing--top{margin-top:var(--dds-card-actions-margin-lg)}.card-actions--lg.dds-card-actions-spacing--bottom,.card-actions--lg.card-actions-spacing--bottom{margin-bottom:var(--dds-card-actions-margin-lg)}.card-actions--lg.dds-card-actions-spacing--both,.card-actions--lg.card-actions-spacing--both{margin-top:var(--dds-card-actions-margin-lg);margin-bottom:var(--dds-card-actions-margin-lg)}.card-actions--md{padding:0 var(--dds-card-actions-padding-md) 0 var(--dds-card-actions-padding-md)}.card-actions--md.dds-card-actions-spacing--top,.card-actions--md.card-actions-spacing--top{margin-top:var(--dds-card-actions-margin-md)}.card-actions--md.dds-card-actions-spacing--bottom,.card-actions--md.card-actions-spacing--bottom{margin-bottom:var(--dds-card-actions-margin-md)}.card-actions--md.dds-card-actions-spacing--both,.card-actions--md.card-actions-spacing--both{margin-top:var(--dds-card-actions-margin-md);margin-bottom:var(--dds-card-actions-margin-md)}.card-actions--sm{padding:0 var(--dds-card-actions-padding-sm) 0 var(--dds-card-actions-padding-sm)}.card-actions--sm.dds-card-actions-spacing--top,.card-actions--sm.card-actions-spacing--top{margin-top:var(--dds-card-actions-margin-sm)}.card-actions--sm.dds-card-actions-spacing--bottom,.card-actions--sm.card-actions-spacing--bottom{margin-bottom:var(--dds-card-actions-margin-sm)}.card-actions--sm.dds-card-actions-spacing--both,.card-actions--sm.card-actions-spacing--both{margin-top:var(--dds-card-actions-margin-sm);margin-bottom:var(--dds-card-actions-margin-sm)}";
+export {
+  a as default
+};
+//# sourceMappingURL=card-actions.scss.js.map

package/dist/components/card/_styles/card-actions.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-actions.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/card/_styles/card-content.scss.js

@@ -0,0 +1,5 @@
+const n = ":host{--dds-card-content-padding: 0;--dds-card-content-margin: 0;--dds-card-content-font-size: var(--dds-font-base);--dds-card-content-line-height: var(--dds-font-line-height-xlarge);--dds-card-content-spacing-lg: var( --dds-card-padding, var(--dds-spacing-600) );--dds-card-content-spacing-md: var( --dds-card-padding, var(--dds-spacing-400) );--dds-card-content-spacing-sm: var( --dds-card-padding, var(--dds-spacing-400) );--dds-card-content-spacing-top: 0;--dds-card-content-spacing-bottom: 0}.card-content{display:flex;flex-direction:column;line-height:var(--dds-card-content-line-height)}.card-content--lg{padding:0 var(--dds-card-content-spacing-lg) 0 var(--dds-card-content-spacing-lg);font-size:var(--dds-card-content-font-size)}.card-content--lg.dds-card-content-spacing--top,.card-content--lg.card-content-spacing--top{margin-top:var(--dds-card-content-spacing-lg)}.card-content--lg.dds-card-content-spacing--bottom,.card-content--lg.card-content-spacing--bottom{margin-bottom:var(--dds-card-content-spacing-lg)}.card-content--lg.dds-card-content-spacing--both,.card-content--lg.card-content-spacing--both{margin-top:var(--dds-card-content-spacing-lg);margin-bottom:var(--dds-card-content-spacing-lg)}.card-content--md{padding:0 var(--dds-card-content-spacing-md) 0 var(--dds-card-content-spacing-md);font-size:var(--dds-card-content-font-size)}.card-content--md.dds-card-content-spacing--top,.card-content--md.card-content-spacing--top{margin-top:var(--dds-card-content-spacing-md)}.card-content--md.dds-card-content-spacing--bottom,.card-content--md.card-content-spacing--bottom{margin-bottom:var(--dds-card-content-spacing-md)}.card-content--md.dds-card-content-spacing--both,.card-content--md.card-content-spacing--both{margin-top:var(--dds-card-content-spacing-md);margin-bottom:var(--dds-card-content-spacing-md)}.card-content--sm{padding:0 var(--dds-card-content-spacing-sm) 0 var(--dds-card-content-spacing-sm);font-size:var(--dds-font-xs)}.card-content--sm.dds-card-content-spacing--top,.card-content--sm.card-content-spacing--top{margin-top:var(--dds-card-content-spacing-sm)}.card-content--sm.dds-card-content-spacing--bottom,.card-content--sm.card-content-spacing--bottom{margin-bottom:var(--dds-card-content-spacing-sm)}.card-content--sm.dds-card-content-spacing--both,.card-content--sm.card-content-spacing--both{margin-top:var(--dds-card-content-spacing-sm);margin-bottom:var(--dds-card-content-spacing-sm)}";
+export {
+  n as default
+};
+//# sourceMappingURL=card-content.scss.js.map

package/dist/components/card/_styles/card-content.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-content.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/card/_styles/card-image.scss.js

@@ -0,0 +1,5 @@
+const d = ":host{--dds-card-image-width: 100%;--dds-card-image-height: auto;--dds-card-image-object-fit: cover;--dds-card-image-background-position: center;--dds-card-image-background-size: cover;--dds-card-image-background-repeat: no-repeat}.card-image{display:block;width:var(--dds-card-image-width);height:var(--dds-card-image-height);object-fit:var(--dds-card-image-object-fit);background-repeat:var(--dds-card-image-background-repeat);background-position:var(--dds-card-image-background-position);background-size:var(--dds-card-image-background-size)}";
+export {
+  d as default
+};
+//# sourceMappingURL=card-image.scss.js.map

package/dist/components/card/_styles/card-image.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-image.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/card/_styles/card-subtitle.scss.js

@@ -0,0 +1,5 @@
+const d = ":host{--dds-card-subtitle-color: var(--dds-text-neutral-subtle);--dds-card-subtitle-font-size: var(--dds-font-xs);--dds-card-subtitle-font-weight: var(--dds-font-weight-bold);--dds-card-subtitle-line-height: var(--dds-font-line-height-large);--dds-card-subtitle-padding-sm: 0 var(--dds-card-padding, var(--dds-spacing-400));--dds-card-subtitle-padding-md: 0 var(--dds-card-padding, var(--dds-spacing-400));--dds-card-subtitle-padding-lg: 0 var(--dds-card-padding, var(--dds-spacing-600));--dds-card-subtitle-margin-sm: var( --dds-card-padding, var(--dds-spacing-400) );--dds-card-subtitle-margin-md: var( --dds-card-padding, var(--dds-spacing-400) );--dds-card-subtitle-margin-lg: var( --dds-card-padding, var(--dds-spacing-600) );--dds-card-subtitle-spacing-top-sm: var( --dds-card-padding, var(--dds-spacing-400) );--dds-card-subtitle-spacing-top-md: var( --dds-card-padding, var(--dds-spacing-400) );--dds-card-subtitle-spacing-top-lg: var( --dds-card-padding, var(--dds-spacing-600) );--dds-card-subtitle-spacing-bottom-sm: var( --dds-card-padding, var(--dds-spacing-400) );--dds-card-subtitle-spacing-bottom-md: var( --dds-card-padding, var(--dds-spacing-400) );--dds-card-subtitle-spacing-bottom-lg: var( --dds-card-padding, var(--dds-spacing-600) );--dds-card-subtitle-spacing-both-sm: var( --dds-card-padding, var(--dds-spacing-400) );--dds-card-subtitle-spacing-both-md: var( --dds-card-padding, var(--dds-spacing-400) );--dds-card-subtitle-spacing-both-lg: var( --dds-card-padding, var(--dds-spacing-600) );font-weight:var(--dds-card-subtitle-font-weight);line-height:var(--dds-card-subtitle-line-height)}.card-subtitle{display:block;margin:0;color:var(--dds-card-subtitle-color);font-size:var(--dds-card-subtitle-font-size)}.card-subtitle--sm{padding:var(--dds-card-subtitle-padding-sm)}.card-subtitle--sm.dds-card-subtitle-spacing--top,.card-subtitle--sm.card-subtitle-spacing--top{margin-top:var(--dds-card-subtitle-spacing-top-sm)}.card-subtitle--sm.dds-card-subtitle-spacing--bottom,.card-subtitle--sm.card-subtitle-spacing--bottom{margin-bottom:var(--dds-card-subtitle-spacing-bottom-sm)}.card-subtitle--sm.dds-card-subtitle-spacing--both,.card-subtitle--sm.card-subtitle-spacing--both{margin-top:var(--dds-card-subtitle-spacing-both-sm);margin-bottom:var(--dds-card-subtitle-spacing-both-sm)}.card-subtitle--md{padding:var(--dds-card-subtitle-padding-md);font-size:var(--dds-font-sm)}.card-subtitle--md.dds-card-subtitle-spacing--top,.card-subtitle--md.card-subtitle-spacing--top{margin-top:var(--dds-card-subtitle-spacing-top-md)}.card-subtitle--md.dds-card-subtitle-spacing--bottom,.card-subtitle--md.card-subtitle-spacing--bottom{margin-bottom:var(--dds-card-subtitle-spacing-bottom-md)}.card-subtitle--md.dds-card-subtitle-spacing--both,.card-subtitle--md.card-subtitle-spacing--both{margin-top:var(--dds-card-subtitle-spacing-both-md);margin-bottom:var(--dds-card-subtitle-spacing-both-md)}.card-subtitle--lg{padding:var(--dds-card-subtitle-padding-lg)}.card-subtitle--lg.dds-card-subtitle-spacing--top,.card-subtitle--lg.card-subtitle-spacing--top{margin-top:var(--dds-card-subtitle-spacing-top-lg)}.card-subtitle--lg.dds-card-subtitle-spacing--bottom,.card-subtitle--lg.card-subtitle-spacing--bottom{margin-bottom:var(--dds-card-subtitle-spacing-bottom-lg)}.card-subtitle--lg.dds-card-subtitle-spacing--both,.card-subtitle--lg.card-subtitle-spacing--both{margin-top:var(--dds-card-subtitle-spacing-both-lg);margin-bottom:var(--dds-card-subtitle-spacing-both-lg)}";
+export {
+  d as default
+};
+//# sourceMappingURL=card-subtitle.scss.js.map

package/dist/components/card/_styles/card-subtitle.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-subtitle.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/card/_styles/card-title.scss.js

@@ -0,0 +1,5 @@
+const d = ":host{--dds-card-title-color: var(--dds-text-neutral-strong);--dds-card-title-font-weight: var(--dds-font-weight-bold);--dds-card-title-line-height: var(--dds-font-line-height-large);--dds-card-title-margin-bottom: var(--dds-spacing-100);--dds-card-title-sm-padding-x: var( --dds-card-padding, var(--dds-spacing-400) );--dds-card-title-sm-padding-bottom: var(--dds-spacing-100);--dds-card-title-sm-spacing-top: var( --dds-card-padding, var(--dds-spacing-400) );--dds-card-title-sm-spacing-bottom: var( --dds-card-padding, var(--dds-spacing-400) );--dds-card-title-md-padding-x: var( --dds-card-padding, var(--dds-spacing-400) );--dds-card-title-md-padding-bottom: var(--dds-spacing-100);--dds-card-title-md-spacing-top: var( --dds-card-padding, var(--dds-spacing-400) );--dds-card-title-md-spacing-bottom: var( --dds-card-padding, var(--dds-spacing-400) );--dds-card-title-lg-padding-x: var( --dds-card-padding, var(--dds-spacing-600) );--dds-card-title-lg-padding-bottom: var(--dds-spacing-100);--dds-card-title-lg-spacing-top: var( --dds-card-padding, var(--dds-spacing-600) );--dds-card-title-lg-spacing-bottom: var( --dds-card-padding, var(--dds-spacing-600) );margin-bottom:var(--dds-card-title-margin-bottom);font-weight:var(--dds-card-title-font-weight);line-height:var(--dds-card-title-line-height)}.card-title{display:block;margin:0;color:var(--dds-card-title-color)}.card-title--sm{padding:0 var(--dds-card-title-sm-padding-x) var(--dds-card-title-sm-padding-bottom);font-size:var(--dds-font-sm)}.card-title--sm.dds-card-title-spacing--top,.card-title--sm.card-title-spacing--top{margin-top:var(--dds-card-title-sm-spacing-top)}.card-title--sm.dds-card-title-spacing--bottom,.card-title--sm.card-title-spacing--bottom{margin-bottom:var(--dds-card-title-sm-spacing-bottom)}.card-title--sm.dds-card-title-spacing--both,.card-title--sm.card-title-spacing--both{margin-top:var(--dds-card-title-sm-spacing-top);margin-bottom:var(--dds-card-title-sm-spacing-bottom)}.card-title--md{padding:0 var(--dds-card-title-md-padding-x) var(--dds-card-title-md-padding-bottom);font-size:var(--dds-font-xl)}.card-title--md.dds-card-title-spacing--top,.card-title--md.card-title-spacing--top{margin-top:var(--dds-card-title-md-spacing-top)}.card-title--md.dds-card-title-spacing--bottom,.card-title--md.card-title-spacing--bottom{margin-bottom:var(--dds-card-title-md-spacing-bottom)}.card-title--md.dds-card-title-spacing--both,.card-title--md.card-title-spacing--both{margin-top:var(--dds-card-title-md-spacing-top);margin-bottom:var(--dds-card-title-md-spacing-bottom)}.card-title--lg{padding:0 var(--dds-card-title-lg-padding-x) var(--dds-card-title-lg-padding-bottom);font-size:var(--dds-font-xl)}.card-title--lg.dds-card-title-spacing--top,.card-title--lg.card-title-spacing--top{margin-top:var(--dds-card-title-lg-spacing-top)}.card-title--lg.dds-card-title-spacing--bottom,.card-title--lg.card-title-spacing--bottom{margin-bottom:var(--dds-card-title-lg-spacing-bottom)}.card-title--lg.dds-card-title-spacing--both,.card-title--lg.card-title-spacing--both{margin-top:var(--dds-card-title-lg-spacing-top);margin-bottom:var(--dds-card-title-lg-spacing-bottom)}.card-title--no-padding{padding-right:0;padding-left:0}";
+export {
+  d as default
+};
+//# sourceMappingURL=card-title.scss.js.map

package/dist/components/card/_styles/card-title.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-title.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/card/_styles/card.scss.js

@@ -0,0 +1,5 @@
+const r = ":host{position:relative;--dds-card-border-radius: var(--dds-radius-large);--dds-card-border-width: var(--dds-border-width-base);--dds-card-border-color: var(--dds-border-neutral-divider);--dds-card-background: var(--dds-background-neutral-base);--dds-card-hover-border-color: var(--dds-border-brand-base);--dds-card-active-border-color: var(--dds-border-brand-medium);--dds-card-shadow: none;--dds-card-hover-shadow: none;--dds-card-transition-duration: var(--dds-transition-medium);--dds-card-transition-timing: var(--dds-easing-ease-in-out)}.card__highcontrast{position:absolute;width:100%;height:100%;border-radius:var(--dds-radius-large);outline:var(--dds-border-width-base) solid var(--dds-border-neutral-transparent);outline-offset:-1px;background-color:transparent;pointer-events:none}.card__highcontrast--hover:hover{border-width:var(--dds-border-width-large)}.card__highcontrast--hover:active{border-width:var(--dds-border-width-xlarge)}.card__highcontrast--noborder{display:none}button.card{padding:0;color:inherit;font-family:inherit;text-align:unset}.card{outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);display:flex;position:relative;flex-direction:column;overflow:hidden;transition:all var(--dds-card-transition-duration) var(--dds-card-transition-timing);border-width:var(--dds-card-border-width);border-style:solid;border-radius:var(--dds-card-border-radius);border-color:var(--dds-card-border-color);background:var(--dds-card-background);background-clip:padding-box;box-shadow:var(--dds-card-shadow)}.card--disabled{pointer-events:none}.card--no-border{border-color:transparent}.card--no-padding{padding:0}.card--interactive{cursor:pointer}.card--interactive:hover{border-color:var(--dds-card-hover-border-color);box-shadow:var(--dds-card-hover-shadow)}.card--interactive:active{border-color:var(--dds-card-active-border-color)}.card--interactive:focus-visible{outline-style:solid}a:link,a:visited,a:hover,a:active{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}";
+export {
+  r as default
+};
+//# sourceMappingURL=card.scss.js.map

package/dist/components/card/_styles/card.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/card/card-actions.component.d.ts

@@ -27,6 +27,7 @@ declare const DapDSCardActions_base: typeof DdsElement & {
  * @cssproperty --dds-card-actions-margin-sm - The margin for small size card actions spacing. (default: var(--dds-spacing-400))
  */
 export default class DapDSCardActions extends DapDSCardActions_base {
+    static tagName: string;
     static readonly styles: import('lit').CSSResult;
     constructor();
     render(): import('lit-html').TemplateResult;

package/dist/components/card/card-actions.component.js

@@ -0,0 +1,33 @@
+import { clsx as i } from "../../node_modules/clsx/dist/clsx.js";
+import "../../node_modules/@lit/reactive-element/reactive-element.js";
+import "../../node_modules/lit-html/lit-html.js";
+import "../../node_modules/lit-element/lit-element.js";
+import { html as r } from "../../node_modules/lit-html/static.js";
+import { DdsElement as e } from "../../internal/dds-hu-element.js";
+import { SizedMixin as o } from "../../internal/mixin/sizedMixin.js";
+import a from "./_styles/card-actions.scss.js";
+import { unsafeCSS as m } from "../../node_modules/@lit/reactive-element/css-tag.js";
+const t = class t extends o(e) {
+  constructor() {
+    super(), this.spacing = "bottom", this.parentSized = "true";
+  }
+  render() {
+    return r`
+      <div
+        part="base"
+        class=${i(
+      "card-actions",
+      `card-actions--${this.effectiveSize}`,
+      `card-actions-spacing--${this.spacing}`
+    )}>
+        <slot> </slot>
+      </div>
+    `;
+  }
+};
+t.tagName = "dap-ds-card-actions", t.styles = m(a);
+let s = t;
+export {
+  s as default
+};
+//# sourceMappingURL=card-actions.component.js.map

package/dist/components/card/card-actions.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-actions.component.js","sources":["../../../src/components/card/card-actions.component.ts"],"sourcesContent":["import clsx from 'clsx'\nimport { unsafeCSS } from 'lit'\nimport { html } from 'lit/static-html.js'\n\nimport { DdsElement } from '@/internal/dds-hu-element'\nimport { SizedMixin } from '@/internal/mixin/sizedMixin'\n\nimport styles from './_styles/card-actions.scss?inline'\n\n/**\n * `dap-ds-card-actions`\n * @summary A card actions is a container for actions in a card.\n * @element dap-ds-card-actions\n * @title - Card actions\n * @group card\n *\n * @property {'sm' | 'md' | 'lg'} size - The size of the card actions. Default is `sm`.\n * @property {'top' | 'bottom' | 'both' | 'none'} spacing - The spacing of the card actions. This adds a margin to the card actions. Default is `bottom`.\n * @property {string} sizeMap - Responsive size map (e.g. \"md:lg\").\n *\n * @slot - The content of the card actions.\n *\n * @csspart base - The main card actions container.\n *\n * @cssproperty --dds-card-actions-gap - The gap between items in the card actions. (default: var(--dds-spacing-200))\n * @cssproperty --dds-card-actions-padding-lg - The padding for large size card actions. (default: var(--dds-spacing-600))\n * @cssproperty --dds-card-actions-padding-md - The padding for medium size card actions. (default: var(--dds-spacing-400))\n * @cssproperty --dds-card-actions-padding-sm - The padding for small size card actions. (default: var(--dds-spacing-400))\n * @cssproperty --dds-card-actions-margin-lg - The margin for large size card actions spacing. (default: var(--dds-spacing-600))\n * @cssproperty --dds-card-actions-margin-md - The margin for medium size card actions spacing. (default: var(--dds-spacing-400))\n * @cssproperty --dds-card-actions-margin-sm - The margin for small size card actions spacing. (default: var(--dds-spacing-400))\n */\nexport default class DapDSCardActions extends SizedMixin(DdsElement) {\n  static tagName = 'dap-ds-card-actions'\n\n  static readonly styles = unsafeCSS(styles)\n\n  constructor() {\n    super()\n    this.spacing = 'bottom'\n    this.parentSized = 'true'\n  }\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        class=${clsx(\n          'card-actions',\n          `card-actions--${this.effectiveSize}`,\n          `card-actions-spacing--${this.spacing}`,\n        )}>\n        <slot> </slot>\n      </div>\n    `\n  }\n}\n"],"names":["_DapDSCardActions","SizedMixin","DdsElement","html","clsx","unsafeCSS","styles","DapDSCardActions"],"mappings":";;;;;;;;;AAgCqB,MAAAA,IAAA,MAAAA,UAAyBC,EAAWC,CAAU,EAAE;AAAA,EAKnE,cAAc;AACN,UAAA,GACN,KAAK,UAAU,UACf,KAAK,cAAc;AAAA,EAAA;AAAA,EAGrB,SAAS;AACA,WAAAC;AAAAA;AAAAA;AAAAA,gBAGKC;AAAA,MACN;AAAA,MACA,iBAAiB,KAAK,aAAa;AAAA,MACnC,yBAAyB,KAAK,OAAO;AAAA,IAAA,CACtC;AAAA;AAAA;AAAA;AAAA,EAAA;AAKT;AAvBEJ,EAAO,UAAU,uBAEDA,EAAA,SAASK,EAAUC,CAAM;AAHtB,IAAAC,IAAAP;"}

package/dist/components/card/card-actions.d.ts

@@ -0,0 +1,8 @@
+import { default as DapDSCardActions } from './card-actions.component';
+export * from './card-actions.component';
+export default DapDSCardActions;
+declare global {
+    interface HTMLElementTagNameMap {
+        'dap-ds-card-actions': DapDSCardActions;
+    }
+}

package/dist/components/card/card-actions.js

@@ -0,0 +1,6 @@
+import a from "./card-actions.component.js";
+a.define();
+export {
+  a as default
+};
+//# sourceMappingURL=card-actions.js.map

package/dist/components/card/card-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-actions.js","sources":["../../../src/components/card/card-actions.ts"],"sourcesContent":["import DapDSCardActions from './card-actions.component'\n\nexport * from './card-actions.component'\nexport default DapDSCardActions\n\nDapDSCardActions.define()\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'dap-ds-card-actions': DapDSCardActions\n  }\n}\n"],"names":["DapDSCardActions"],"mappings":";AAKAA,EAAiB,OAAO;"}

package/dist/components/card/card-content.component.d.ts

@@ -29,6 +29,7 @@ declare const DapDSCardContent_base: typeof DdsElement & {
  * @cssproperty --dds-card-content-spacing-bottom - The bottom spacing value. (default: 0)
  */
 export default class DapDSCardContent extends DapDSCardContent_base {
+    static tagName: string;
     /** The base rendered root tag of the card content. */
     renderAs: string;
     static readonly styles: import('lit').CSSResult;

package/dist/components/card/card-content.component.js

@@ -0,0 +1,40 @@
+import { clsx as p } from "../../node_modules/clsx/dist/clsx.js";
+import "../../node_modules/@lit/reactive-element/reactive-element.js";
+import "../../node_modules/lit-html/lit-html.js";
+import "../../node_modules/lit-element/lit-element.js";
+import { property as c } from "../../node_modules/@lit/reactive-element/decorators/property.js";
+import { unsafeStatic as m, html as d } from "../../node_modules/lit-html/static.js";
+import { DdsElement as f } from "../../internal/dds-hu-element.js";
+import { SizedMixin as l } from "../../internal/mixin/sizedMixin.js";
+import h from "./_styles/card-content.scss.js";
+import { unsafeCSS as u } from "../../node_modules/@lit/reactive-element/css-tag.js";
+var v = Object.defineProperty, $ = (i, o, a, g) => {
+  for (var t = void 0, s = i.length - 1, n; s >= 0; s--)
+    (n = i[s]) && (t = n(o, a, t) || t);
+  return t && v(o, a, t), t;
+};
+const r = class r extends l(f) {
+  constructor() {
+    super(), this.renderAs = "div", this.spacing = "bottom", this.parentSized = "true";
+  }
+  render() {
+    return d`
+      <${m(this.renderAs)} part="base" class=${p(
+      "card-content",
+      `card-content--${this.effectiveSize}`,
+      `card-content-spacing--${this.spacing}`
+    )}>
+        <slot> </slot>
+      </${m(this.renderAs)}>
+    `;
+  }
+};
+r.tagName = "dap-ds-card-content", r.styles = u(h);
+let e = r;
+$([
+  c()
+], e.prototype, "renderAs");
+export {
+  e as default
+};
+//# sourceMappingURL=card-content.component.js.map

package/dist/components/card/card-content.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-content.component.js","sources":["../../../src/components/card/card-content.component.ts"],"sourcesContent":["import clsx from 'clsx'\nimport { unsafeCSS } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { html, unsafeStatic } from 'lit/static-html.js'\n\nimport { DdsElement } from '@/internal/dds-hu-element'\nimport { SizedMixin } from '@/internal/mixin/sizedMixin'\n\nimport styles from './_styles/card-content.scss?inline'\n\n/**\n * `dap-ds-card-content`\n * @summary A card content is a container for content in a card.\n * @element dap-ds-card-content\n * @title - Card content\n * @group card\n *\n * @property {'sm' | 'md' | 'lg'} size - The size of the card subtitle. Default is `sm`.\n * @property {'top' | 'bottom' | 'both' | 'none'} spacing - The spacing of the card content. This adds a margin to the card subtitle. Default is `bottom`.\n * @property {string} sizeMap - Responsive size map (e.g. \"md:lg\").\n *\n * @slot - The content of the card-content.\n *\n * @csspart base - The main card content container.\n *\n * @cssproperty --dds-card-content-padding - The padding of the card content. (default: 0)\n * @cssproperty --dds-card-content-margin - The margin of the card content. (default: 0)\n * @cssproperty --dds-card-content-font-size - The font size of the card content. (default: var(--dds-font-base))\n * @cssproperty --dds-card-content-line-height - The line height of the card content. (default: var(--dds-font-line-height-xlarge))\n * @cssproperty --dds-card-content-spacing-lg - The large spacing value. (default: var(--dds-spacing-600))\n * @cssproperty --dds-card-content-spacing-md - The medium spacing value. (default: var(--dds-spacing-400))\n * @cssproperty --dds-card-content-spacing-sm - The small spacing value. (default: var(--dds-spacing-400))\n * @cssproperty --dds-card-content-spacing-top - The top spacing value. (default: 0)\n * @cssproperty --dds-card-content-spacing-bottom - The bottom spacing value. (default: 0)\n */\nexport default class DapDSCardContent extends SizedMixin(DdsElement) {\n  static tagName = 'dap-ds-card-content'\n\n  /** The base rendered root tag of the card content. */\n  @property() renderAs = 'div'\n\n  static readonly styles = unsafeCSS(styles)\n\n  constructor() {\n    super()\n    this.spacing = 'bottom'\n    this.parentSized = 'true'\n  }\n\n  render() {\n    return html`\n      <${unsafeStatic(this.renderAs)} part=\"base\" class=${clsx(\n        'card-content',\n        `card-content--${this.effectiveSize}`,\n        `card-content-spacing--${this.spacing}`,\n      )}>\n        <slot> </slot>\n      </${unsafeStatic(this.renderAs)}>\n    `\n  }\n}\n"],"names":["_DapDSCardContent","SizedMixin","DdsElement","html","unsafeStatic","clsx","unsafeCSS","styles","DapDSCardContent","__decorateClass","property"],"mappings":";;;;;;;;;;;;;;;AAmCqB,MAAAA,IAAA,MAAAA,UAAyBC,EAAWC,CAAU,EAAE;AAAA,EAQnE,cAAc;AACN,UAAA,GALe,KAAA,WAAA,OAMrB,KAAK,UAAU,UACf,KAAK,cAAc;AAAA,EAAA;AAAA,EAGrB,SAAS;AACA,WAAAC;AAAAA,SACFC,EAAa,KAAK,QAAQ,CAAC,sBAAsBC;AAAA,MAClD;AAAA,MACA,iBAAiB,KAAK,aAAa;AAAA,MACnC,yBAAyB,KAAK,OAAO;AAAA,IAAA,CACtC;AAAA;AAAA,UAEGD,EAAa,KAAK,QAAQ,CAAC;AAAA;AAAA,EAAA;AAGrC;AAxBEJ,EAAO,UAAU,uBAKDA,EAAA,SAASM,EAAUC,CAAM;AANtB,IAAAC,IAAAR;AAIPS,EAAA;AAAA,EAAXC,EAAS;AAAA,GAJSF,EAIP,WAAA,UAAA;"}

package/dist/components/card/card-content.d.ts

@@ -0,0 +1,8 @@
+import { default as DapDSCardContent } from './card-content.component';
+export * from './card-content.component';
+export default DapDSCardContent;
+declare global {
+    interface HTMLElementTagNameMap {
+        'dap-ds-card-content': DapDSCardContent;
+    }
+}

package/dist/components/card/card-content.js

@@ -0,0 +1,6 @@
+import e from "./card-content.component.js";
+e.define();
+export {
+  e as default
+};
+//# sourceMappingURL=card-content.js.map

package/dist/components/card/card-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-content.js","sources":["../../../src/components/card/card-content.ts"],"sourcesContent":["import DapDSCardContent from './card-content.component'\n\nexport * from './card-content.component'\nexport default DapDSCardContent\n\nDapDSCardContent.define()\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'dap-ds-card-content': DapDSCardContent\n  }\n}\n"],"names":["DapDSCardContent"],"mappings":";AAKAA,EAAiB,OAAO;"}

package/dist/components/card/card-image.component.d.ts

@@ -18,6 +18,7 @@ import { DdsElement } from '../../internal/dds-hu-element';
  * @cssproperty --dds-card-image-background-repeat - How the background image repeats. (default: no-repeat)
  */
 export default class DapDSCardImage extends DdsElement {
+    static tagName: string;
     /** The source of the image.*/
     src: string;
     /** The alt text of the image.*/