dap-design-system 0.60.2 → 0.61.0

package/dist/components/textarea/textarea.component.js

@@ -0,0 +1,204 @@
+var v = Object.getPrototypeOf;
+var x = Reflect.get;
+var y = (h, t, e) => x(v(h), e, t);
+var g = (h, t, e) => new Promise((n, r) => {
+  var c = (d) => {
+    try {
+      b(e.next(d));
+    } catch (m) {
+      r(m);
+    }
+  }, p = (d) => {
+    try {
+      b(e.throw(d));
+    } catch (m) {
+      r(m);
+    }
+  }, b = (d) => d.done ? n(d.value) : Promise.resolve(d.value).then(c, p);
+  b((e = e.apply(h, t)).next());
+});
+import { clsx as $ } from "../../node_modules/clsx/dist/clsx.js";
+import "../../node_modules/@lit/reactive-element/reactive-element.js";
+import { nothing as u } from "../../node_modules/lit-html/lit-html.js";
+import "../../node_modules/lit-element/lit-element.js";
+import { property as l } from "../../node_modules/@lit/reactive-element/decorators/property.js";
+import { state as k } from "../../node_modules/@lit/reactive-element/decorators/state.js";
+import { query as I } from "../../node_modules/@lit/reactive-element/decorators/query.js";
+import { ifDefined as s } from "../../node_modules/lit-html/directives/if-defined.js";
+import { html as f } from "../../node_modules/lit-html/static.js";
+import { GenericFormElement as C } from "../../internal/mixin/genericFormElement.js";
+import S from "../feedback/feedback.component.js";
+import w from "../typography/typography.component.js";
+import _ from "./textarea.scss.js";
+import { unsafeCSS as F } from "../../node_modules/@lit/reactive-element/css-tag.js";
+var z = Object.defineProperty, o = (h, t, e, n) => {
+  for (var r = void 0, c = h.length - 1, p; c >= 0; c--)
+    (p = h[c]) && (r = p(t, e, r) || r);
+  return r && z(t, e, r), r;
+}, a;
+const i = (a = class extends C {
+  constructor() {
+    super(), this.hideCounter = !1, this.rows = 6, this.placeholder = "", this.count = 0, a.nextId++;
+    const t = typeof crypto != "undefined" && crypto.randomUUID ? crypto.randomUUID().slice(0, 8) : Date.now().toString(36);
+    this.inputId = `input-${a.nextId}-${t}`, this.labelId = `label-${a.nextId}-${t}`, this.descriptionId = `description-${a.nextId}-${t}`, this.counterId = `counter-${a.nextId}-${t}`, this.feedbackId = `feedback-${a.nextId}-${t}`;
+  }
+  get focusElement() {
+    return this.input;
+  }
+  _handleSlotChange(t) {
+    (t == null ? void 0 : t.target).setAttribute("slot", "icon");
+  }
+  connectedCallback() {
+    return g(this, null, function* () {
+      var t;
+      y(a.prototype, this, "connectedCallback").call(this), yield this.updateComplete, this.input.value = (t = this.value) != null ? t : "", this.count = this.input.value.length;
+    });
+  }
+  attributeChangedCallback(t, e, n) {
+    super.attributeChangedCallback(t, e, n), t === "value" && this.input && (this.input.value = n);
+  }
+  onInput() {
+    super.onInput(), this.count = this.input.value.length, this.value = this.input.value, this.emit("dds-count-change", { value: this.count }), this.setValidity();
+  }
+  onChange() {
+    super.onChange(), this.count = this.input.value.length, this.value = this.input.value, this.emit("dds-count-change", { value: this.count }), this.setValidity();
+  }
+  onSelect(t) {
+    const e = t.target, n = e.value.substring(
+      e.selectionStart,
+      e.selectionEnd
+    );
+    this.emit("dds-select", { value: n });
+  }
+  formResetCallback() {
+    this.internals.setValidity({}), this.internals.setFormValue(this.defaultValue || ""), this.value = this.defaultValue || "", this.input.value = this.defaultValue || "";
+  }
+  handleInvalid(t) {
+    t.preventDefault();
+  }
+  _renderFooter() {
+    const t = this.hideCounter ? u : f`
+    <dap-ds-typography
+          part="counter"
+          exportparts="base: counter-base"
+          class=${$("textarea__counter", {
+      "textarea__counter--error": this.status === "error"
+    })}
+          variant="caption"
+          size="${this.size}"
+          id=${this.counterId}
+          aria-hidden="true">
+          ${this.count}
+        </dap-ds-typography>
+      </div>
+    `;
+    return f`
+      <div class="textarea__footer" part="footer">
+        ${this.feedback && this._renderFeedback()}
+        <span part="counter-container">${t}</span>
+      </div>
+    `;
+  }
+  render() {
+    return this.renderLabel(
+      this.labelId,
+      f`
+        <div
+          part="base"
+          class=${$(
+        "textarea",
+        `textarea--${this.effectiveSize}`,
+        { "textarea--success": this.status === "success" },
+        { "textarea--error": this.status === "error" },
+        { "textarea--disabled": this.disabled },
+        { "textarea--readonly": this.readonly },
+        { "textarea--optional": this.optional }
+      )}>
+          <textarea
+            id=${this.inputId}
+            part="input"
+            class="textarea__control"
+            aria-disabled=${this.disabled}
+            aria-describedby="${s(
+        this.description ? this.descriptionId : u
+      )} ${this.feedback ? this.feedbackId : u}"
+            ?disabled=${this.disabled}
+            ?readonly=${this.readonly}
+            ?required=${this.required}
+            minlength=${s(this.minlength)}
+            maxlength=${s(this.maxlength)}
+            wrap=${s(this.wrap)}
+            cols=${s(this.cols)}
+            rows=${s(this.rows)}
+            placeholder=${s(this.placeholder)}
+            ?autofocus=${this.autofocus}
+            ?value=${this.value}
+            aria-labelledby=${s(this.label ? this.labelId : u)}
+            @input=${this.onInput}
+            @keydown=${this.onKeydown}
+            @change=${this.onChange}
+            @blur=${this.onBlur}
+            @focus=${this.onFocus}
+            @select=${this.onSelect}
+            @invalid=${this.handleInvalid}></textarea>
+
+          ${this._renderFooter()}
+        </div>
+      `
+    );
+  }
+  _renderFeedback() {
+    return f`
+      <dap-ds-feedback
+        part="feedback"
+        feedbackType=${s(this.feedbackType)}
+        feedbackSize=${s(this.effectiveSize)}
+        class=${$("textarea__feedback", {
+      "textarea__feedback--sm": this.effectiveSize === "sm"
+    })}
+        id=${s(this.feedbackId)}
+        exportparts="base:feedback-base, text:feedback-text, icon:feedback-icon"
+        .subtle=${this.subtle}>
+        <slot
+          name="feedback-icon"
+          @slotchange="${this._handleSlotChange}"></slot>
+        ${this.feedback}
+      </dap-ds-feedback>
+    `;
+  }
+}, a.tagName = "dap-ds-textarea", a.dependencies = {
+  "dap-ds-typography": w,
+  "dap-ds-feedback": S
+}, a.nextId = 0, a.styles = F(_), a);
+o([
+  I(".textarea__control")
+], i.prototype, "input");
+o([
+  l({ type: Boolean, reflect: !0 })
+], i.prototype, "hideCounter");
+o([
+  l({ type: Number })
+], i.prototype, "minlength");
+o([
+  l({ type: Number })
+], i.prototype, "maxlength");
+o([
+  l({ type: Number })
+], i.prototype, "rows");
+o([
+  l({ type: Number })
+], i.prototype, "cols");
+o([
+  l()
+], i.prototype, "placeholder");
+o([
+  l()
+], i.prototype, "wrap");
+o([
+  k()
+], i.prototype, "count");
+let T = i;
+export {
+  T as default
+};
+//# sourceMappingURL=textarea.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.component.js","sources":["../../../src/components/textarea/textarea.component.ts"],"sourcesContent":["import clsx from 'clsx'\nimport { nothing, unsafeCSS } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { html } from 'lit/static-html.js'\n\nimport { GenericFormElement } from '@/internal/mixin/genericFormElement'\n\nimport { CommonFormElementSize, CommonSize } from '../../common/types'\nimport DapDSFeedback from '../feedback/feedback.component'\nimport DapDSTypography from '../typography/typography.component'\nimport styles from './textarea.scss?inline'\n\n/**\n * `dap-ds-textarea`\n * @summary A textarea is a multi-line text input field.\n * @element dap-ds-textarea\n * @title - Textarea\n *\n * @property {'xs' | 'sm' | 'lg'} size - The size of the textarea. Default is `md`.\n * @property {boolean} disabled - The disabled state of the textarea.\n * @property {number} minlength - The minimum length of the textarea.\n * @property {string} value - The value of the textarea.\n * @property {string} tooltip - The tooltip of the textarea.\n * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the textarea.\n * @property {InputStatus} status - The status of the textarea. Can be `success` or `error`.\n * @property {boolean} readonly - The readonly state of the textarea.\n * @property {boolean} required - The required state of the textarea.\n * @property {string} label - The label of the textarea.\n * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)\n * @property {string} description - The description of the textarea.\n * @property {string} feedback - The feedback of the textarea.\n * @property {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the textarea. Can be `negative`, `positive`, or `warning`.\n * @property {boolean} optional - The optional state of the textarea.\n * @property {string} optionalLabel - The optional label of the textarea.\n * @property {string} requiredLabel - The required indicator of the textarea. (default: '*')\n * @property {boolean} subtle - The weight of the label. Default is `false`\n * @property {boolean} autofocus - The autofocus state of the textarea.\n *\n * @event {{ value: number }} dds-count-change - Fires when the count of the textarea changes.\n * @event {{ value: string }} dds-change - Fired when the textarea value changes.\n * @event {{ value: string }} dds-input - Fired when the textarea value changes.\n * @event {{ value: string, originalEvent: Event }} dds-keydown - Fired when a key is pressed down.\n * @event {{ void }} dds-blur - Fired when the textarea loses focus.\n * @event {{ void }} dds-focus - Emitted when the textarea gains focus.\n * @event {{ value: string }} dds-select - Emitted when select text in textarea.\n *\n * @slot feedback-icon - The custom icon of the feedback.\n *\n * @csspart base - The main textarea container.\n * @csspart input - The native input of the textarea.\n * @csspart counter - The counter of the textarea.\n * @csspart counter-base - The base of the counter.\n * @csspart feedback - The feedback of the textarea.\n * @csspart feedback-base - The base of the feedback.\n * @csspart feedback-text - The text of the feedback.\n * @csspart feedback-icon - The icon of the feedback.\n *\n * @cssproperty --dds-textarea-min-rows - Minimum number of rows in the textarea. (default: 2)\n * @cssproperty --dds-textarea-spacing - Gap between elements in the textarea container. (default: var(--dds-spacing-200))\n * @cssproperty --dds-textarea-gap - Gap between elements in the textarea container. (default: var(--dds-spacing-200))\n * @cssproperty --dds-textarea-margin-top - Top margin of the textarea. (default: var(--dds-spacing-200))\n * @cssproperty --dds-textarea-padding - Padding of the textarea control. (default: var(--dds-spacing-200) var(--dds-spacing-300))\n * @cssproperty --dds-textarea-border-width - Border width of the textarea. (default: var(--dds-border-width-base))\n * @cssproperty --dds-textarea-border-color - Border color of the textarea. (default: var(--dds-border-neutral-base))\n * @cssproperty --dds-textarea-background - Background color of the textarea. (default: var(--dds-fields-background-default))\n * @cssproperty --dds-textarea-color - Text color of the textarea. (default: var(--dds-text-neutral-base))\n * @cssproperty --dds-textarea-border-radius - Border radius of the textarea. (default: var(--dds-radius-base))\n * @cssproperty --dds-textarea-disabled-bg - Background color when disabled. (default: var(--dds-fields-background-disabled))\n * @cssproperty --dds-textarea-disabled-color - Text color when disabled. (default: var(--dds-text-neutral-disabled))\n * @cssproperty --dds-textarea-readonly-bg - Background color when readonly. (default: var(--dds-fields-background-read-only))\n * @cssproperty --dds-textarea-readonly-color - Text color when readonly. (default: var(--dds-text-neutral-subtle))\n * @cssproperty --dds-textarea-error-border - Border color when in error state. (default: var(--dds-border-negative-base))\n * @cssproperty --dds-textarea-success-border - Border color when in success state. (default: var(--dds-border-positive-base))\n */\nexport default class DapDSTextarea extends GenericFormElement {\n  static tagName = 'dap-ds-textarea'\n\n  static dependencies = {\n    'dap-ds-typography': DapDSTypography,\n    'dap-ds-feedback': DapDSFeedback,\n  }\n\n  private static nextId = 0\n\n  private readonly inputId: string\n  private readonly labelId: string\n  private readonly descriptionId: string\n  private readonly counterId: string\n\n  /**@ignore */\n  @query('.textarea__control') input!: HTMLTextAreaElement\n  /** Hide character counter. */\n  @property({ type: Boolean, reflect: true }) hideCounter = false\n  /** The minimum length of the textarea. */\n  @property({ type: Number }) minlength?: number\n  /** The maximum length of the textarea. */\n  @property({ type: Number }) maxlength?: number\n  /** The number of rows in the textarea. */\n  @property({ type: Number }) rows?: number = 6\n  /** The number of columns in the textarea. */\n  @property({ type: Number }) cols?: number\n  /** The placeholder of the textarea. */\n  @property() placeholder = ''\n  /** Indicates how the control should wrap the value for form submission. */\n  @property() wrap: 'hard' | 'soft'\n\n  /**@ignore */\n  @state() count = 0\n\n  static readonly styles = unsafeCSS(styles)\n\n  constructor() {\n    super()\n    DapDSTextarea.nextId++\n    const uniqueSuffix =\n      typeof crypto !== 'undefined' && crypto.randomUUID\n        ? crypto.randomUUID().slice(0, 8)\n        : Date.now().toString(36)\n    this.inputId = `input-${DapDSTextarea.nextId}-${uniqueSuffix}`\n    this.labelId = `label-${DapDSTextarea.nextId}-${uniqueSuffix}`\n    this.descriptionId = `description-${DapDSTextarea.nextId}-${uniqueSuffix}`\n    this.counterId = `counter-${DapDSTextarea.nextId}-${uniqueSuffix}`\n    // Initialize the feedbackId from FeedbackMixin\n    this.feedbackId = `feedback-${DapDSTextarea.nextId}-${uniqueSuffix}`\n  }\n\n  get focusElement() {\n    return this.input\n  }\n\n  private _handleSlotChange(event: Event) {\n    const target = event?.target as HTMLInputElement\n    target.setAttribute('slot', 'icon')\n  }\n\n  async connectedCallback() {\n    super.connectedCallback()\n\n    await this.updateComplete\n    this.input.value = this.value ?? ''\n    this.count = this.input.value.length\n  }\n\n  attributeChangedCallback(name: string, oldValue: any, newValue: any) {\n    super.attributeChangedCallback(name, oldValue, newValue)\n\n    if (name === 'value' && this.input) {\n      this.input.value = newValue\n    }\n  }\n\n  onInput() {\n    super.onInput()\n\n    this.count = this.input.value.length\n    this.value = this.input.value\n    this.emit('dds-count-change', { value: this.count })\n\n    this.setValidity()\n  }\n\n  onChange() {\n    super.onChange()\n\n    this.count = this.input.value.length\n    this.value = this.input.value\n    this.emit('dds-count-change', { value: this.count })\n\n    this.setValidity()\n  }\n\n  onSelect(e: Event) {\n    const target = e.target as HTMLTextAreaElement\n    const selection = target.value.substring(\n      target.selectionStart,\n      target.selectionEnd,\n    )\n    this.emit('dds-select', { value: selection })\n  }\n\n  formResetCallback() {\n    this.internals.setValidity({})\n    this.internals.setFormValue(this.defaultValue || '')\n    this.value = this.defaultValue || ''\n    this.input.value = this.defaultValue || ''\n  }\n\n  handleInvalid(event: Event) {\n    event.preventDefault()\n  }\n\n  private _renderFooter() {\n    const counter = !this.hideCounter\n      ? html`\n    <dap-ds-typography\n          part=\"counter\"\n          exportparts=\"base: counter-base\"\n          class=${clsx('textarea__counter', {\n            'textarea__counter--error': this.status === 'error',\n          })}\n          variant=\"caption\"\n          size=\"${this.size as CommonFormElementSize}\"\n          id=${this.counterId}\n          aria-hidden=\"true\">\n          ${this.count}\n        </dap-ds-typography>\n      </div>\n    `\n      : nothing\n\n    return html`\n      <div class=\"textarea__footer\" part=\"footer\">\n        ${this.feedback && this._renderFeedback()}\n        <span part=\"counter-container\">${counter}</span>\n      </div>\n    `\n  }\n\n  render() {\n    return this.renderLabel(\n      this.labelId,\n      html`\n        <div\n          part=\"base\"\n          class=${clsx(\n            'textarea',\n            `textarea--${this.effectiveSize}`,\n            { 'textarea--success': this.status === 'success' },\n            { 'textarea--error': this.status === 'error' },\n            { 'textarea--disabled': this.disabled },\n            { 'textarea--readonly': this.readonly },\n            { 'textarea--optional': this.optional },\n          )}>\n          <textarea\n            id=${this.inputId}\n            part=\"input\"\n            class=\"textarea__control\"\n            aria-disabled=${this.disabled}\n            aria-describedby=\"${ifDefined(\n              this.description ? this.descriptionId : nothing,\n            )} ${this.feedback ? this.feedbackId : nothing}\"\n            ?disabled=${this.disabled}\n            ?readonly=${this.readonly}\n            ?required=${this.required}\n            minlength=${ifDefined(this.minlength)}\n            maxlength=${ifDefined(this.maxlength)}\n            wrap=${ifDefined(this.wrap)}\n            cols=${ifDefined(this.cols)}\n            rows=${ifDefined(this.rows)}\n            placeholder=${ifDefined(this.placeholder)}\n            ?autofocus=${this.autofocus}\n            ?value=${this.value}\n            aria-labelledby=${ifDefined(this.label ? this.labelId : nothing)}\n            @input=${this.onInput}\n            @keydown=${this.onKeydown}\n            @change=${this.onChange}\n            @blur=${this.onBlur}\n            @focus=${this.onFocus}\n            @select=${this.onSelect}\n            @invalid=${this.handleInvalid}></textarea>\n\n          ${this._renderFooter()}\n        </div>\n      `,\n    )\n  }\n\n  private _renderFeedback() {\n    return html`\n      <dap-ds-feedback\n        part=\"feedback\"\n        feedbackType=${ifDefined(this.feedbackType)}\n        feedbackSize=${ifDefined(this.effectiveSize) as CommonSize}\n        class=${clsx('textarea__feedback', {\n          'textarea__feedback--sm': this.effectiveSize === 'sm',\n        })}\n        id=${ifDefined(this.feedbackId)}\n        exportparts=\"base:feedback-base, text:feedback-text, icon:feedback-icon\"\n        .subtle=${this.subtle}>\n        <slot\n          name=\"feedback-icon\"\n          @slotchange=\"${this._handleSlotChange}\"></slot>\n        ${this.feedback}\n      </dap-ds-feedback>\n    `\n  }\n}\n"],"names":["_DapDSTextarea","_a","GenericFormElement","uniqueSuffix","event","__async","__superGet","name","oldValue","newValue","e","target","selection","counter","nothing","html","clsx","ifDefined","DapDSTypography","DapDSFeedback","unsafeCSS","styles","__decorateClass","query","property","state","DapDSTextarea"],"mappings":"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"}

