@daikin-oss/design-system-web-components 1.3.0-next.2 → 1.3.1

package/dist/es/components/breadcrumb-item/daikin-breadcrumb-item.js

@@ -2,6 +2,7 @@ import { unsafeCSS, css, html, nothing } from "lit";
 import { property } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/button/daikin-button.d.ts

@@ -1,4 +1,4 @@
-import { DDSFormSubmitElement } from "../../base/dds-form-element.js";
+import { DDSFormSubmitElement } from "../../base/index.js";
 import { ARIARole } from "../../lit-analyzer-types.js";
 import { MergeVariantProps } from "../../type-utils.js";
 declare const cvaButton: (props?: ({

package/dist/es/components/button/daikin-button.js

@@ -3,9 +3,9 @@ import { unsafeCSS, css, html } from "lit";
 import { property, query } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import "../../base/dds-element.js";
+import { DDSFormSubmitElement } from "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
-import { DDSFormSubmitElement } from "../../base/dds-form-element.js";
 import tailwindStyles from "../../tailwind.css.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/es/components/calendar/daikin-calendar.d.ts

@@ -1,4 +1,5 @@
-import { LitElement, PropertyValues, TemplateResult } from 'lit';
+import { PropertyValues, TemplateResult } from 'lit';
+import { DDSElement } from "../../base/index.js";
 /**
  * The calendar component provides calendar elements. It has a function for selecting dates, and is also used in `daikin-date-picker`.
  *
@@ -15,7 +16,7 @@ import { LitElement, PropertyValues, TemplateResult } from 'lit';
  * <daikin-calendar></daikin-calendar>
  * ```
  */
-export declare class DaikinCalendar extends LitElement {
+export declare class DaikinCalendar extends DDSElement {
     static readonly styles: import('lit').CSSResult;
     /**
      * The current value of the input, submitted as a name/value pair with form data.

package/dist/es/components/calendar/daikin-calendar.js

@@ -1,8 +1,12 @@
 import { cva } from "class-variance-authority";
-import { unsafeCSS, css, LitElement, html, nothing } from "lit";
-import { property, state, customElement } from "lit/decorators.js";
+import { unsafeCSS, css, html, nothing } from "lit";
+import { property, state } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { repeat } from "lit/directives/repeat.js";
+import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
+import { ddsElement } from "../../base/decorators.js";
+import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";
 import { tryParseDateFromProperty, parseDateFromProperty, cloneDate, isMonthOutOfRange, getDateByMonthOffsetClamped, formatDateForProperty, clampDate, isSameYearMonth, createDateClamped, calcWeeksOnCalendar, isDateOutOfRange, cvaIconButton, normalizeDate, DEFAULT_MIN_DATE, DEFAULT_MAX_DATE } from "../../utils/calendar-common.js";
 import { scrollIntoViewOnlyParent } from "../../utils/scroller.js";
@@ -117,7 +121,7 @@ function getNextFocusDateByKey(date, event) {
   }
   return null;
 }
-let DaikinCalendar = class extends LitElement {
+let DaikinCalendar = class extends DDSElement {
   constructor() {
     super(...arguments);
     this.value = null;
@@ -543,7 +547,7 @@ __decorateClass([
   state()
 ], DaikinCalendar.prototype, "_viewDate", 2);
 DaikinCalendar = __decorateClass([
-  customElement("daikin-calendar")
+  ddsElement("daikin-calendar")
 ], DaikinCalendar);
 export {
   DaikinCalendar

package/dist/es/components/card/daikin-card.js

@@ -2,6 +2,7 @@ import { cva } from "class-variance-authority";
 import { unsafeCSS, css, html } from "lit";
 import { property } from "lit/decorators.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/card-footer/daikin-card-footer.js

@@ -1,5 +1,6 @@
 import { unsafeCSS, css, html } from "lit";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/card-header/daikin-card-header.js

@@ -1,6 +1,7 @@
 import { cva } from "class-variance-authority";
 import { unsafeCSS, css, html } from "lit";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/carousel/daikin-carousel.js

@@ -4,6 +4,7 @@ import { property, queryAssignedElements, state } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";
 import { repeat } from "lit/directives/repeat.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/carousel-item/daikin-carousel-item.js

@@ -1,6 +1,7 @@
 import { unsafeCSS, css, html } from "lit";
 import { property, queryAssignedElements, state } from "lit/decorators.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/checkbox/daikin-checkbox.d.ts

@@ -1,5 +1,5 @@
 import { PropertyValues } from 'lit';
-import { DDSFormElement } from "../../base/dds-form-element.js";
+import { DDSFormElement } from "../../base/index.js";
 /**
  * The checkbox component is a UI element that allows users to select one or more options from a list of choices.
  * It functions similarly to the HTML `<input type="checkbox">` tag, enabling users to toggle the selection of each option independently.

package/dist/es/components/checkbox/daikin-checkbox.js

@@ -2,9 +2,9 @@ import { cva } from "class-variance-authority";
 import { unsafeCSS, css, nothing, html } from "lit";
 import { property } from "lit/decorators.js";
 import "../../base/dds-element.js";
+import { DDSFormElement } from "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
-import { DDSFormElement } from "../../base/dds-form-element.js";
 import tailwindStyles from "../../tailwind.css.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/es/components/checkbox-group/daikin-checkbox-group.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { DDSElement } from "../../base/index.js";
 import { MergeVariantProps } from "../../type-utils.js";
 import { DaikinInputGroup } from "../input-group/index.js";
 declare const cvaCheckboxGroup: (props?: ({
@@ -29,7 +29,7 @@ type CheckboxGroupProps = MergeVariantProps<typeof cvaCheckboxGroup>;
  * </daikin-checkbox-group>
  * ```
  */
-export declare class DaikinCheckboxGroup extends LitElement {
+export declare class DaikinCheckboxGroup extends DDSElement {
     static readonly styles: import('lit').CSSResult;
     /**
      * Specify the checkbox group orientation

package/dist/es/components/checkbox-group/daikin-checkbox-group.js

@@ -1,7 +1,11 @@
 import { cva } from "class-variance-authority";
-import { unsafeCSS, css, LitElement, html } from "lit";
-import { property, state, queryAssignedElements, customElement } from "lit/decorators.js";
+import { unsafeCSS, css, html } from "lit";
+import { property, state, queryAssignedElements } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
+import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
+import { ddsElement } from "../../base/decorators.js";
+import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -21,7 +25,7 @@ const cvaCheckboxGroup = cva(["size-full", "flex", "gap-x-8", "gap-y-2"], {
     }
   }
 });
-let DaikinCheckboxGroup = class extends LitElement {
+let DaikinCheckboxGroup = class extends DDSElement {
   constructor() {
     super(...arguments);
     this.orientation = "vertical";
@@ -88,7 +92,7 @@ __decorateClass([
   })
 ], DaikinCheckboxGroup.prototype, "_checkboxes", 2);
 DaikinCheckboxGroup = __decorateClass([
-  customElement("daikin-checkbox-group")
+  ddsElement("daikin-checkbox-group")
 ], DaikinCheckboxGroup);
 export {
   DaikinCheckboxGroup

package/dist/es/components/chip/daikin-chip.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { DDSElement } from "../../base/index.js";
 /**
  * A chip is a small UI component that represents a single piece of information, a filter, or a contact. Think of it as a compact tag or a small, clickable token.
  *
@@ -14,7 +14,7 @@ import { LitElement } from 'lit';
  * <daikin-chip chip-aria-label="Chip Text">Text</daikin-chip>
  * ```
  */
-export declare class DaikinChip extends LitElement {
+export declare class DaikinChip extends DDSElement {
     static readonly styles: import('lit').CSSResult;
     /**
      * Provides an accessible name of the chip.

package/dist/es/components/chip/daikin-chip.js

@@ -1,7 +1,11 @@
 import { cva } from "class-variance-authority";
-import { unsafeCSS, css, LitElement, html } from "lit";
-import { property, query, customElement } from "lit/decorators.js";
+import { unsafeCSS, css, html } from "lit";
+import { property, query } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
+import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
+import { ddsElement } from "../../base/decorators.js";
+import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -42,7 +46,7 @@ const cvaRemoveButton = cva([
   "text-[--color-primary]",
   "bg-[--color-secondary]"
 ]);
-let DaikinChip = class extends LitElement {
+let DaikinChip = class extends DDSElement {
   constructor() {
     super(...arguments);
     this.chipAriaLabel = null;
@@ -100,7 +104,7 @@ __decorateClass([
   query("button")
 ], DaikinChip.prototype, "_focusableElement", 2);
 DaikinChip = __decorateClass([
-  customElement("daikin-chip")
+  ddsElement("daikin-chip")
 ], DaikinChip);
 export {
   DaikinChip

package/dist/es/components/combobox/daikin-combobox.d.ts

@@ -1,5 +1,5 @@
 import { PropertyValues } from 'lit';
-import { DDSFormElement } from "../../base/dds-form-element.js";
+import { DDSFormElement } from "../../base/index.js";
 import { DaikinInputGroup } from "../input-group/index.js";
 /**
  * Interface for combobox option object

package/dist/es/components/combobox/daikin-combobox.js

@@ -5,9 +5,9 @@ import { property, state, query } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { repeat } from "lit/directives/repeat.js";
 import "../../base/dds-element.js";
+import { DDSFormElement } from "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
-import { DDSFormElement } from "../../base/dds-form-element.js";
 import { ClickOutsideController } from "../../controllers/click-outside.js";
 import { FloatingUIAutoUpdateController } from "../../controllers/floating-ui-auto-update.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/date-picker/daikin-date-picker.d.ts

@@ -1,5 +1,5 @@
 import { PropertyValues } from 'lit';
-import { DDSFormElement } from "../../base/dds-form-element.js";
+import { DDSFormElement } from "../../base/index.js";
 import { DaikinInputGroup } from "../input-group/daikin-input-group.js";
 /**
  * The date picker component provides a date selection function that can be combined with forms. This component uses `daikin-calendar` internally (users do not need to nest this).

package/dist/es/components/date-picker/daikin-date-picker.js

@@ -1,11 +1,14 @@
 import { offset, flip, shift } from "@floating-ui/dom";
 import { cva } from "class-variance-authority";
 import { unsafeCSS, css, html } from "lit";
-import { property, state, customElement } from "lit/decorators.js";
+import { property, state } from "lit/decorators.js";
 import { guard } from "lit/directives/guard.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { createRef, ref } from "lit/directives/ref.js";
+import "../../base/dds-element.js";
 import { DDSFormElement } from "../../base/dds-form-element.js";
+import { ddsElement } from "../../base/decorators.js";
+import "../../base/define.js";
 import { FloatingUIAutoUpdateController } from "../../controllers/floating-ui-auto-update.js";
 import tailwindStyles from "../../tailwind.css.js";
 import { tryParseDateFromProperty, parseDateFromProperty, DEFAULT_MIN_DATE, DEFAULT_MAX_DATE, formatDateForProperty, isDateOutOfRange, cvaIconButton, countDaysForYearMonth } from "../../utils/calendar-common.js";
@@ -620,7 +623,7 @@ __decorateClass([
   state()
 ], DaikinDatePicker.prototype, "_currentSelection", 2);
 DaikinDatePicker = __decorateClass([
-  customElement("daikin-date-picker")
+  ddsElement("daikin-date-picker")
 ], DaikinDatePicker);
 export {
   DaikinDatePicker

package/dist/es/components/dropdown/daikin-dropdown.d.ts

@@ -1,5 +1,5 @@
 import { PropertyValues } from 'lit';
-import { DDSFormElement } from "../../base/dds-form-element.js";
+import { DDSFormElement } from "../../base/index.js";
 import { DaikinInputGroup } from "../input-group/index.js";
 /**
  * A dropdown list component.

package/dist/es/components/dropdown/daikin-dropdown.js

@@ -5,9 +5,9 @@ import { property, queryAssignedElements, query, state } from "lit/decorators.js
 import { ifDefined } from "lit/directives/if-defined.js";
 import { createRef, ref } from "lit/directives/ref.js";
 import "../../base/dds-element.js";
+import { DDSFormElement } from "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
-import { DDSFormElement } from "../../base/dds-form-element.js";
 import { FloatingUIAutoUpdateController } from "../../controllers/floating-ui-auto-update.js";
 import tailwindStyles from "../../tailwind.css.js";
 import { isSimpleKeyEvent } from "../../utils/is-simple-key.js";

package/dist/es/components/dropdown-item/daikin-dropdown-item.js

@@ -2,6 +2,7 @@ import { cva } from "class-variance-authority";
 import { unsafeCSS, css, html } from "lit";
 import { property, query } from "lit/decorators.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/icon/daikin-icon.d.ts

@@ -66,6 +66,18 @@ declare const icons: {
         class: string;
         color: null;
     };
+    negative: {
+        class: string;
+        color: null;
+    };
+    positive: {
+        class: string;
+        color: null;
+    };
+    cross: {
+        class: string;
+        color: null;
+    };
 };
 export declare const iconList: string[];
 export type IconType = keyof typeof icons;

package/dist/es/components/icon/daikin-icon.js

@@ -3,6 +3,7 @@ import { unsafeCSS, css, html } from "lit";
 import { property, state } from "lit/decorators.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import { iconRegistry } from "../../icon-registry.js";

package/dist/es/components/icon/icons.json.d.ts

@@ -63,6 +63,18 @@ declare const _default: {
     "sort": {
       "class": "i-daikin-sort",
       "color": null
+    },
+    "negative": {
+      "class": "i-daikin-error",
+      "color": null
+    },
+    "positive": {
+      "class": "i-daikin-success",
+      "color": null
+    },
+    "cross": {
+      "class": "i-daikin-close",
+      "color": null
     }
   }
 }

package/dist/es/components/icon/icons.json.js

@@ -1,4 +1,4 @@
-const icons = { "logo-positive": { "class": "i-daikin-logo-positive", "color": null }, "logo-negative": { "class": "i-daikin-logo-negative", "color": null }, "alarm": { "class": "i-daikin-alarm", "color": null }, "close": { "class": "i-daikin-close", "color": "#a0a0a0" }, "information": { "class": "i-daikin-information", "color": null }, "error": { "class": "i-daikin-error", "color": null }, "success": { "class": "i-daikin-success", "color": null }, "warning": { "class": "i-daikin-warning", "color": null }, "pagination-chevron-left": { "class": "i-daikin-pagination-chevron-left", "color": "#414141" }, "pagination-chevron-right": { "class": "i-daikin-pagination-chevron-right", "color": "#414141" }, "profile": { "class": "i-daikin-profile", "color": null }, "chevron-up": { "class": "i-daikin-chevron-up", "color": null }, "chevron-down": { "class": "i-daikin-chevron-down", "color": null }, "chevron-left": { "class": "i-daikin-chevron-left", "color": null }, "chevron-right": { "class": "i-daikin-chevron-right", "color": null }, "sort": { "class": "i-daikin-sort", "color": null } };
+const icons = { "logo-positive": { "class": "i-daikin-logo-positive", "color": null }, "logo-negative": { "class": "i-daikin-logo-negative", "color": null }, "alarm": { "class": "i-daikin-alarm", "color": null }, "close": { "class": "i-daikin-close", "color": "#a0a0a0" }, "information": { "class": "i-daikin-information", "color": null }, "error": { "class": "i-daikin-error", "color": null }, "success": { "class": "i-daikin-success", "color": null }, "warning": { "class": "i-daikin-warning", "color": null }, "pagination-chevron-left": { "class": "i-daikin-pagination-chevron-left", "color": "#414141" }, "pagination-chevron-right": { "class": "i-daikin-pagination-chevron-right", "color": "#414141" }, "profile": { "class": "i-daikin-profile", "color": null }, "chevron-up": { "class": "i-daikin-chevron-up", "color": null }, "chevron-down": { "class": "i-daikin-chevron-down", "color": null }, "chevron-left": { "class": "i-daikin-chevron-left", "color": null }, "chevron-right": { "class": "i-daikin-chevron-right", "color": null }, "sort": { "class": "i-daikin-sort", "color": null }, "negative": { "class": "i-daikin-error", "color": null }, "positive": { "class": "i-daikin-success", "color": null }, "cross": { "class": "i-daikin-close", "color": null } };
 const iconsJson = {
   icons
 };

package/dist/es/components/icon-button/daikin-icon-button.d.ts

@@ -1,6 +1,6 @@
+import { DDSFormSubmitElement } from "../../base/index.js";
 import { ARIARole } from "../../lit-analyzer-types.js";
 import { MergeVariantProps } from "../../type-utils.js";
-import { DDSFormSubmitElement } from "../../base/dds-form-element.js";
 declare const cvaIconButton: (props?: ({
     color?: "default" | "danger" | "neutral" | null | undefined;
     variant?: "fill" | "outline" | "ghost" | null | undefined;

package/dist/es/components/icon-button/daikin-icon-button.js

@@ -3,10 +3,10 @@ import { unsafeCSS, css, html } from "lit";
 import { property, query } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import "../../base/dds-element.js";
+import { DDSFormSubmitElement } from "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";
-import { DDSFormSubmitElement } from "../../base/dds-form-element.js";
 import "../icon/daikin-icon.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/es/components/inline-notification/daikin-inline-notification.js

@@ -1,6 +1,7 @@
 import { unsafeCSS, css, nothing, html } from "lit";
 import { property } from "lit/decorators.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/input-group/daikin-input-group.js

@@ -2,6 +2,7 @@ import { cva } from "class-variance-authority";
 import { unsafeCSS, css, nothing, html } from "lit";
 import { property, queryAssignedElements, state } from "lit/decorators.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/link/daikin-link.js

@@ -3,6 +3,7 @@ import { unsafeCSS, css, html } from "lit";
 import { property } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/list/daikin-list.js

@@ -1,6 +1,7 @@
 import { unsafeCSS, css, html } from "lit";
 import { property, queryAssignedElements } from "lit/decorators.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/list-item/daikin-list-item.js

@@ -3,6 +3,7 @@ import { unsafeCSS, css, html } from "lit";
 import { property, query } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/loading/daikin-loading.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { DDSElement } from "../../base/index.js";
 /**
  * The loading component displays a spinner to indicate that a process is in progress.
  * If the spinner is expected to blend into the background, set the background color. You can use the `background` attribute for such cases.
@@ -13,7 +13,7 @@ import { LitElement } from 'lit';
  *  <daikin-loading></daikin-loading>
  * ```
  */
-export declare class DaikinLoading extends LitElement {
+export declare class DaikinLoading extends DDSElement {
     static readonly styles: import('lit').CSSResult;
     /**
      * Size of the loading.

package/dist/es/components/loading/daikin-loading.js

@@ -1,6 +1,10 @@
 import { cva } from "class-variance-authority";
-import { unsafeCSS, css, LitElement, html } from "lit";
-import { property, customElement } from "lit/decorators.js";
+import { unsafeCSS, css, html } from "lit";
+import { property } from "lit/decorators.js";
+import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
+import { ddsElement } from "../../base/decorators.js";
+import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -42,7 +46,7 @@ const cvaLoading = cva(
     }
   }
 );
-let DaikinLoading = class extends LitElement {
+let DaikinLoading = class extends DDSElement {
   constructor() {
     super(...arguments);
     this.size = "medium";
@@ -85,7 +89,7 @@ __decorateClass([
   property({ type: Boolean, reflect: true })
 ], DaikinLoading.prototype, "background", 2);
 DaikinLoading = __decorateClass([
-  customElement("daikin-loading")
+  ddsElement("daikin-loading")
 ], DaikinLoading);
 export {
   DaikinLoading

package/dist/es/components/logo/daikin-logo.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { DDSElement } from "../../base/index.js";
 /**
  * The logo is a UI element that represents a brand, company or service. It serves as a visual identifier, helping users recognize and navigate within a specific application or website.
  *
@@ -18,7 +18,7 @@ import { LitElement } from 'lit';
  * </div>
  * ```
  */
-export declare class DaikinLogo extends LitElement {
+export declare class DaikinLogo extends DDSElement {
     static readonly styles: import('lit').CSSResult;
     /**
      * Link `href`.

package/dist/es/components/logo/daikin-logo.js

@@ -1,7 +1,11 @@
 import { cva } from "class-variance-authority";
-import { unsafeCSS, css, LitElement, html } from "lit";
-import { property, query, customElement } from "lit/decorators.js";
+import { unsafeCSS, css, html } from "lit";
+import { property, query } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
+import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
+import { ddsElement } from "../../base/decorators.js";
+import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -40,7 +44,7 @@ const cvaWrapper = cva(
     }
   }
 );
-let DaikinLogo = class extends LitElement {
+let DaikinLogo = class extends DDSElement {
   constructor() {
     super(...arguments);
     this.href = null;
@@ -99,7 +103,7 @@ __decorateClass([
   query("a")
 ], DaikinLogo.prototype, "_focusableElement", 2);
 DaikinLogo = __decorateClass([
-  customElement("daikin-logo")
+  ddsElement("daikin-logo")
 ], DaikinLogo);
 export {
   DaikinLogo

package/dist/es/components/menu/daikin-menu.js

@@ -4,6 +4,7 @@ import { unsafeCSS, css, html } from "lit";
 import { queryAssignedElements, property } from "lit/decorators.js";
 import { guard } from "lit/directives/guard.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import { FloatingUIAutoUpdateController } from "../../controllers/floating-ui-auto-update.js";

package/dist/es/components/modal/daikin-modal.js

@@ -4,6 +4,7 @@ import { property } from "lit/decorators.js";
 import { guard } from "lit/directives/guard.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import { FocusTrapController } from "../../controllers/focus-trap.js";

package/dist/es/components/modal-footer/daikin-modal-footer.js

@@ -1,5 +1,6 @@
 import { unsafeCSS, css, html } from "lit";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/modal-header/daikin-modal-header.js

@@ -3,6 +3,7 @@ import { unsafeCSS, css, nothing, html } from "lit";
 import { property } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/pagination/daikin-pagination.js

@@ -4,6 +4,7 @@ import { property } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { repeat } from "lit/directives/repeat.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/progress-bar/daikin-progress-bar.js

@@ -2,6 +2,7 @@ import { cva } from "class-variance-authority";
 import { unsafeCSS, css, html } from "lit";
 import { property } from "lit/decorators.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/progress-indicator/daikin-progress-indicator.js

@@ -1,6 +1,7 @@
 import { unsafeCSS, css, html } from "lit";
 import { property, queryAssignedElements } from "lit/decorators.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";

package/dist/es/components/progress-indicator-item/daikin-progress-indicator-item.js

@@ -3,6 +3,7 @@ import { unsafeCSS, css, nothing, html } from "lit";
 import { property } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { DDSElement } from "../../base/dds-element.js";
+import "../../base/dds-form-element.js";
 import { ddsElement } from "../../base/decorators.js";
 import "../../base/define.js";
 import tailwindStyles from "../../tailwind.css.js";