dap-design-system 0.60.2 → 0.61.0

package/dist/components/button/button.variants.js

@@ -0,0 +1,44 @@
+import { cva as t } from "../../node_modules/class-variance-authority/dist/index.js";
+const n = t("button", {
+  variants: {
+    intent: {
+      primary: "button--primary",
+      outline: "button--outline",
+      subtle: "button--subtle",
+      clean: "button--clean",
+      "primary-inverted": "button--primary-inverted",
+      "outline-inverted": "button--outline-inverted",
+      "subtle-inverted": "button--subtle-inverted",
+      "clean-inverted": "button--clean-inverted",
+      "subtle-neutral": "button--subtle-neutral",
+      "subtle-quiet": "button--subtle-quiet",
+      "subtle-quiet-inverted": "button--subtle-quiet-inverted",
+      "subtle-menu": "button--subtle-menu",
+      "subtle-menu-item": "button--subtle-menu-item"
+    },
+    size: {
+      lg: "button--lg",
+      md: "button--md",
+      sm: "button--sm",
+      xs: "button--xs"
+    },
+    shape: {
+      button: "",
+      circle: "dds-button--circle"
+    }
+  },
+  compoundVariants: [
+    { shape: "circle", size: "md", class: "button--circle-md" },
+    { shape: "circle", size: "sm", class: "button--circle-sm" },
+    { shape: "circle", size: "xs", class: "button--circle-xs" }
+  ],
+  defaultVariants: {
+    intent: "primary",
+    size: "md",
+    shape: "button"
+  }
+});
+export {
+  n as buttonVariants
+};
+//# sourceMappingURL=button.variants.js.map

package/dist/components/button/button.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.variants.js","sources":["../../../src/components/button/button.variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const buttonVariants = cva('button', {\n  variants: {\n    intent: {\n      'primary': 'button--primary',\n      'outline': 'button--outline',\n      'subtle': 'button--subtle',\n      'clean': 'button--clean',\n      'primary-inverted': 'button--primary-inverted',\n      'outline-inverted': 'button--outline-inverted',\n      'subtle-inverted': 'button--subtle-inverted',\n      'clean-inverted': 'button--clean-inverted',\n      'subtle-neutral': 'button--subtle-neutral',\n      'subtle-quiet': 'button--subtle-quiet',\n      'subtle-quiet-inverted': 'button--subtle-quiet-inverted',\n      'subtle-menu': 'button--subtle-menu',\n      'subtle-menu-item': 'button--subtle-menu-item',\n    },\n    size: {\n      lg: 'button--lg',\n      md: 'button--md',\n      sm: 'button--sm',\n      xs: 'button--xs',\n    },\n    shape: {\n      button: '',\n      circle: 'dds-button--circle',\n    },\n  },\n  compoundVariants: [\n    { shape: 'circle', size: 'md', class: 'button--circle-md' },\n    { shape: 'circle', size: 'sm', class: 'button--circle-sm' },\n    { shape: 'circle', size: 'xs', class: 'button--circle-xs' },\n  ],\n  defaultVariants: {\n    intent: 'primary',\n    size: 'md',\n    shape: 'button',\n  },\n})\n"],"names":["buttonVariants","cva"],"mappings":";AAEa,MAAAA,IAAiBC,EAAI,UAAU;AAAA,EAC1C,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,SAAW;AAAA,MACX,SAAW;AAAA,MACX,QAAU;AAAA,MACV,OAAS;AAAA,MACT,oBAAoB;AAAA,MACpB,oBAAoB;AAAA,MACpB,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,gBAAgB;AAAA,MAChB,yBAAyB;AAAA,MACzB,eAAe;AAAA,MACf,oBAAoB;AAAA,IACtB;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,EAEZ;AAAA,EACA,kBAAkB;AAAA,IAChB,EAAE,OAAO,UAAU,MAAM,MAAM,OAAO,oBAAoB;AAAA,IAC1D,EAAE,OAAO,UAAU,MAAM,MAAM,OAAO,oBAAoB;AAAA,IAC1D,EAAE,OAAO,UAAU,MAAM,MAAM,OAAO,oBAAoB;AAAA,EAC5D;AAAA,EACA,iBAAiB;AAAA,IACf,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAEX,CAAC;"}

