@daikin-oss/design-system-web-components 1.3.0 → 1.3.2

package/dist/es-dev/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-dev/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-dev/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-dev/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";
@@ -200,7 +201,6 @@ __decorateClass([
 DaikinMenu = __decorateClass([
   ddsElement("daikin-menu")
 ], DaikinMenu);
-DaikinMenu.registerCSSCustomProperties();
 export {
   DaikinMenu
 };

package/dist/es-dev/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-dev/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-dev/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-dev/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-dev/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-dev/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-dev/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";

package/dist/es-dev/components/radio/daikin-radio.d.ts

@@ -1,4 +1,4 @@
-import { DDSFormElement } from "../../base/dds-form-element.js";
+import { DDSFormElement } from "../../base/index.js";
 /**
  * The radio button component is a UI element that allows users to select one options from a set of choices.
  * It functions similarly to the HTML `<input type="radio">` tag. \

package/dist/es-dev/components/radio/daikin-radio.js

@@ -3,9 +3,9 @@ import { unsafeCSS, css, nothing, html } from "lit";
 import { property, query } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.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-dev/components/radio-group/daikin-radio-group.js

@@ -3,6 +3,7 @@ import { unsafeCSS, css, html } from "lit";
 import { queryAssignedElements, property, state } 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-dev/components/select/daikin-select.js

@@ -2,6 +2,7 @@ import { cva } from "class-variance-authority";
 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-dev/components/slider/daikin-slider.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 slider component is a control that allows users to input numerical values within a specific range intuitively.
  * It functions similarly to the HTML `<input type="range">` tag, allows you to set the range of values.

package/dist/es-dev/components/slider/daikin-slider.js

@@ -1,8 +1,11 @@
 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 { 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 tailwindStyles from "../../tailwind.css.js";
 import { getValueFromRatio, getValueByKeydown } from "./slider-utils.js";
 var __defProp = Object.defineProperty;
@@ -257,7 +260,7 @@ __decorateClass([
   state()
 ], DaikinSlider.prototype, "_dragging", 2);
 DaikinSlider = __decorateClass([
-  customElement("daikin-slider")
+  ddsElement("daikin-slider")
 ], DaikinSlider);
 export {
   DaikinSlider

package/dist/es-dev/components/tab/daikin-tab.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-dev/components/tab-panels/daikin-tab-panels.js

@@ -2,6 +2,7 @@ import { unsafeCSS, css, nothing, html } from "lit";
 import { property } from "lit/decorators.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-dev/components/table/daikin-table.js

@@ -5,6 +5,7 @@ import { ifDefined } from "lit/directives/if-defined.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-dev/components/table-cell/daikin-table-cell.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-dev/components/table-header-cell/daikin-table-header-cell.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-dev/components/tabs/daikin-tabs.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-dev/components/text-area/daikin-text-area.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";
 /**
  * The text area component is designed for multiline text input, similar to the HTML `<textarea>` tag.

package/dist/es-dev/components/text-area/daikin-text-area.js

@@ -3,9 +3,9 @@ import { unsafeCSS, css, html } from "lit";
 import { property, state } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.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-dev/components/text-field/daikin-text-field.d.ts

@@ -1,5 +1,5 @@
 import { PropertyValues, TemplateResult } from 'lit';
-import { DDSFormElement } from "../../base/dds-form-element.js";
+import { DDSFormElement } from "../../base/index.js";
 import { DaikinInputGroup } from "../input-group/index.js";
 /**
  * The text field component is a UI element that allows users to input single-line text data.

package/dist/es-dev/components/text-field/daikin-text-field.js

@@ -3,9 +3,9 @@ import { unsafeCSS, css, html, nothing } from "lit";
 import { property, state } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.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";
 import { isSimpleKeyEvent } from "../../utils/is-simple-key.js";
 import "../icon-button/daikin-icon-button.js";

package/dist/es-dev/components/text-masked-field/daikin-text-masked-field.d.ts

@@ -1,6 +1,6 @@
 import { InputMask, FactoryOpts } from 'imask';
 import { PropertyValues, TemplateResult } from 'lit';
-import { DDSFormElement } from "../../base/dds-form-element.js";
+import { DDSFormElement } from "../../base/index.js";
 import { DaikinInputGroup } from "../input-group/index.js";
 export type { FactoryOpts, InputMask };
 /**

package/dist/es-dev/components/text-masked-field/daikin-text-masked-field.js

@@ -5,9 +5,9 @@ import { property, 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 tailwindStyles from "../../tailwind.css.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/es-dev/components/time-picker/daikin-time-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 { default as DaikinInputGroup } from "../input-group/daikin-input-group.js";
 /**
  * Represents the hour and minute parts of a time value.

package/dist/es-dev/components/time-picker/daikin-time-picker.js

@@ -1,9 +1,12 @@
 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 { 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 tailwindStyles from "../../tailwind.css.js";
 import "../dropdown-item/daikin-dropdown-item.js";
 import "../dropdown/daikin-dropdown.js";
@@ -573,7 +576,7 @@ __decorateClass([
   state()
 ], DaikinTimePicker.prototype, "_meridiem", 2);
 DaikinTimePicker = __decorateClass([
-  customElement("daikin-time-picker")
+  ddsElement("daikin-time-picker")
 ], DaikinTimePicker);
 export {
   DaikinTimePicker,

package/dist/es-dev/components/toast-notification/daikin-toast-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-dev/components/toast-notification-manager/daikin-toast-notification-manager.js

@@ -3,6 +3,7 @@ import { unsafeCSS, css, html } from "lit";
 import { property, queryAssignedElements } 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-dev/components/toggle/daikin-toggle.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 toggle switch component is a UI element that allows users to switch between two states, typically "on" and "off".
  * It functions similarly to a `daikin-checkbox` component but provides a more visually intuitive way to represent binary options.

package/dist/es-dev/components/toggle/daikin-toggle.js

@@ -2,9 +2,9 @@ import { cva } from "class-variance-authority";
 import { unsafeCSS, css, 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-dev/components/tooltip/daikin-tooltip.js

@@ -4,6 +4,7 @@ import { unsafeCSS, css, html } from "lit";
 import { 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";
@@ -210,7 +211,6 @@ __decorateClass([
 DaikinTooltip = __decorateClass([
   ddsElement("daikin-tooltip")
 ], DaikinTooltip);
-DaikinTooltip.registerCSSCustomProperties();
 export {
   DaikinTooltip
 };

package/dist/es-dev/components/tree/daikin-tree.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-dev/components/tree-item/daikin-tree-item.js

@@ -4,6 +4,7 @@ import { property } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.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-dev/components/tree-section/daikin-tree-section.js

@@ -3,6 +3,7 @@ import { property, queryAssignedElements } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@daikin-oss/design-system-web-components",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "description": "Design system using web components",
   "type": "module",
   "files": [