package/dist/components/textarea/textarea.d.ts

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

package/dist/components/textarea/textarea.js

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

package/dist/components/textarea/textarea.js.map

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

package/dist/components/textarea/textarea.scss.js

@@ -0,0 +1,5 @@
+const t = '*,*: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}}:root{--dds-form-label-font-weight: var(--dds-font-weight-bold);--dds-form-label-line-height: var(--dds-font-line-height-xlarge);--dds-form-label-color: var(--dds-text-neutral-base);--dds-form-label-disabled-color: var(--dds-text-neutral-disabled);--dds-form-label-required-color: var(--dds-text-negative-subtle);--dds-form-label-optional-color: var(--dds-text-neutral-subtle);--dds-form-label-margin-bottom: var(--dds-spacing-200)}dap-ds-form-label .dds-label{display:block;margin-bottom:var(--dds-form-label-margin-bottom);color:var(--dds-form-label-color);font-weight:var(--dds-form-label-font-weight);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label--no-margin{margin-bottom:0}dap-ds-form-label .dds-label--hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}dap-ds-form-label .dds-label--disabled{color:var(--dds-form-label-disabled-color)}dap-ds-form-label .dds-label--xs{font-size:var(--dds-font-sm)}dap-ds-form-label .dds-label--sm{font-size:var(--dds-font-base)}dap-ds-form-label .dds-label--lg{font-size:var(--dds-font-lg)}dap-ds-form-label .dds-label--subtle{font-weight:var(--dds-font-weight-medium)}dap-ds-form-label .dds-label .dds-label__required-indicator{order:2;color:var(--dds-form-label-required-color);font-weight:var(--dds-font-weight-bold);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label .dds-label__optional-indicator{order:3;color:var(--dds-form-label-optional-color);font-weight:var(--dds-font-weight-medium);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label .dds-label__optional-indicator--xs{font-size:var(--dds-font-sm)}dap-ds-form-label .dds-label .dds-label__optional-indicator--lg{font-size:var(--dds-font-lg)}.label-container{display:flex;align-items:center;justify-content:space-between}.label--has-description{margin-bottom:var(--dds-spacing-200)}dap-ds-form-label+dap-ds-typography{display:block}.info-button{fill:var(--dds-button-subtle-icon-neutral-enabled);color:var(--dds-button-subtle-icon-neutral-enabled)}:root{--font-family: "Inter", sans-serif}:host{--dds-text-color: var(--dds-text-neutral-base);--dds-text-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-heading-color: var(--dds-text-neutral-strong);--dds-text-heading-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-description-color: var(--dds-text-neutral-subtle);--dds-text-description-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-font-family: var(--font-family);--dds-text-font-weight-medium: var(--dds-font-weight-medium);--dds-text-font-weight-bold: var(--dds-font-weight-bold);--dds-text-font-size-h1: var(--dds-font-7xl);--dds-text-font-size-h2: var(--dds-font-4xl);--dds-text-font-size-h3: var(--dds-font-2xl);--dds-text-font-size-h4: var(--dds-font-xl);--dds-text-font-size-h5: var(--dds-font-lg);--dds-text-font-size-h6: var(--dds-font-base);--dds-text-font-size-body: var(--dds-font-base);--dds-text-font-size-caption: var(--dds-font-xs);--dds-text-font-size-description: var(--dds-font-base);--dds-text-font-size-description-lg: var(--dds-font-base);--dds-text-font-size-description-sm: var(--dds-font-sm);--dds-text-font-size-lg: var(--dds-font-lg);--dds-text-font-size-md: var(--dds-font-base);--dds-text-font-size-sm: var(--dds-font-sm);--dds-text-font-size-xs: var(--dds-font-xs)}:host([variant=h1]),:host([variant=h2]),:host([variant=h3]),:host([variant=h4]),:host([variant=h5]),:host([variant=h6]){color:var(--dds-text-heading-color)}:host([inverted]) :host([variant=h1]),:host([inverted]) :host([variant=h2]),:host([inverted]) :host([variant=h3]),:host([inverted]) :host([variant=h4]),:host([inverted]) :host([variant=h5]),:host([inverted]) :host([variant=h6]){color:var(--dds-text-heading-color-inverted)}:host([variant=description]){color:var(--dds-text-description-color)}:host([inverted]) :host([variant=description]){color:var(--dds-text-description-color-inverted)}:host([variant=body]){color:var(--dds-text-color)}:host([inverted]) :host([variant=body]){color:var(--dds-text-color-inverted)}:host([variant=caption]){color:var(--dds-text-description-color)}:host([inverted]) :host([variant=caption]){color:var(--dds-text-description-color-inverted)}.typography{margin:0;font-family:var(--dds-text-font-family);font-weight:var(--dds-text-font-weight-medium);letter-spacing:0}.heading{font-weight:var(--dds-text-font-weight-bold);line-height:var(--dds-font-line-height-large)}.typography-h1{font-size:var(--dds-text-font-size-h1);letter-spacing:-.72px}@media (width >= 768px){.typography-h1{font-size:var(--dds-text-font-size-h1);letter-spacing:-.8px;line-height:var(--dds-font-line-height-xlarge)}}.typography-h2{font-size:var(--dds-text-font-size-h2);letter-spacing:-.56px}.typography-h3{font-size:var(--dds-text-font-size-h3);letter-spacing:-.48px}.typography-h4{font-size:var(--dds-text-font-size-h4);letter-spacing:-.4px}.typography-h5{font-size:var(--dds-text-font-size-h5)}.typography-h6{font-size:var(--dds-text-font-size-h6)}.typography-body{font-size:var(--dds-text-font-size-body);line-height:var(--dds-font-line-height-xlarge)}.typography-caption{font-size:var(--dds-text-font-size-caption);line-height:var(--dds-font-line-height-xlarge)}.typography-description{font-size:var(--dds-text-font-size-description);line-height:var(--dds-font-line-height-xlarge)}.typography-description-lg{font-size:var(--dds-text-font-size-description-lg);line-height:var(--dds-font-line-height-xlarge)}.typography-description-sm{font-size:var(--dds-text-font-size-description-sm);line-height:var(--dds-font-line-height-xlarge)}.typography-size-lg{font-size:var(--dds-text-font-size-lg);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-md{font-size:var(--dds-text-font-size-md);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-sm{font-size:var(--dds-text-font-size-sm);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-xs{font-size:var(--dds-text-font-size-xs);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-inverted{color:var(--dds-text-color-inverted)}.typography-heading-inverted{color:var(--dds-text-heading-color-inverted)}.typography-description-inverted{color:var(--dds-text-description-color-inverted)}:host{display:inline-block;position:relative;width:auto;--dds-textarea-min-rows: 2;--dds-textarea-spacing: calc(var(--dds-spacing-300) * 2);--dds-textarea-gap: var(--dds-spacing-200);--dds-textarea-margin-top: var(--dds-spacing-200);--dds-textarea-padding: var(--dds-spacing-200) var(--dds-spacing-300);--dds-textarea-border-width: var(--dds-border-width-base);--dds-textarea-border-color: var(--dds-border-neutral-base);--dds-textarea-background: var(--dds-fields-background-default);--dds-textarea-color: var(--dds-text-neutral-base);--dds-textarea-border-radius: var(--dds-radius-base);--dds-textarea-disabled-bg: var(--dds-fields-background-disabled);--dds-textarea-disabled-color: var(--dds-text-neutral-disabled);--dds-textarea-readonly-bg: var(--dds-fields-background-read-only);--dds-textarea-readonly-color: var(--dds-text-neutral-subtle);--dds-textarea-error-border: var(--dds-border-negative-base);--dds-textarea-success-border: var(--dds-border-positive-base)}.textarea{display:flex;flex-direction:column;gap:var(--dds-textarea-gap);margin-top:var(--dds-textarea-margin-top)}.textarea__control{transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);display:inline-block;width:100%;padding:var(--dds-textarea-padding);border:var(--dds-textarea-border-width) solid var(--dds-textarea-border-color);border-radius:var(--dds-textarea-border-radius);background:var(--dds-textarea-background);color:var(--dds-textarea-color);line-height:var(--dds-font-line-height-xlarge)}.textarea__control:focus-visible{z-index:10;outline-style:solid}.textarea__footer{display:flex;align-items:center;max-width:100%}.textarea__footer :first-child{flex:1}.textarea__footer :last-child{align-self:baseline;width:auto;text-align:right}.textarea dap-ds-feedback::part(base){margin-top:0}.textarea__feedback--sm{margin-top:var(--dds-spacing-50)}.textarea__counter{margin-left:var(--dds-spacing-200)}.textarea__counter--error::part(base){color:var(--dds-text-negative-subtle)}.textarea--xs{font-size:var(--dds-font-sm)}.textarea--xs .textarea__control{min-height:calc(var(--dds-font-sm) * var(--dds-textarea-min-rows) * var(--dds-font-line-height-xlarge) + var(--dds-textarea-spacing))}.textarea--sm{font-size:var(--dds-font-base)}.textarea--sm .textarea__control{min-height:calc(var(--dds-font-base) * var(--dds-textarea-min-rows) * var(--dds-font-line-height-xlarge) + var(--dds-textarea-spacing))}.textarea--lg{font-size:var(--dds-font-lg)}.textarea--lg .textarea__control{min-height:calc(var(--dds-font-lg) * var(--dds-textarea-min-rows) * var(--dds-font-line-height-xlarge) + var(--dds-textarea-spacing))}.textarea--disabled .textarea__control{border-color:var(--dds-textarea-disabled-bg);background-color:var(--dds-textarea-disabled-bg);color:var(--dds-textarea-disabled-color);cursor:not-allowed}.textarea--readonly .textarea__control{border-color:var(--dds-textarea-readonly-bg);background-color:var(--dds-textarea-readonly-bg);color:var(--dds-textarea-readonly-color)}.textarea--error .textarea__control{border-color:var(--dds-textarea-error-border)}.textarea--error .textarea__counter{color:var(--dds-text-negative-subtle)}.textarea--success .textarea__control{border-color:var(--dds-textarea-success-border)}.textarea--success .textarea__counter{color:var(--dds-text-positive-subtle)}';
+export {
+  t as default
+};
+//# sourceMappingURL=textarea.scss.js.map

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

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

