@daikin-oss/design-system-web-components 0.5.0 → 0.7.0

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

@@ -0,0 +1,60 @@
+import { cva } from "class-variance-authority";
+import { css, unsafeCSS, LitElement, html } from "lit";
+import { customElement } from "lit/decorators.js";
+import tailwindStyles from "../../tailwind.css.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+const cvaTitle = cva([
+  "flex-none",
+  "text-ddt-color-common-text-primary",
+  "font-daikinSerif",
+  "text-base",
+  "leading-[1.3]",
+  "not-italic",
+  "font-bold"
+])();
+const cvaDescription = cva([
+  "flex-none",
+  "text-ddt-color-common-text-secondary",
+  "font-daikinSerif",
+  "text-sm",
+  "leading-normal",
+  "not-italic",
+  "font-normal"
+])();
+let DaikinCardHeader = class extends LitElement {
+  render() {
+    return html`<div class="flex w-full gap-1">
+      <slot
+        name="left-icon"
+        class="flex-none icon-size-6 text-ddt-color-common-text-primary"
+      ></slot>
+      <div class="flex-1 flex flex-col pt-0.5 gap-[1px]">
+        <slot class=${cvaTitle}></slot>
+        <slot name="description" class=${cvaDescription}></slot>
+      </div>
+    </div>`;
+  }
+};
+DaikinCardHeader.styles = css`
+    ${unsafeCSS(tailwindStyles)}
+
+    :host {
+      display: flex;
+      align-items: center;
+    }
+  `;
+DaikinCardHeader = __decorateClass([
+  customElement("daikin-card-header")
+], DaikinCardHeader);
+export {
+  DaikinCardHeader
+};

package/dist/es-dev/components/card-header/index.d.ts

@@ -0,0 +1 @@
+export * from "./daikin-card-header.js";

package/dist/es-dev/components/card-header/index.js

@@ -0,0 +1,4 @@
+import { DaikinCardHeader } from "./daikin-card-header.js";
+export {
+  DaikinCardHeader
+};

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