package/dist/components/calendar/calendar-cell.component.d.ts

@@ -66,6 +66,7 @@ declare const DapDSCalendarCell_base: typeof DdsElement & {
  *
  */
 export default class DapDSCalendarCell extends DapDSCalendarCell_base {
+    static tagName: string;
     /** The value of the calendar cell. */
     value: Dayjs;
     /** Whether the calendar cell is selected. */

package/dist/components/calendar/calendar-cell.component.js

@@ -0,0 +1,108 @@
+import { clsx as u } from "../../node_modules/clsx/dist/clsx.js";
+import h from "../../_virtual/dayjs.min.js";
+import "../../node_modules/@lit/reactive-element/reactive-element.js";
+import { nothing as y } from "../../node_modules/lit-html/lit-html.js";
+import "../../node_modules/lit-element/lit-element.js";
+import { property as a } from "../../node_modules/@lit/reactive-element/decorators/property.js";
+import { html as p } from "../../node_modules/lit-html/static.js";
+import { DdsElement as b } from "../../internal/dds-hu-element.js";
+import { FocusableMixin as m } from "../../internal/mixin/focusableMixin.js";
+import "../../localization/localization.js";
+import g from "./calendar-cell.scss.js";
+import { t as f } from "../../node_modules/i18next/dist/esm/i18next.js";
+import { unsafeCSS as L } from "../../node_modules/@lit/reactive-element/css-tag.js";
+var v = Object.defineProperty, s = (c, e, o, i) => {
+  for (var l = void 0, d = c.length - 1, n; d >= 0; d--)
+    (n = c[d]) && (l = n(e, o, l) || l);
+  return l && v(e, o, l), l;
+};
+const r = class r extends m(b) {
+  constructor() {
+    super(...arguments), this.selected = !1, this.disabledDay = !1, this.today = !1, this.outOfRange = !1, this.header = !1, this.focused = !1, this.rangestart = !1, this.rangeend = !1, this.inrange = !1, this.locale = h.locale(), this._cachedLabel = "", this._lastLabelUpdate = 0, this._lastLocale = "";
+  }
+  get label() {
+    if (this.value) {
+      const e = Date.now();
+      if (this._cachedLabel === "" || this._lastLabelUpdate === 0 || this._lastLocale !== this.locale || e - this._lastLabelUpdate > 100) {
+        const o = h(this.value).locale(this.locale).format("LL, dddd"), i = this.today ? f("calendar.today", { lng: this.locale }) : "", l = this.selected ? f("selected", { lng: this.locale }) : "";
+        this._cachedLabel = `${o} ${i} ${l}`.trim(), this._lastLabelUpdate = e, this._lastLocale = this.locale;
+      }
+      return this._cachedLabel;
+    }
+    return "";
+  }
+  get focusElement() {
+    return this;
+  }
+  firstUpdated(e) {
+    super.firstUpdated(e), this.role === "button" && this.hasAttribute("aria-selected") && this.removeAttribute("aria-selected"), this.setAttribute("aria-label", this.label);
+  }
+  updated(e) {
+    super.updated(e), e.has("disabledDay") && this.setAttribute("aria-disabled", this.disabledDay ? "true" : "false"), (e.has("selected") || e.has("locale") || e.has("value") || e.has("today")) && (this.role === "button" && this.hasAttribute("aria-selected") && this.removeAttribute("aria-selected"), e.has("locale") && (this._cachedLabel = "", this._lastLabelUpdate = 0), this.setAttribute("aria-label", this.label));
+  }
+  getDayName(e, o) {
+    return new Date(e).toLocaleDateString(o, { weekday: "long" });
+  }
+  render() {
+    return p`
+      <div
+        part="base"
+        class=${u(
+      "calendar-cell",
+      { "calendar-cell--selected": this.selected },
+      { "calendar-cell--disabled": this.disabledDay },
+      { "calendar-cell--today": this.today },
+      { "calendar-cell--out-of-range": this.outOfRange },
+      { "calendar-cell--header": this.header },
+      { "calendar-cell--focused": this.focused },
+      { "calendar-cell--range-start": this.rangestart },
+      { "calendar-cell--range-end": this.rangeend },
+      { "calendar-cell--in-range": this.inrange }
+    )}>
+        <slot></slot>
+        ${this.today ? p`<span
+              part="today-mark"
+              class="calendar-cell__today-mark"></span>` : y}
+      </div>
+    `;
+  }
+};
+r.tagName = "dap-ds-calendar-cell", r.styles = L(g);
+let t = r;
+s([
+  a({ attribute: !1 })
+], t.prototype, "value");
+s([
+  a({ type: Boolean })
+], t.prototype, "selected");
+s([
+  a({ type: Boolean })
+], t.prototype, "disabledDay");
+s([
+  a({ type: Boolean })
+], t.prototype, "today");
+s([
+  a({ type: Boolean })
+], t.prototype, "outOfRange");
+s([
+  a({ type: Boolean })
+], t.prototype, "header");
+s([
+  a({ type: Boolean })
+], t.prototype, "focused");
+s([
+  a({ type: Boolean })
+], t.prototype, "rangestart");
+s([
+  a({ type: Boolean })
+], t.prototype, "rangeend");
+s([
+  a({ type: Boolean })
+], t.prototype, "inrange");
+s([
+  a({ reflect: !0 })
+], t.prototype, "locale");
+export {
+  t as default
+};
+//# sourceMappingURL=calendar-cell.component.js.map

package/dist/components/calendar/calendar-cell.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-cell.component.js","sources":["../../../src/components/calendar/calendar-cell.component.ts"],"sourcesContent":["import clsx from 'clsx'\nimport dayjs, { Dayjs } from 'dayjs'\nimport { nothing, PropertyValueMap, unsafeCSS } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { html } from 'lit/static-html.js'\n\nimport { DdsElement } from '@/internal/dds-hu-element'\nimport { FocusableMixin } from '@/internal/mixin/focusableMixin'\nimport { t } from '@/localization/localization'\n\nimport styles from './calendar-cell.scss?inline'\n\n/**\n * `dap-ds-calendar-cell`\n * @summary Calendar cell represents a single cell in the calendar.\n * @element dap-ds-calendar-cell\n * @title - Calendar cell\n * @group calendar\n *\n * @slot - The content of the calendar cell.\n *\n * @csspart base - The main calendar cell container.\n * @csspart today-mark - The today mark of the calendar cell.\n *\n * @cssproperty --dds-calendar-cell-display - The display property of the calendar cell host (default: flex)\n * @cssproperty --dds-calendar-cell-position - The position property of the calendar cell host (default: relative)\n * @cssproperty --dds-calendar-cell-border-radius - The border radius of the calendar cell (default: var(--dds-radius-rounded))\n * @cssproperty --dds-calendar-cell-min-width - The minimum width of the calendar cell (default: var(--dds-spacing-1000))\n * @cssproperty --dds-calendar-cell-height - The height of the calendar cell (default: var(--dds-spacing-1000))\n * @cssproperty --dds-calendar-cell-min-height - The minimum height of the calendar cell (default: var(--dds-spacing-1000))\n * @cssproperty --dds-calendar-cell-color - The text color of the calendar cell (default: var(--dds-button-subtle-text-neutral-enabled))\n * @cssproperty --dds-calendar-cell-font-size - The font size of the calendar cell (default: var(--dds-font-sm))\n * @cssproperty --dds-calendar-cell-font-weight - The font weight of the calendar cell (default: var(--dds-font-weight-medium))\n * @cssproperty --dds-calendar-cell-text-align - The text alignment of the calendar cell (default: center)\n * @cssproperty --dds-calendar-cell-cursor - The cursor style of the calendar cell (default: pointer)\n * @cssproperty --dds-calendar-cell-background-hover - The background color of the calendar cell on hover (default: var(--dds-background-neutral-medium))\n * @cssproperty --dds-calendar-cell-background-active - The background color of the calendar cell when active (default: var(--dds-background-neutral-strong))\n *\n * @cssproperty --dds-calendar-cell-selected-background - The background color of the selected calendar cell (default: var(--dds-button-primary-background-enabled))\n * @cssproperty --dds-calendar-cell-selected-color - The text color of the selected calendar cell (default: var(--dds-button-primary-text-enabled))\n * @cssproperty --dds-calendar-cell-selected-background-hover - The background color of the selected calendar cell on hover (default: var(--dds-button-primary-background-hover))\n * @cssproperty --dds-calendar-cell-selected-background-pressed - The background color of the selected calendar cell when pressed (default: var(--dds-button-primary-background-pressed))\n * @cssproperty --dds-calendar-cell-selected-today-mark-background - The background color of the today mark in selected calendar cell (default: var(--dds-text-neutral-on-inverted))\n *\n * @cssproperty --dds-calendar-cell-disabled-color - The text color of the disabled calendar cell (default: var(--dds-text-neutral-disabled))\n * @cssproperty --dds-calendar-cell-disabled-cursor - The cursor style of the disabled calendar cell (default: not-allowed)\n *\n * @cssproperty --dds-calendar-cell-out-of-range-color - The text color of the out-of-range calendar cell (default: var(--dds-text-neutral-placeholder))\n *\n * @cssproperty --dds-calendar-cell-today-font-weight - The font weight of the today calendar cell (default: var(--dds-font-weight-bold))\n *\n * @cssproperty --dds-calendar-cell-header-background - The background color of the header calendar cell (default: transparent)\n * @cssproperty --dds-calendar-cell-header-color - The text color of the header calendar cell (default: var(--dds-text-neutral-base))\n * @cssproperty --dds-calendar-cell-header-text-transform - The text transform of the header calendar cell (default: capitalize)\n * @cssproperty --dds-calendar-cell-header-cursor - The cursor style of the header calendar cell (default: default)\n *\n * @cssproperty --dds-calendar-cell-in-range-color - The text color of the in-range calendar cell (default: var(--dds-button-primary-text-enabled))\n * @cssproperty --dds-calendar-cell-in-range-background-hover - The background color of the in-range calendar cell on hover (default: var(--dds-button-primary-background-hover))\n * @cssproperty --dds-calendar-cell-in-range-background-pressed - The background color of the in-range calendar cell when pressed (default: var(--dds-button-primary-background-pressed))\n *\n * @cssproperty --dds-calendar-cell-range-background - The background color of the range start/end calendar cell (default: var(--dds-button-primary-background-enabled))\n * @cssproperty --dds-calendar-cell-range-color - The text color of the range start/end calendar cell (default: var(--dds-button-primary-text-enabled))\n * @cssproperty --dds-calendar-cell-range-today-mark-background - The background color of the today mark in range start/end calendar cell (default: var(--dds-text-neutral-on-inverted))\n *\n * @cssproperty --dds-calendar-cell-today-mark-bottom - The bottom position of the today mark (default: var(--dds-spacing-100))\n * @cssproperty --dds-calendar-cell-today-mark-width - The width of the today mark (default: 5px)\n * @cssproperty --dds-calendar-cell-today-mark-height - The height of the today mark (default: 5px)\n * @cssproperty --dds-calendar-cell-today-mark-stroke - The stroke color of the today mark (default: var(--dds-border-neutral-transparent))\n * @cssproperty --dds-calendar-cell-today-mark-background - The background color of the today mark (default: var(--dds-background-neutral-medium-inverted))\n * @cssproperty --dds-calendar-cell-today-mark-fill - The fill color of the today mark (default: var(--dds-background-neutral-medium-inverted))\n *\n */\nexport default class DapDSCalendarCell extends FocusableMixin(DdsElement) {\n  static tagName = 'dap-ds-calendar-cell'\n\n  /** The value of the calendar cell. */\n  @property({ attribute: false }) value: Dayjs\n  /** Whether the calendar cell is selected. */\n  @property({ type: Boolean }) selected: boolean = false\n  /** Whether the calendar cell is disabled. */\n  @property({ type: Boolean }) disabledDay: boolean = false\n  /** Whether the calendar cell is today. */\n  @property({ type: Boolean }) today: boolean = false\n  /** Whether the calendar cell is out of range. */\n  @property({ type: Boolean }) outOfRange: boolean = false\n  /** Whether the calendar cell is a date header. */\n  @property({ type: Boolean }) header: boolean = false\n  /** Whether the calendar cell is focused. */\n  @property({ type: Boolean }) focused: boolean = false\n  /** Whether the calendar cell is the start of a range. */\n  @property({ type: Boolean }) rangestart: boolean = false\n  /** Whether the calendar cell is the end of a range. */\n  @property({ type: Boolean }) rangeend: boolean = false\n  /** Whether the calendar cell is in the middle of a range. */\n  @property({ type: Boolean }) inrange: boolean = false\n\n  /** The locale of the calendar cell.\n   * @type {'hu' | 'en' | 'de'}\n   * @default dayjs.locale()\n   */\n  @property({ reflect: true }) locale: string = dayjs.locale()\n\n  private _cachedLabel: string = ''\n  private _lastLabelUpdate: number = 0\n  private _lastLocale: string = ''\n\n  static readonly styles = unsafeCSS(styles)\n\n  get label(): string {\n    if (this.value) {\n      const currentTime = Date.now()\n\n      // Only recalculate if state changed, locale changed, or more than 100ms passed (debounce rapid updates)\n      if (\n        this._cachedLabel === '' ||\n        this._lastLabelUpdate === 0 ||\n        this._lastLocale !== this.locale ||\n        currentTime - this._lastLabelUpdate > 100\n      ) {\n        // Cache expensive dayjs formatting\n        const dateLabel = dayjs(this.value)\n          .locale(this.locale)\n          .format('LL, dddd')\n        const todayLabel = this.today\n          ? t('calendar.today', { lng: this.locale })\n          : ''\n        const selectedLabel = this.selected\n          ? t('selected', { lng: this.locale })\n          : ''\n        this._cachedLabel = `${dateLabel} ${todayLabel} ${selectedLabel}`.trim()\n        this._lastLabelUpdate = currentTime\n        this._lastLocale = this.locale\n      }\n\n      return this._cachedLabel\n    }\n\n    return ''\n  }\n\n  public get focusElement(): HTMLElement {\n    return this\n  }\n\n  protected firstUpdated(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): void {\n    super.firstUpdated(_changedProperties)\n\n    // Remove aria-selected if it exists (not valid for button role)\n    // The calendar component sets aria-pressed instead for button role\n    if (this.role === 'button' && this.hasAttribute('aria-selected')) {\n      this.removeAttribute('aria-selected')\n    }\n\n    this.setAttribute('aria-label', this.label)\n  }\n\n  protected updated(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): void {\n    super.updated(_changedProperties)\n\n    if (_changedProperties.has('disabledDay')) {\n      this.setAttribute('aria-disabled', this.disabledDay ? 'true' : 'false')\n    }\n\n    if (\n      _changedProperties.has('selected') ||\n      _changedProperties.has('locale') ||\n      _changedProperties.has('value') ||\n      _changedProperties.has('today')\n    ) {\n      if (this.role === 'button' && this.hasAttribute('aria-selected')) {\n        this.removeAttribute('aria-selected')\n      }\n      // Invalidate cache when locale changes\n      if (_changedProperties.has('locale')) {\n        this._cachedLabel = ''\n        this._lastLabelUpdate = 0\n      }\n      this.setAttribute('aria-label', this.label)\n    }\n  }\n\n  getDayName(dateStr: string, locale: string) {\n    const date = new Date(dateStr)\n    return date.toLocaleDateString(locale, { weekday: 'long' })\n  }\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        class=${clsx(\n          'calendar-cell',\n          { 'calendar-cell--selected': this.selected },\n          { 'calendar-cell--disabled': this.disabledDay },\n          { 'calendar-cell--today': this.today },\n          { 'calendar-cell--out-of-range': this.outOfRange },\n          { 'calendar-cell--header': this.header },\n          { 'calendar-cell--focused': this.focused },\n          { 'calendar-cell--range-start': this.rangestart },\n          { 'calendar-cell--range-end': this.rangeend },\n          { 'calendar-cell--in-range': this.inrange },\n        )}>\n        <slot></slot>\n        ${this.today\n          ? html`<span\n              part=\"today-mark\"\n              class=\"calendar-cell__today-mark\"></span>`\n          : nothing}\n      </div>\n    `\n  }\n}\n"],"names":["_DapDSCalendarCell","FocusableMixin","DdsElement","dayjs","currentTime","dateLabel","todayLabel","t","selectedLabel","_changedProperties","dateStr","locale","html","clsx","nothing","unsafeCSS","styles","DapDSCalendarCell","__decorateClass","property"],"mappings":"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"}

package/dist/components/calendar/calendar-cell.d.ts

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

package/dist/components/calendar/calendar-cell.js

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

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

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

package/dist/components/calendar/calendar-cell.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{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);--dds-calendar-cell-display: flex;--dds-calendar-cell-position: relative;--dds-calendar-cell-border-radius: var(--dds-radius-rounded);--dds-calendar-cell-min-width: var(--dds-spacing-1000);--dds-calendar-cell-height: var(--dds-spacing-1000);--dds-calendar-cell-min-height: var(--dds-spacing-1000);--dds-calendar-cell-color: var(--dds-button-subtle-text-neutral-enabled);--dds-calendar-cell-font-size: var(--dds-font-sm);--dds-calendar-cell-font-weight: var(--dds-font-weight-medium);--dds-calendar-cell-text-align: center;--dds-calendar-cell-cursor: pointer;--dds-calendar-cell-background-hover: var(--dds-background-neutral-medium);--dds-calendar-cell-background-active: var(--dds-background-neutral-strong);--dds-calendar-cell-selected-background: var( --dds-button-primary-background-enabled );--dds-calendar-cell-selected-color: var(--dds-button-primary-text-enabled);--dds-calendar-cell-selected-background-hover: var( --dds-button-primary-background-hover );--dds-calendar-cell-selected-background-pressed: var( --dds-button-primary-background-pressed );--dds-calendar-cell-selected-today-mark-background: var( --dds-text-neutral-on-inverted );--dds-calendar-cell-disabled-color: var(--dds-text-neutral-disabled);--dds-calendar-cell-disabled-cursor: not-allowed;--dds-calendar-cell-out-of-range-color: var(--dds-text-neutral-placeholder);--dds-calendar-cell-today-font-weight: var(--dds-font-weight-bold);--dds-calendar-cell-header-background: transparent;--dds-calendar-cell-header-color: var(--dds-text-neutral-base);--dds-calendar-cell-header-text-transform: capitalize;--dds-calendar-cell-header-cursor: default;--dds-calendar-cell-in-range-border-radius: 0;--dds-calendar-cell-in-range-background: var( --dds-button-primary-background-enabled );--dds-calendar-cell-in-range-color: var(--dds-button-primary-text-enabled);--dds-calendar-cell-in-range-background-hover: var( --dds-button-primary-background-hover );--dds-calendar-cell-in-range-background-pressed: var( --dds-button-primary-background-pressed );--dds-calendar-cell-range-background: var( --dds-button-primary-background-enabled );--dds-calendar-cell-range-color: var(--dds-button-primary-text-enabled);--dds-calendar-cell-range-today-mark-background: var( --dds-text-neutral-on-inverted );--dds-calendar-cell-today-mark-bottom: var(--dds-spacing-100);--dds-calendar-cell-today-mark-width: 5px;--dds-calendar-cell-today-mark-height: 5px;--dds-calendar-cell-today-mark-stroke: var(--dds-border-neutral-transparent);--dds-calendar-cell-today-mark-background: var( --dds-background-neutral-medium-inverted );--dds-calendar-cell-today-mark-fill: var( --dds-background-neutral-medium-inverted );display:var(--dds-calendar-cell-display);position:var(--dds-calendar-cell-position);border-radius:var(--dds-calendar-cell-border-radius)}:host:focus-visible{outline-style:solid}:host:has(.calendar-cell--disabled){cursor:not-allowed}:host .calendar-cell{display:flex;align-items:center;justify-content:center;min-width:var(--dds-calendar-cell-min-width);height:var(--dds-calendar-cell-height);min-height:var(--dds-calendar-cell-min-height);border-radius:var(--dds-calendar-cell-border-radius);color:var(--dds-calendar-cell-color);font-size:var(--dds-calendar-cell-font-size);font-weight:var(--dds-calendar-cell-font-weight);text-align:var(--dds-calendar-cell-text-align);cursor:var(--dds-calendar-cell-cursor)}:host .calendar-cell:hover{background-color:var(--dds-calendar-cell-background-hover)}:host .calendar-cell:active{background-color:var(--dds-calendar-cell-background-active)}:host .calendar-cell--selected{background-color:var(--dds-calendar-cell-selected-background);color:var(--dds-calendar-cell-selected-color)}:host .calendar-cell--selected:hover{background-color:var(--dds-calendar-cell-selected-background-hover)}:host .calendar-cell--selected:active{background-color:var(--dds-calendar-cell-selected-background-pressed)}:host .calendar-cell--selected .calendar-cell__today-mark{background-color:var(--dds-calendar-cell-selected-today-mark-background)}:host .calendar-cell--disabled{color:var(--dds-calendar-cell-disabled-color);cursor:var(--dds-calendar-cell-disabled-cursor);pointer-events:none}:host .calendar-cell--out-of-range{color:var(--dds-calendar-cell-out-of-range-color)}:host .calendar-cell--today{font-weight:var(--dds-calendar-cell-today-font-weight)}:host .calendar-cell--header{background-color:var(--dds-calendar-cell-header-background);color:var(--dds-calendar-cell-header-color);text-transform:var(--dds-calendar-cell-header-text-transform);cursor:var(--dds-calendar-cell-header-cursor);pointer-events:none}:host .calendar-cell--header:hover{background-color:var(--dds-calendar-cell-header-background)}:host .calendar-cell--header:active{background-color:var(--dds-calendar-cell-header-background)}:host .calendar-cell--header:focus-visible{outline:none}:host .calendar-cell--in-range{border-radius:var(--dds-calendar-cell-in-range-border-radius);background-color:var(--dds-calendar-cell-in-range-background);color:var(--dds-calendar-cell-in-range-color)}:host .calendar-cell--in-range:hover{background-color:var(--dds-calendar-cell-in-range-background-hover)}:host .calendar-cell--in-range:active{background-color:var(--dds-calendar-cell-in-range-background-pressed)}:host .calendar-cell--range-start,:host .calendar-cell--range-end{background-color:var(--dds-calendar-cell-range-background);color:var(--dds-calendar-cell-range-color)}:host .calendar-cell--range-start .calendar-cell__today-mark,:host .calendar-cell--range-end .calendar-cell__today-mark{background-color:var(--dds-calendar-cell-range-today-mark-background)}:host .calendar-cell--range-start{border-top-right-radius:0;border-bottom-right-radius:0}:host .calendar-cell--range-end{border-top-left-radius:0;border-bottom-left-radius:0}:host .calendar-cell__today-mark{position:absolute;bottom:var(--dds-calendar-cell-today-mark-bottom);width:var(--dds-calendar-cell-today-mark-width);height:var(--dds-calendar-cell-today-mark-height);border-radius:var(--dds-calendar-cell-border-radius);stroke:var(--dds-calendar-cell-today-mark-stroke);background-color:var(--dds-calendar-cell-today-mark-background);fill:var(--dds-calendar-cell-today-mark-fill)}";
+export {
+  a as default
+};
+//# sourceMappingURL=calendar-cell.scss.js.map

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

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

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

@@ -1,6 +1,10 @@
 import { default as dayjs, Dayjs } from 'dayjs';
 import { PropertyValueMap } from 'lit';
 import { DdsElement } from '../../internal/dds-hu-element';
+import { default as DapDSIconButton } from '../icon-button/icon-button.component';
+import { default as ArrowsExpandUpDownFill } from '../icons/arrows/arrows-expand-up-down-fill/arrows-expand-up-down-fill.component';
+import { default as DapDSOptionItem } from '../option-item/option-item.component';
+import { default as DapDSSelect } from '../select/select.component';
 import { default as DapDSCalendarCell } from './calendar-cell.component';
 /**
  * `dap-ds-calendar`
@@ -45,6 +49,14 @@ import { default as DapDSCalendarCell } from './calendar-cell.component';
  * @cssproperty --dds-calendar-nav-button-color - The color of the navigation button icons (default: var(--dds-button-subtle-icon-enabled))
  */
 export default class DapDSCalendar extends DdsElement {
+    static tagName: string;
+    static dependencies: {
+        'dap-ds-calendar-cell': typeof DapDSCalendarCell;
+        'dap-ds-icon-button': typeof DapDSIconButton;
+        'dap-ds-select': typeof DapDSSelect;
+        'dap-ds-icon-expand-up-down-fill': typeof ArrowsExpandUpDownFill;
+        'dap-ds-option-item': typeof DapDSOptionItem;
+    };
     private readonly cells;
     private readonly monthSelect;
     /** The mode of the calendar - single date or range selection.