package/dist/components/timeline/timeline-item.component.d.ts

@@ -20,6 +20,7 @@ import { DdsElement } from '../../internal/dds-hu-element';
  * @cssproperty --dds-timeline-item-padding-left - Left padding of timeline items (default: var(--dds-spacing-400))
  */
 export default class DapDSTimelineItem extends DdsElement {
+    static tagName: string;
     static readonly styles: import('lit').CSSResult;
     render(): import('lit-html').TemplateResult;
 }

package/dist/components/timeline/timeline-item.component.js

@@ -0,0 +1,32 @@
+import { clsx as s } 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 e } from "../../node_modules/lit-html/static.js";
+import { DdsElement as r } from "../../internal/dds-hu-element.js";
+import m from "./timeline-item.scss.js";
+import { unsafeCSS as o } from "../../node_modules/@lit/reactive-element/css-tag.js";
+const t = class t extends r {
+  render() {
+    return e`
+      <div
+        part="base"
+        class=${s("timeline-item", {
+      "timeline-item--first": this.hasAttribute("first"),
+      "timeline-item--last": this.hasAttribute("last"),
+      "timeline-item--middle": this.hasAttribute("middle")
+    })}>
+        <div part="connector" class="timeline-connector"></div>
+        <div part="content" class="timeline-content">
+          <slot></slot>
+        </div>
+      </div>
+    `;
+  }
+};
+t.tagName = "dap-ds-timeline-item", t.styles = o(m);
+let i = t;
+export {
+  i as default
+};
+//# sourceMappingURL=timeline-item.component.js.map

