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

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # @daikin-oss/design-system-web-components
 
+## 0.6.0
+
+### Minor Changes
+
+- [#89](https://github.com/dsv-rp/DDS/pull/89) [`c9bd3a7`](https://github.com/dsv-rp/DDS/commit/c9bd3a77932d1f4c3f2547f35daa7b026eff7a08) Thanks [@poetrainy](https://github.com/poetrainy)! - Dropdown: Update appearance.
+  Select: Update appearance.
+  Text Area: Update appearance.
+  Text Input: Update appearance.
+
+- [#53](https://github.com/dsv-rp/DDS/pull/53) [`651bc76`](https://github.com/dsv-rp/DDS/commit/651bc767f92be4a5b48b4c8c48b3378ef0e13855) Thanks [@yodas7](https://github.com/yodas7)! - **BREAKING CHANGE** Some attributes and properties have been renamed or removed.
+
+  The following attributes (not properties) have been renamed to kebab case:
+
+  - `<daikin-notification>`: ~~`closeButton`~~ -> `close-button`
+
+- [#91](https://github.com/dsv-rp/DDS/pull/91) [`a188387`](https://github.com/dsv-rp/DDS/commit/a188387a0da9a452be1ebad4898a54c205d73b8e) Thanks [@poetrainy](https://github.com/poetrainy)! - **BREAKING CHANGE** Dropdown: The `label` attribute has been removed.
+
+### Patch Changes
+
+- [#95](https://github.com/dsv-rp/DDS/pull/95) [`0d78d58`](https://github.com/dsv-rp/DDS/commit/0d78d585963b229c68971d7558b63c2c7d073db9) Thanks [@poetrainy](https://github.com/poetrainy)! - Tooltip: Fixed an issue where the tooltip would remain opened after clicking on the trigger element. (DDS-1631)
+
+- [#88](https://github.com/dsv-rp/DDS/pull/88) [`90e1625`](https://github.com/dsv-rp/DDS/commit/90e1625f6455b60670920e397a51370eba70ace8) Thanks [@poetrainy](https://github.com/poetrainy)! - **BREAKING CHANGE** Icon: The `size` attribute now defaults to `current`.
+  Icon Button: Add Icon Button Component. (DDS-1536)
+  Icon: The `size` attribute now accepts `current`, which references `--dds-icon-size` CSS variable.
+
+- [#96](https://github.com/dsv-rp/DDS/pull/96) [`bdd827f`](https://github.com/dsv-rp/DDS/commit/bdd827fe1bc400de68f11a63bb6312d368cdadd9) Thanks [@poetrainy](https://github.com/poetrainy)! - Accordion: Update appearance.
+
+- [#49](https://github.com/dsv-rp/DDS/pull/49) [`c1f44f8`](https://github.com/dsv-rp/DDS/commit/c1f44f825e0de8422be87a3efdae2e1e84d5d4da) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Add pagination component
+
+- [#79](https://github.com/dsv-rp/DDS/pull/79) [`2e351b8`](https://github.com/dsv-rp/DDS/commit/2e351b8137f5d0aac1c5feb9520d25e35e81f138) Thanks [@yodas7](https://github.com/yodas7)! - Correct package type definitions. (DDS-1529)
+
+- [#93](https://github.com/dsv-rp/DDS/pull/93) [`39a5a8f`](https://github.com/dsv-rp/DDS/commit/39a5a8f27079610bf62094486888b9c7c0af3416) Thanks [@poetrainy](https://github.com/poetrainy)! - Link: Initial Implementation. (DDS-1600)
+
+- [#85](https://github.com/dsv-rp/DDS/pull/85) [`82b4fa9`](https://github.com/dsv-rp/DDS/commit/82b4fa95c1c9c60640ca3ce3d336ed00485908e4) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Modified the descriptions of some properties.
+
+- [#44](https://github.com/dsv-rp/DDS/pull/44) [`d51e2ee`](https://github.com/dsv-rp/DDS/commit/d51e2eed13d3772542fb8141bb524489e2570602) Thanks [@poetrainy](https://github.com/poetrainy)! - Add Table Component.
+
 ## 0.5.0
 
 ### Minor Changes

package/dist/cjs/components/accordion/daikin-accordion.cjs

@@ -35,7 +35,7 @@ exports.DaikinAccordion.styles = lit.css`
     ${lit.unsafeCSS(tailwind.default)}
 
     :host {
-      min-width: 160px;
+      min-width: 10rem;
     }
 
     ::slotted(daikin-accordion-item) {

package/dist/cjs/components/accordion/index.d.cts

@@ -0,0 +1 @@
+export * from "./daikin-accordion.cjs";

package/dist/cjs/components/accordion-item/daikin-accordion-item.cjs

@@ -129,7 +129,7 @@ exports.DaikinAccordionItem = class DaikinAccordionItem extends lit.LitElement {
     const detailsOpen = !this.disabled && this._detailsOpen;
     const open = !this.disabled && this.open;
     return lit.html`<details
-      class="flex w-full text-system-element-text-primary font-daikinSerif overflow-clip"
+      class="w-full text-system-element-text-primary font-daikinSerif overflow-clip"
       ?open=${detailsOpen}
       ?data-open=${open}
       aria-disabled=${this.disabled}

package/dist/cjs/components/accordion-item/{daikin-accordion-item.d.ts → daikin-accordion-item.d.cts}

@@ -60,7 +60,7 @@ export declare class DaikinAccordionItem extends LitElement {
      * Focuses on the inner summary.
      * @param options focus options
      */
-    focus(options?: FocusOptions | undefined): void;
+    focus(options?: FocusOptions): void;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/cjs/components/accordion-item/index.d.cts

@@ -0,0 +1 @@
+export * from "./daikin-accordion-item.cjs";

package/dist/cjs/components/breadcrumb/index.d.cts

@@ -0,0 +1 @@
+export * from "./daikin-breadcrumb.cjs";

package/dist/cjs/components/breadcrumb-item/daikin-breadcrumb-item.cjs

@@ -57,7 +57,6 @@ exports.DaikinBreadcrumbItem = class DaikinBreadcrumbItem extends lit.LitElement
     this.target = null;
     this.trailingSlash = false;
     this.last = false;
-    this.hidden = false;
   }
   render() {
     const slash = this.trailingSlash ? lit.html`<span
@@ -90,7 +89,7 @@ exports.DaikinBreadcrumbItem.styles = lit.css`
     :host {
       display: inline-flex;
       align-items: center;
-      gap: 8px;
+      gap: 0.5rem;
       flex-shrink: 0;
     }
 
@@ -116,9 +115,6 @@ __decorateClass([
 __decorateClass([
   decorators_js.property({ type: Boolean, reflect: true })
 ], exports.DaikinBreadcrumbItem.prototype, "last", 2);
-__decorateClass([
-  decorators_js.property({ type: Boolean, reflect: true })
-], exports.DaikinBreadcrumbItem.prototype, "hidden", 2);
 exports.DaikinBreadcrumbItem = __decorateClass([
   decorators_js.customElement("daikin-breadcrumb-item")
 ], exports.DaikinBreadcrumbItem);

package/dist/cjs/components/breadcrumb-item/{daikin-breadcrumb-item.d.ts → daikin-breadcrumb-item.d.cts}

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import { MergeVariantProps } from '../../type-utils';
+import { MergeVariantProps } from "../../type-utils.cjs";
 declare const cvaLink: (props?: ({
     variant?: "normal" | "ellipsis" | null | undefined;
     disabled?: boolean | null | undefined;
@@ -57,11 +57,6 @@ export declare class DaikinBreadcrumbItem extends LitElement {
      * Automatically set by `daikin-breadcrumb` component.
      */
     last: boolean;
-    /**
-     * Whether the link should be hidden when ellipsis mode.
-     * Set automatically by `daikin-breadcrumb`.
-     */
-    hidden: boolean;
     render(): import('lit-html').TemplateResult<1>;
 }
 declare global {

package/dist/cjs/components/breadcrumb-item/index.d.cts

@@ -0,0 +1 @@
+export * from "./daikin-breadcrumb-item.cjs";

package/dist/cjs/components/button/daikin-button.cjs

@@ -5,7 +5,6 @@ const lit = require("lit");
 const decorators_js = require("lit/decorators.js");
 const ifDefined_js = require("lit/directives/if-defined.js");
 const tailwind = require("../../tailwind.css.cjs");
-require("../icon/daikin-icon.cjs");
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -21,8 +20,7 @@ const cvaButton = classVarianceAuthority.cva(
     "inline-flex",
     "justify-center",
     "items-center",
-    "w-full",
-    "h-full",
+    "size-full",
     "font-daikinSerif",
     "font-bold",
     "rounded",
@@ -103,9 +101,13 @@ exports.DaikinButton = class DaikinButton extends lit.LitElement {
       )}
         aria-disabled=${ifDefined_js.ifDefined(linkDisabled ? "true" : void 0)}
       >
-        <slot name="left-icon"><span class="block -ml-1"></span></slot>
+        <slot name="left-icon" class="icon-size-6">
+          <span class="block -ml-1"></span>
+        </slot>
         <span class="px-2"><slot></slot></span>
-        <slot name="right-icon"><span class="block -mr-1"></span></slot>
+        <slot name="right-icon" class="icon-size-6">
+          <span class="block -mr-1"></span>
+        </slot>
       </a>`;
     }
     return lit.html`
@@ -115,9 +117,13 @@ exports.DaikinButton = class DaikinButton extends lit.LitElement {
         type=${this.type}
         role=${ifDefined_js.ifDefined(this.buttonRole ?? void 0)}
       >
-        <slot name="left-icon"><span class="block -ml-1"></span></slot>
+        <slot name="left-icon" class="icon-size-6">
+          <span class="block -ml-1"></span>
+        </slot>
         <span class="px-2"><slot></slot></span>
-        <slot name="right-icon"><span class="block -mr-1"></span></slot>
+        <slot name="right-icon" class="icon-size-6">
+          <span class="block -mr-1"></span>
+        </slot>
       </button>
     `;
   }
@@ -138,13 +144,13 @@ exports.DaikinButton.styles = lit.css`
     }
 
     :host([size="small"]) {
-      min-width: 52px;
-      height: 32px;
+      min-width: 3.25em;
+      height: 2rem;
     }
 
     :host([size="medium"]) {
-      min-width: 60px;
-      height: 48px;
+      min-width: 3.75em;
+      height: 3rem;
     }
   `;
 __decorateClass([

package/dist/{cjs-dev/components/button/daikin-button.d.ts → cjs/components/button/daikin-button.d.cts}

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
-import { ARIARole } from '../../lit-analyzer-types';
-import { MergeVariantProps } from '../../type-utils';
+import { ARIARole } from "../../lit-analyzer-types.cjs";
+import { MergeVariantProps } from "../../type-utils.cjs";
 declare const cvaButton: (props?: ({
     color?: "default" | "danger" | null | undefined;
     variant?: "fill" | "outline" | "ghost" | null | undefined;
@@ -44,7 +44,7 @@ export declare class DaikinButton extends LitElement {
      */
     color: ButtonVariantProps["color"];
     /**
-     * Whether the button is disabled.
+     * Specify the button disabled state.
      */
     disabled: boolean;
     /**

package/dist/cjs/components/button/index.d.cts

@@ -0,0 +1 @@
+export * from "./daikin-button.cjs";

package/dist/cjs/components/checkbox/daikin-checkbox.cjs

@@ -108,8 +108,8 @@ exports.DaikinCheckbox = class DaikinCheckbox extends lit.LitElement {
           class=${CHECKBOX_CLASS_NAME}
           type="checkbox"
           name=${this.name}
-          value=${this.value}
           aria-label=${this.labelPosition === "hidden" ? this.label : lit.nothing}
+          .value=${this.value}
           .indeterminate=${this.checkState === "indeterminate"}
           .checked=${this.checked}
           ?disabled=${this.disabled}

package/dist/{cjs-dev/components/checkbox/daikin-checkbox.d.ts → cjs/components/checkbox/daikin-checkbox.d.cts}

@@ -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/cjs/components/checkbox/index.d.cts

@@ -0,0 +1 @@
+export * from "./daikin-checkbox.cjs";

package/dist/cjs/components/dropdown/daikin-dropdown.cjs

@@ -4,6 +4,7 @@ const dom = require("@floating-ui/dom");
 const classVarianceAuthority = require("class-variance-authority");
 const lit = require("lit");
 const decorators_js = require("lit/decorators.js");
+const ifDefined_js = require("lit/directives/if-defined.js");
 const clickOutside = require("../../controllers/click-outside.cjs");
 const floatingUiAutoUpdate = require("../../controllers/floating-ui-auto-update.cjs");
 const tailwind = require("../../tailwind.css.cjs");
@@ -29,7 +30,7 @@ const cvaButton = classVarianceAuthority.cva(
     "p-3",
     "border",
     "border-[--color-base]",
-    "rounded-md",
+    "rounded",
     "overflow-hidden",
     "font-daikinSerif",
     "text-left",
@@ -98,13 +99,13 @@ exports.DaikinDropdown = class DaikinDropdown extends lit.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 floatingUiAutoUpdate.FloatingUIAutoUpdateController(this);
@@ -253,7 +254,7 @@ exports.DaikinDropdown = class DaikinDropdown extends lit.LitElement {
     })}
         ?disabled=${this.disabled}
         role="combobox"
-        aria-label=${this.label ?? ""}
+        aria-label=${ifDefined_js.ifDefined(this._label ?? void 0)}
         aria-expanded=${this.open && !this.disabled}
         aria-disabled=${this.disabled}
         aria-controls="dropdown-items"
@@ -267,8 +268,8 @@ exports.DaikinDropdown = class DaikinDropdown extends lit.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_js.ifDefined(this._label ?? void 0)}
         role="listbox"
         @floating-ready=${this._handleFloatingReady}
         ${this._autoUpdateController.refFloating()}
@@ -299,7 +300,9 @@ exports.DaikinDropdown = class DaikinDropdown extends lit.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();
       }
@@ -310,7 +313,7 @@ exports.DaikinDropdown = class DaikinDropdown extends lit.LitElement {
     this.disabled = !!inputGroup.disabled;
     this.required = !!inputGroup.required;
     this.error = isError;
-    this.label = inputGroup.label;
+    this._label = inputGroup.label;
   }
 };
 exports.DaikinDropdown.styles = lit.css`
@@ -326,9 +329,6 @@ exports.DaikinDropdown.styles = lit.css`
     }
   `;
 exports.DaikinDropdown.formAssociated = true;
-__decorateClass([
-  decorators_js.property({ type: String, reflect: true })
-], exports.DaikinDropdown.prototype, "label", 2);
 __decorateClass([
   decorators_js.property({ type: String, reflect: true })
 ], exports.DaikinDropdown.prototype, "value", 2);
@@ -354,8 +354,8 @@ __decorateClass([
   decorators_js.query("button")
 ], exports.DaikinDropdown.prototype, "_button", 2);
 __decorateClass([
-  decorators_js.query("div[popover]")
-], exports.DaikinDropdown.prototype, "_popover", 2);
+  decorators_js.state()
+], exports.DaikinDropdown.prototype, "_label", 2);
 __decorateClass([
   decorators_js.state()
 ], exports.DaikinDropdown.prototype, "_hasSelectedItem", 2);

package/dist/cjs/components/dropdown/{daikin-dropdown.d.ts → daikin-dropdown.d.cts}

@@ -1,5 +1,5 @@
 import { LitElement, PropertyValues } from 'lit';
-import { DaikinInputGroup } from '../input-group';
+import { DaikinInputGroup } from "../input-group/index.cjs";
 /**
  * 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/cjs/components/dropdown/index.d.cts

@@ -0,0 +1 @@
+export * from "./daikin-dropdown.cjs";

package/dist/cjs/components/dropdown-item/index.d.cts

@@ -0,0 +1 @@
+export * from "./daikin-dropdown-item.cjs";

package/dist/cjs/components/icon/daikin-icon.cjs

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const variables_js = require("@daikin-oss/dds-tokens/js/daikin/Light/variables.js");
 const classVarianceAuthority = require("class-variance-authority");
 const lit = require("lit");
 const decorators_js = require("lit/decorators.js");
@@ -23,12 +22,6 @@ const iconClassMap = Object.fromEntries(
 const cvaIcon = classVarianceAuthority.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"],
@@ -43,7 +36,7 @@ exports.DaikinIcon = class DaikinIcon extends lit.LitElement {
     super(...arguments);
     this.icon = null;
     this.color = "default";
-    this.size = "m";
+    this.size = "current";
   }
   render() {
     var _a;
@@ -51,8 +44,7 @@ exports.DaikinIcon = class DaikinIcon extends lit.LitElement {
     return lit.html`<span
       class=${cvaIcon({
       icon: this.icon,
-      color: this.color,
-      size: this.size
+      color: this.color
     })}
       style=${`--default-color:${defaultColor ?? "#000000"}`}
       role="presentation"
@@ -63,13 +55,25 @@ exports.DaikinIcon.styles = lit.css`
     ${lit.unsafeCSS(tailwind.default)}
 
     :host {
-      --size-s: ${lit.unsafeCSS(variables_js.space12)};
-      --size-m: ${lit.unsafeCSS(variables_js.space16)};
-      --size-l: ${lit.unsafeCSS(variables_js.space20)};
-      --size-xl: ${lit.unsafeCSS(variables_js.space24)};
+      display: inline-block;
+      width: var(--dds-icon-size, 100%);
+      height: var(--dds-icon-size, 100%);
+    }
+
+    :host([size="s"]) {
+      --dds-icon-size: 12px;
+    }
+
+    :host([size="m"]) {
+      --dds-icon-size: 16px;
+    }
+
+    :host([size="l"]) {
+      --dds-icon-size: 20px;
+    }
 
-      display: block;
-      width: max-content;
+    :host([size="xl"]) {
+      --dds-icon-size: 24px;
     }
   `;
 __decorateClass([

package/dist/{cjs-dev/components/icon/daikin-icon.d.ts → cjs/components/icon/daikin-icon.d.cts}

@@ -1,12 +1,11 @@
 import { LitElement } from 'lit';
-import { MergeVariantProps } from '../../type-utils';
-import { icons } from './icons.json';
+import { MergeVariantProps } from "../../type-utils.cjs";
+import { icons } from "./icons.json.cjs";
 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?: "default" | "black" | "white" | "current" | 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 [--dds-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, `--dds-icon-size` CSS variable will be used. `--dds-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/cjs/components/icon/icons.json.cjs

@@ -25,6 +25,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"
@@ -33,6 +45,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
@@ -48,6 +64,10 @@ const icons = {
   "chevron-right": {
     "class": "i-daikin-chevron-right",
     color: null
+  },
+  sort: {
+    "class": "i-daikin-sort",
+    color: null
   }
 };
 exports.icons = icons;

package/dist/{cjs-dev/components/icon/icons.json.d.ts → cjs/components/icon/icons.json.d.cts}

@@ -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/cjs/components/icon/index.d.cts

@@ -0,0 +1 @@
+export * from "./daikin-icon.cjs";