@@ -19,11 +19,11 @@ import { LitElement, PropertyValues } from 'lit';
 export declare class DaikinCheckbox extends LitElement {
     static readonly styles: import('lit').CSSResult;
     /**
-     * Form name of the checkbox.
+     * The form name, submitted as a name/value pair when submitting the form.
      */
     name: string;
     /**
-     * Form value of the checkbox.
+     * The form value, submitted as a name/value pair when submitting the form.
      */
     value: string;
     /**
@@ -37,11 +37,11 @@ export declare class DaikinCheckbox extends LitElement {
      */
     labelPosition: "right" | "hidden";
     /**
-     * Checked state of the checkbox.
+     * Specify the checkbox checked state.
      */
     checkState: "unchecked" | "indeterminate" | "checked";
     /**
-     * Whether the checkbox is disabled.
+     * Specify the checkbox disabled state.
      */
     disabled: boolean;
     get checked(): boolean;

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

@@ -15,12 +15,12 @@ var __decorateClass = (decorators, target, key, kind) => {
 const CHECKBOX_CLASS_NAME = cva([
   "block",
   "size-4",
-  "border-system-state-neutral-active",
+  "border-ddt-color-common-neutral-default",
   "border-2",
   "rounded-sm",
   "relative",
   "appearance-none",
-  "before:text-system-element-text-inverse",
+  "before:text-ddt-color-common-text-inverse",
   "before:absolute",
   "before:m-auto",
   "before:inset-0",
@@ -30,37 +30,37 @@ const CHECKBOX_CLASS_NAME = cva([
   "focus-visible:outline",
   "focus-visible:outline-2",
   "focus-visible:outline-offset-2",
-  "focus-visible:outline-system-state-focus",
-  "enabled:group-hover:border-system-state-neutral-hover",
-  "enabled:group-hover:bg-system-background-surface-hover",
-  "enabled:group-active:border-system-state-neutral-press",
-  "enabled:group-active:bg-system-background-surface-press",
-  "enabled:checked:border-system-state-primary-active",
-  "enabled:checked:bg-system-state-primary-active",
-  "enabled:checked:group-hover:bg-system-state-primary-hover",
-  "enabled:checked:group-hover:border-system-state-primary-hover",
-  "enabled:checked:group-hover:before:text-system-element-text-inverse",
-  "enabled:checked:group-active:bg-system-state-primary-press",
-  "enabled:checked:group-active:border-system-state-primary-press",
-  "enabled:checked:group-active:before:text-system-element-text-inverse",
-  "enabled:indeterminate:bg-system-state-primary-active",
-  "enabled:indeterminate:border-system-state-primary-active",
-  "enabled:indeterminate:group-hover:bg-system-state-primary-hover",
-  "enabled:indeterminate:group-hover:border-system-state-primary-hover",
-  "enabled:indeterminate:group-hover:before:text-system-element-text-inverse",
-  "enabled:indeterminate:group-active:bg-system-state-primary-press",
-  "enabled:indeterminate:group-active:border-system-state-primary-press",
-  "enabled:indeterminate:group-active:before:text-system-element-text-inverse",
-  "disabled:border-system-state-disabled",
-  "disabled:bg-system-element-text-inverse",
-  "disabled:checked:bg-system-state-disabled",
-  "disabled:indeterminate:bg-system-state-disabled"
+  "focus-visible:outline-ddt-color-common-border-focus",
+  "enabled:group-hover:border-ddt-color-common-neutral-hover",
+  "enabled:group-hover:bg-ddt-color-common-surface-hover",
+  "enabled:group-active:border-ddt-color-common-neutral-press",
+  "enabled:group-active:bg-ddt-color-common-surface-press",
+  "enabled:checked:border-ddt-color-common-brand-default",
+  "enabled:checked:bg-ddt-color-common-brand-default",
+  "enabled:checked:group-hover:bg-ddt-color-common-brand-hover",
+  "enabled:checked:group-hover:border-ddt-color-common-brand-hover",
+  "enabled:checked:group-hover:before:text-ddt-color-common-text-inverse",
+  "enabled:checked:group-active:bg-ddt-color-common-brand-press",
+  "enabled:checked:group-active:border-ddt-color-common-brand-press",
+  "enabled:checked:group-active:before:text-ddt-color-common-text-inverse",
+  "enabled:indeterminate:bg-ddt-color-common-brand-default",
+  "enabled:indeterminate:border-ddt-color-common-brand-default",
+  "enabled:indeterminate:group-hover:bg-ddt-color-common-brand-hover",
+  "enabled:indeterminate:group-hover:border-ddt-color-common-brand-hover",
+  "enabled:indeterminate:group-hover:before:text-ddt-color-common-text-inverse",
+  "enabled:indeterminate:group-active:bg-ddt-color-common-brand-press",
+  "enabled:indeterminate:group-active:border-ddt-color-common-brand-press",
+  "enabled:indeterminate:group-active:before:text-ddt-color-common-text-inverse",
+  "disabled:border-ddt-color-common-disabled",
+  "disabled:bg-ddt-color-common-text-inverse",
+  "disabled:checked:bg-ddt-color-common-disabled",
+  "disabled:indeterminate:bg-ddt-color-common-disabled"
 ])();
 const cvaLabel = cva(["pr-2"], {
   variants: {
     disabled: {
-      false: ["text-system-element-text-primary"],
-      true: ["text-system-state-disabled"]
+      false: ["text-ddt-color-common-text-primary"],
+      true: ["text-ddt-color-common-disabled"]
     }
   }
 });
@@ -106,8 +106,8 @@ let DaikinCheckbox = class extends LitElement {
           class=${CHECKBOX_CLASS_NAME}
           type="checkbox"
           name=${this.name}
-          value=${this.value}
           aria-label=${this.labelPosition === "hidden" ? this.label : nothing}
+          .value=${this.value}
           .indeterminate=${this.checkState === "indeterminate"}
           .checked=${this.checked}
           ?disabled=${this.disabled}

package/dist/es-dev/components/checkbox/index.d.ts

@@ -1 +1 @@
-export * from './daikin-checkbox';
+export * from "./daikin-checkbox.js";

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

@@ -1,5 +1,5 @@
 import { LitElement, PropertyValues } from 'lit';
-import { DaikinInputGroup } from '../input-group';
+import { DaikinInputGroup } from "../input-group/index.js";
 /**
  * A dropdown list component.
  *
@@ -25,10 +25,6 @@ export declare class DaikinDropdown extends LitElement {
     static readonly styles: import('lit').CSSResult;
     static readonly formAssociated = true;
     private _internals;
-    /**
-     * Label of the dropdown.
-     */
-    label: string | null;
     /**
      * Form value of the dropdown.
      * `null` if not selected.
@@ -56,7 +52,11 @@ export declare class DaikinDropdown extends LitElement {
     open: boolean;
     private readonly _items;
     private _button;
-    private _popover;
+    /**
+     * The label text used as the value of aria-label.
+     * Set automatically by `reflectInputGroup` method.
+     */
+    private _label;
     private _hasSelectedItem;
     private _selectedItemLabel;
     private _autoUpdateController;

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

@@ -2,6 +2,7 @@ import { flip, offset, size } from "@floating-ui/dom";
 import { cva } from "class-variance-authority";
 import { css, unsafeCSS, LitElement, html } from "lit";
 import { property, queryAssignedElements, query, state, customElement } from "lit/decorators.js";
+import { ifDefined } from "lit/directives/if-defined.js";
 import { ClickOutsideController } from "../../controllers/click-outside.js";
 import { FloatingUIAutoUpdateController } from "../../controllers/floating-ui-auto-update.js";
 import tailwindStyles from "../../tailwind.css.js";
@@ -23,11 +24,11 @@ const cvaButton = cva(
     "w-full",
     "h-full",
     "min-h-12",
-    "bg-white",
+    "bg-ddt-color-common-background-default",
     "p-3",
     "border",
     "border-[--color-base]",
-    "rounded-md",
+    "rounded",
     "overflow-hidden",
     "font-daikinSerif",
     "text-left",
@@ -38,8 +39,8 @@ const cvaButton = cva(
     "-outline-offset-2",
     "focus-visible:outline-2",
     "focus-visible:outline-[--color-focus]",
-    "disabled:text-system-state-disabled",
-    "disabled:border-system-state-disabled",
+    "disabled:text-ddt-color-common-disabled",
+    "disabled:border-ddt-color-common-disabled",
     "after:i-daikin-dropdown-chevron-down",
     "after:w-6",
     "after:h-6",
@@ -48,31 +49,31 @@ const cvaButton = cva(
     "after:top-0",
     "after:bottom-0",
     "after:right-3",
-    "enabled:after:text-system-element-text-primary",
-    "disabled:after:text-system-state-disabled"
+    "enabled:after:text-ddt-color-common-text-primary",
+    "disabled:after:text-ddt-color-common-disabled"
   ],
   {
     variants: {
       open: {
         false: [
-          "enabled:hover:bg-system-background-surface-hover",
-          "enabled:active:bg-system-background-surface-press"
+          "enabled:hover:bg-ddt-color-common-surface-hover",
+          "enabled:active:bg-ddt-color-common-surface-press"
         ],
-        true: ["enabled:bg-system-background-surface-press"]
+        true: ["enabled:bg-ddt-color-common-surface-press"]
       },
       error: {
         false: [
-          "var-color-system-state-neutral-active/color-base",
-          "var-color-system-state-focus/color-focus"
+          "var-color-ddt-color-common-neutral-default/color-base",
+          "var-color-ddt-color-common-border-focus/color-focus"
         ],
         true: [
-          "var-color-system-state-error-active/color-base",
-          "var-color-system-state-error-active/color-focus"
+          "var-color-ddt-color-common-danger-default/color-base",
+          "var-color-ddt-color-common-danger-default/color-focus"
         ]
       },
       placeholder: {
-        false: ["text-system-element-text-primary"],
-        true: ["text-system-element-text-secondary"]
+        false: ["text-ddt-color-common-text-primary"],
+        true: ["text-ddt-color-common-text-secondary"]
       }
     }
   }
@@ -96,13 +97,13 @@ let DaikinDropdown = class extends LitElement {
   constructor() {
     super(...arguments);
     this._internals = this.attachInternals();
-    this.label = null;
     this.value = null;
     this.placeholder = "";
     this.disabled = false;
     this.required = false;
     this.error = false;
     this.open = false;
+    this._label = null;
     this._hasSelectedItem = false;
     this._selectedItemLabel = "";
     this._autoUpdateController = new FloatingUIAutoUpdateController(this);
@@ -251,7 +252,7 @@ let DaikinDropdown = class extends LitElement {
     })}
         ?disabled=${this.disabled}
         role="combobox"
-        aria-label=${this.label ?? ""}
+        aria-label=${ifDefined(this._label ?? void 0)}
         aria-expanded=${this.open && !this.disabled}
         aria-disabled=${this.disabled}
         aria-controls="dropdown-items"
@@ -265,8 +266,8 @@ let DaikinDropdown = class extends LitElement {
       <div
         id="dropdown-items"
         popover
-        class="floating-unready:hidden min-w-[--floating-width] max-h-[200px] overflow-y-auto m-0 p-0 absolute left-[--floating-x,0] top-[--floating-y,0] right-auto bottom-auto opacity-1 transition-[opacity] rounded-[4px] shadow-dropdown"
-        aria-label=${this.label ?? ""}
+        class="floating-unready:hidden absolute left-[--floating-x,0] top-[--floating-y,0] min-w-[--floating-width] max-h-[12.5rem] overflow-y-auto opacity-1 transition-[opacity] rounded shadow-dropdown"
+        aria-label=${ifDefined(this._label ?? void 0)}
         role="listbox"
         @floating-ready=${this._handleFloatingReady}
         ${this._autoUpdateController.refFloating()}
@@ -297,7 +298,9 @@ let DaikinDropdown = class extends LitElement {
       this._reflectItemsAndLabel();
     }
     if (changedProperties.has("open") || changedProperties.has("disabled")) {
-      (_a = this._popover) == null ? void 0 : _a.togglePopover(this.open && !this.disabled);
+      (_a = this._autoUpdateController.floatingElement) == null ? void 0 : _a.togglePopover(
+        this.open && !this.disabled
+      );
       if (changedProperties.get("open") && !this.open && !this.disabled) {
         this.focus();
       }
@@ -308,7 +311,7 @@ let DaikinDropdown = class extends LitElement {
     this.disabled = !!inputGroup.disabled;
     this.required = !!inputGroup.required;
     this.error = isError;
-    this.label = inputGroup.label;
+    this._label = inputGroup.label;
   }
 };
 DaikinDropdown.styles = css`
@@ -324,9 +327,6 @@ DaikinDropdown.styles = css`
     }
   `;
 DaikinDropdown.formAssociated = true;
-__decorateClass([
-  property({ type: String, reflect: true })
-], DaikinDropdown.prototype, "label", 2);
 __decorateClass([
   property({ type: String, reflect: true })
 ], DaikinDropdown.prototype, "value", 2);
@@ -352,8 +352,8 @@ __decorateClass([
   query("button")
 ], DaikinDropdown.prototype, "_button", 2);
 __decorateClass([
-  query("div[popover]")
-], DaikinDropdown.prototype, "_popover", 2);
+  state()
+], DaikinDropdown.prototype, "_label", 2);
 __decorateClass([
   state()
 ], DaikinDropdown.prototype, "_hasSelectedItem", 2);

package/dist/es-dev/components/dropdown/index.d.ts

@@ -1 +1 @@
-export * from './daikin-dropdown';
+export * from "./daikin-dropdown.js";

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

@@ -19,8 +19,8 @@ const cvaOption = cva(
     "justify-between",
     "w-full",
     "min-h-12",
-    "text-system-element-text-primary",
-    "bg-system-element-text-inverse",
+    "text-ddt-color-common-text-primary",
+    "bg-ddt-color-common-background-default",
     "p-3",
     "font-daikinSerif",
     "leading-5",
@@ -28,20 +28,20 @@ const cvaOption = cva(
     "focus-visible:outline",
     "focus-visible:outline-2",
     "focus-visible:-outline-offset-2",
-    "focus-visible:outline-system-state-focus",
-    "disabled:text-system-state-disabled"
+    "focus-visible:outline-ddt-color-common-border-focus",
+    "disabled:text-ddt-color-common-disabled"
   ],
   {
     variants: {
       selected: {
         false: [
-          "enabled:hover:bg-system-background-surface-hover",
-          "enabled:active:bg-system-background-surface-press"
+          "enabled:hover:bg-ddt-color-common-surface-hover",
+          "enabled:active:bg-ddt-color-common-surface-press"
         ],
         true: [
-          "enabled:bg-system-background-surface-selected",
-          "enabled:hover:bg-system-background-surface-selectedHover",
-          "enabled:active:bg-system-background-surface-selectedActive",
+          "enabled:bg-ddt-color-common-surface-selected-default",
+          "enabled:hover:bg-ddt-color-common-surface-selected-hover",
+          "enabled:active:bg-ddt-color-common-surface-selected-press",
           "after:i-daikin-dropdown-check",
           "after:size-6"
         ]

package/dist/es-dev/components/dropdown-item/index.d.ts

@@ -1 +1 @@
-export * from './daikin-dropdown-item';
+export * from "./daikin-dropdown-item.js";

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

@@ -1,12 +1,11 @@
 import { LitElement } from 'lit';
-import { MergeVariantProps } from '../../type-utils';
-import { icons } from './icons.json';
+import { MergeVariantProps } from "../../type-utils.js";
+import { icons } from "./icons.json.js";
 export declare const iconList: string[];
 export type IconType = keyof typeof icons;
 declare const cvaIcon: (props?: ({
     icon?: string | number | null | undefined;
-    size?: "s" | "m" | "l" | "xl" | null | undefined;
-    color?: "black" | "white" | "default" | "current" | null | undefined;
+    color?: "current" | "default" | "black" | "white" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type IconVariantProps = MergeVariantProps<typeof cvaIcon>;
 /**
@@ -18,6 +17,8 @@ export type IconVariantProps = MergeVariantProps<typeof cvaIcon>;
  * If you try to use an icon that does not exist, a blank space will be displayed.
  * In the development build, warnings will be displayed in the console, so please check there if you encounter any unexpected behavior.
  *
+ * @cssprop [--ddc-icon-size] - Icon size. If a value other than "current" is set for the `size` property, it will be overwritten automatically. This may be set by the parent component such as `daikin-icon-button`.
+ *
  * @example
  *
  * ```js
@@ -39,9 +40,10 @@ export declare class DaikinIcon extends LitElement {
      */
     color: IconVariantProps["color"];
     /**
-     * Specify the height and width of the icon
+     * Specify the size of the icon.
+     * If "current" is set, `--ddc-icon-size` CSS variable will be used. `--ddc-icon-size` may be set by the parent component such as `daikin-icon-button`.
      */
-    size: IconVariantProps["size"];
+    size: "s" | "m" | "l" | "xl" | "current";
     render(): import('lit-html').TemplateResult<1>;
 }
 declare global {

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

@@ -1,4 +1,3 @@
-import { space12, space16, space20, space24 } from "@daikin-oss/dds-tokens/js/daikin/Light/variables.js";
 import { cva } from "class-variance-authority";
 import { css, unsafeCSS, LitElement, html } from "lit";
 import { property, customElement } from "lit/decorators.js";
@@ -21,15 +20,9 @@ const iconClassMap = Object.fromEntries(
 const cvaIcon = cva(["block"], {
   variants: {
     icon: iconClassMap,
-    size: {
-      s: [`w-[--size-s]`, `h-[--size-s]`],
-      m: [`w-[--size-m]`, `h-[--size-m]`],
-      l: [`w-[--size-l]`, `h-[--size-l]`],
-      xl: [`w-[--size-xl]`, `h-[--size-xl]`]
-    },
     color: {
-      black: ["text-black"],
-      white: ["text-white"],
+      black: ["text-ddt-color-common-background-overlay"],
+      white: ["text-ddt-color-common-text-inverse"],
       default: ["text-[--default-color]"],
       current: []
       // uses `currentColor`
@@ -41,7 +34,7 @@ let DaikinIcon = class extends LitElement {
     super(...arguments);
     this.icon = null;
     this.color = "default";
-    this.size = "m";
+    this.size = "current";
   }
   render() {
     var _a;
@@ -58,8 +51,7 @@ let DaikinIcon = class extends LitElement {
     return html`<span
       class=${cvaIcon({
       icon: this.icon,
-      color: this.color,
-      size: this.size
+      color: this.color
     })}
       style=${`--default-color:${defaultColor ?? "#000000"}`}
       role="presentation"
@@ -70,13 +62,25 @@ DaikinIcon.styles = css`
     ${unsafeCSS(tailwindStyles)}
 
     :host {
-      --size-s: ${unsafeCSS(space12)};
-      --size-m: ${unsafeCSS(space16)};
-      --size-l: ${unsafeCSS(space20)};
-      --size-xl: ${unsafeCSS(space24)};
+      display: inline-block;
+      width: var(--ddc-icon-size, 100%);
+      height: var(--ddc-icon-size, 100%);
+    }
+
+    :host([size="s"]) {
+      --ddc-icon-size: 12px;
+    }
+
+    :host([size="m"]) {
+      --ddc-icon-size: 16px;
+    }
+
+    :host([size="l"]) {
+      --ddc-icon-size: 20px;
+    }
 
-      display: block;
-      width: max-content;
+    :host([size="xl"]) {
+      --ddc-icon-size: 24px;
     }
   `;
 __decorateClass([

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

@@ -24,6 +24,18 @@ declare const _default: {
       "class": "i-daikin-status-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"
+    },
+    "arrowUp": {
+      "class": "i-daikin-arrow-up",
+      "color": "#414141"
+    },
     "success": {
       "class": "i-daikin-status-success",
       "color": "#0097E0"
@@ -32,6 +44,10 @@ declare const _default: {
       "class": "i-daikin-status-error",
       "color": "#FF4949"
     },
+    "cross": {
+      "class": "i-daikin-cross",
+      "color": null
+    },
     "chevron-up": {
       "class": "i-daikin-chevron-up",
       "color": null
@@ -47,6 +63,10 @@ declare const _default: {
     "chevron-right": {
       "class": "i-daikin-chevron-right",
       "color": null
+    },
+    "sort": {
+      "class": "i-daikin-sort",
+      "color": null
     }
   }
 }

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

@@ -23,6 +23,18 @@ const icons = {
     "class": "i-daikin-status-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"
+  },
+  arrowUp: {
+    "class": "i-daikin-arrow-up",
+    color: "#414141"
+  },
   success: {
     "class": "i-daikin-status-success",
     color: "#0097E0"
@@ -31,6 +43,10 @@ const icons = {
     "class": "i-daikin-status-error",
     color: "#FF4949"
   },
+  cross: {
+    "class": "i-daikin-cross",
+    color: null
+  },
   "chevron-up": {
     "class": "i-daikin-chevron-up",
     color: null
@@ -46,6 +62,10 @@ const icons = {
   "chevron-right": {
     "class": "i-daikin-chevron-right",
     color: null
+  },
+  sort: {
+    "class": "i-daikin-sort",
+    color: null
   }
 };
 export {

package/dist/es-dev/components/icon/index.d.ts

@@ -1 +1 @@
-export * from './daikin-icon';
+export * from "./daikin-icon.js";