package/dist/components/timeline/timeline-item.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-item.component.js","sources":["../../../src/components/timeline/timeline-item.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'\n\nimport styles from './timeline-item.scss?inline'\n\n/**\n * `dap-ds-timeline-item`\n * @summary A timeline is a graphical representation of a series of events.\n * @element dap-ds-timeline-item\n * @title - Timeline item\n * @group timeline\n *\n * @slot - The default slot for the item content.\n *\n * @csspart base - The main timeline item container.\n * @csspart connector - The connector element between two timeline items.\n * @csspart content - The content of the timeline item.\n *\n * @cssproperty --dds-timeline-position - Position of the timeline dot (default: 28px)\n * @cssproperty --dds-timeline-connector-width - Width of the timeline connector line (default: 1px)\n * @cssproperty --dds-timeline-connector-left-position - Left position of the timeline connector (default: 5.5px)\n * @cssproperty --dds-timeline-dot-size - Size of the timeline dot (default: var(--dds-spacing-300))\n * @cssproperty --dds-timeline-item-margin-bottom - Bottom margin of timeline items (default: var(--dds-spacing-200))\n * @cssproperty --dds-timeline-item-padding-left - Left padding of timeline items (default: var(--dds-spacing-400))\n */\nexport default class DapDSTimelineItem extends DdsElement {\n  static tagName = 'dap-ds-timeline-item'\n\n  static readonly styles = unsafeCSS(styles)\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        class=${clsx('timeline-item', {\n          'timeline-item--first': this.hasAttribute('first'),\n          'timeline-item--last': this.hasAttribute('last'),\n          'timeline-item--middle': this.hasAttribute('middle'),\n        })}>\n        <div part=\"connector\" class=\"timeline-connector\"></div>\n        <div part=\"content\" class=\"timeline-content\">\n          <slot></slot>\n        </div>\n      </div>\n    `\n  }\n}\n"],"names":["_DapDSTimelineItem","DdsElement","html","clsx","unsafeCSS","styles","DapDSTimelineItem"],"mappings":";;;;;;;;AA4BA,MAAqBA,IAArB,MAAqBA,UAA0BC,EAAW;AAAA,EAKxD,SAAS;AACA,WAAAC;AAAAA;AAAAA;AAAAA,gBAGKC,EAAK,iBAAiB;AAAA,MAC5B,wBAAwB,KAAK,aAAa,OAAO;AAAA,MACjD,uBAAuB,KAAK,aAAa,MAAM;AAAA,MAC/C,yBAAyB,KAAK,aAAa,QAAQ;AAAA,IAAA,CACpD,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAQV;AApBEH,EAAO,UAAU,wBAEDA,EAAA,SAASI,EAAUC,CAAM;AAH3C,IAAqBC,IAArBN;"}

package/dist/components/timeline/timeline-item.d.ts

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

package/dist/components/timeline/timeline-item.js

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

package/dist/components/timeline/timeline-item.js.map

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

package/dist/components/timeline/timeline-item.scss.js

@@ -0,0 +1,5 @@
+const t = '*,*: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-timeline-position: 28px;--dds-timeline-connector-width: 1px;--dds-timeline-connector-left-position: 5.5px;--dds-timeline-dot-size: var(--dds-spacing-300);--dds-timeline-item-margin-bottom: var(--dds-spacing-200);--dds-timeline-item-padding-left: var(--dds-spacing-400)}.timeline-item{display:flex;position:relative;flex-direction:column;margin-bottom:var(--dds-timeline-item-margin-bottom);padding-left:var(--dds-timeline-item-padding-left)}.timeline-item--first.timeline-item:before,.timeline-item--middle.timeline-item:before{content:"";position:absolute;top:calc(var(--dds-timeline-position) * 1.5);left:var(--dds-timeline-connector-left-position);width:var(--dds-timeline-connector-width);height:calc(100% - 38px);background-color:var(--dds-background-brand-base-inverted)}.timeline-item:after{content:"";position:absolute;z-index:1;top:var(--dds-timeline-position);left:0;width:var(--dds-timeline-dot-size);height:var(--dds-timeline-dot-size);border-radius:50%;background-color:var(--dds-background-brand-base-inverted)}.timeline-content{position:relative}.timeline-item--middle .timeline-connector:before,.timeline-item--last .timeline-connector:before{content:"";position:absolute;z-index:1;top:-10px;left:var(--dds-timeline-connector-left-position);width:var(--dds-timeline-connector-width);height:calc(var(--dds-timeline-position) * 1.25);background-color:var(--dds-background-brand-base-inverted)}';
+export {
+  t as default
+};
+//# sourceMappingURL=timeline-item.scss.js.map

package/dist/components/timeline/timeline-item.scss.js.map

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

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

@@ -11,6 +11,7 @@ import { DdsElement } from '../../internal/dds-hu-element';
  * @csspart base - The main timeline container.
  */
 export default class DapDSTimeline extends DdsElement {
+    static tagName: string;
     static readonly styles: import('lit').CSSResult;
     protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     render(): import('lit-html').TemplateResult;

package/dist/components/timeline/timeline.component.js

@@ -0,0 +1,29 @@
+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 l } from "../../node_modules/lit-html/static.js";
+import { DdsElement as m } from "../../internal/dds-hu-element.js";
+import a from "./timeline.scss.js";
+import { unsafeCSS as f } from "../../node_modules/@lit/reactive-element/css-tag.js";
+const e = class e extends m {
+  firstUpdated(o) {
+    super.firstUpdated(o), this.setAttribute("role", "list");
+    const r = Array.from(this.children);
+    r.forEach((t, s) => {
+      t.setAttribute("role", "listitem"), s === 0 ? t.toggleAttribute("first") : s === r.length - 1 ? t.toggleAttribute("last") : (t.removeAttribute("first"), t.removeAttribute("last"), t.toggleAttribute("middle"));
+    });
+  }
+  render() {
+    return l`
+      <div part="base" class="timeline">
+        <slot></slot>
+      </div>
+    `;
+  }
+};
+e.tagName = "dap-ds-timeline", e.styles = f(a);
+let i = e;
+export {
+  i as default
+};
+//# sourceMappingURL=timeline.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.component.js","sources":["../../../src/components/timeline/timeline.component.ts"],"sourcesContent":["import { PropertyValueMap, unsafeCSS } from 'lit'\nimport { html } from 'lit/static-html.js'\n\nimport { DdsElement } from '@/internal/dds-hu-element'\n\nimport styles from './timeline.scss?inline'\n\n/**\n * `dap-ds-timeline`\n * @summary A timeline is a graphical representation of a series of events.\n * @element dap-ds-timeline\n * @title - Timeline\n *\n * @slot - The default slot for the timeline items.\n *\n * @csspart base - The main timeline container.\n */\nexport default class DapDSTimeline extends DdsElement {\n  static tagName = 'dap-ds-timeline'\n\n  static readonly styles = unsafeCSS(styles)\n\n  protected firstUpdated(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): void {\n    super.firstUpdated(_changedProperties)\n    this.setAttribute('role', 'list')\n\n    const children = Array.from(this.children)\n\n    children.forEach((child, index) => {\n      child.setAttribute('role', 'listitem')\n      if (index === 0) {\n        child.toggleAttribute('first')\n      } else if (index === children.length - 1) {\n        child.toggleAttribute('last')\n      } else {\n        child.removeAttribute('first')\n        child.removeAttribute('last')\n        child.toggleAttribute('middle')\n      }\n    })\n  }\n\n  render() {\n    return html`\n      <div part=\"base\" class=\"timeline\">\n        <slot></slot>\n      </div>\n    `\n  }\n}\n"],"names":["_DapDSTimeline","DdsElement","_changedProperties","children","child","index","html","unsafeCSS","styles","DapDSTimeline"],"mappings":";;;;;;;AAiBA,MAAqBA,IAArB,MAAqBA,UAAsBC,EAAW;AAAA,EAK1C,aACRC,GACM;AACN,UAAM,aAAaA,CAAkB,GAChC,KAAA,aAAa,QAAQ,MAAM;AAEhC,UAAMC,IAAW,MAAM,KAAK,KAAK,QAAQ;AAEhC,IAAAA,EAAA,QAAQ,CAACC,GAAOC,MAAU;AAC3B,MAAAD,EAAA,aAAa,QAAQ,UAAU,GACjCC,MAAU,IACZD,EAAM,gBAAgB,OAAO,IACpBC,MAAUF,EAAS,SAAS,IACrCC,EAAM,gBAAgB,MAAM,KAE5BA,EAAM,gBAAgB,OAAO,GAC7BA,EAAM,gBAAgB,MAAM,GAC5BA,EAAM,gBAAgB,QAAQ;AAAA,IAChC,CACD;AAAA,EAAA;AAAA,EAGH,SAAS;AACA,WAAAE;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAAA;AAMX;AAjCEN,EAAO,UAAU,mBAEDA,EAAA,SAASO,EAAUC,CAAM;AAH3C,IAAqBC,IAArBT;"}

package/dist/components/timeline/timeline.d.ts

@@ -1,11 +1,8 @@
-import { default as DapDSTimeline } from './timeline.component.js';
-import { default as DapDSTimelineItem } from './timeline-item.component.js';
-export * from './timeline.component.js';
-export * from './timeline-item.component.js';
+import { default as DapDSTimeline } from './timeline.component';
+export * from './timeline.component';
 export default DapDSTimeline;
 declare global {
     interface HTMLElementTagNameMap {
         'dap-ds-timeline': DapDSTimeline;
-        'dap-ds-timeline-item': DapDSTimelineItem;
     }
 }

package/dist/components/timeline/timeline.js

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

package/dist/components/timeline/timeline.js.map

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

package/dist/components/timeline/timeline.scss.js

@@ -0,0 +1,5 @@
+const t = "*,*: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}}.timeline{position:relative;margin:auto}";
+export {
+  t as default
+};
+//# sourceMappingURL=timeline.scss.js.map

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

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

package/dist/components/timepicker/time-grid.component.d.ts

@@ -1,5 +1,7 @@
 import { TimePreset } from '../../common/types';
 import { DdsElement } from '../../internal/dds-hu-element';
+import { default as DapDSButton } from '../button/button.component';
+import { default as DapDSDivider } from '../divider/divider.component';
 /**
  * `dap-ds-time-grid`
  * @summary A time grid component that allows users to select hours and minutes in two side-by-side scrollable columns.
@@ -38,6 +40,11 @@ import { DdsElement } from '../../internal/dds-hu-element';
  * @cssprop --dds-time-grid-column-max-height - The maximum height of time columns (default: 240px).
  */
 export default class DapDSTimeGrid extends DdsElement {
+    static tagName: string;
+    static dependencies: {
+        'dap-ds-button': typeof DapDSButton;
+        'dap-ds-divider': typeof DapDSDivider;
+    };
     selectedHour: number;
     selectedMinute: number;
     selectedSecond: number;