@daikin-oss/design-system-web-components 1.3.1 → 1.4.0-next.0

package/dist/cjs-dev/components/badge/daikin-badge.cjs

@@ -0,0 +1,133 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const classVarianceAuthority = require("class-variance-authority");
+const lit = require("lit");
+const decorators_js = require("lit/decorators.js");
+const ddsElement = require("../../base/dds-element.cjs");
+require("../../base/dds-form-element.cjs");
+const decorators = require("../../base/decorators.cjs");
+require("../../base/define.cjs");
+const tailwind = require("../../tailwind.css.cjs");
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators2, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators2.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators2[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+const cvaBadge = classVarianceAuthority.cva(["absolute", "rounded-full"], {
+  variants: {
+    type: {
+      number: [
+        "h-4",
+        "min-w-4",
+        "px-1",
+        "text-[10px]",
+        "font-normal",
+        "font-daikinSerif",
+        "text-white",
+        "flex",
+        "items-center",
+        "justify-center",
+        "-top-[2px]",
+        "-right-[2px]",
+        "before:content-[attr(data-count)]",
+        "before:leading-none",
+        "before:whitespace-nowrap",
+        "data-[count=0]:hidden"
+      ],
+      dot: ["w-2", "h-2", "top-1", "right-1"]
+    },
+    color: {
+      danger: ["bg-ddt-color-common-danger-default"],
+      alarm: ["bg-ddt-color-common-alarm"],
+      warning: ["bg-ddt-color-common-warning"],
+      success: ["bg-ddt-color-common-success"],
+      information: ["bg-ddt-color-common-information"]
+    }
+  }
+});
+exports.DaikinBadge = class DaikinBadge extends ddsElement.DDSElement {
+  constructor() {
+    super(...arguments);
+    this.type = "dot";
+    this.count = null;
+    this.maxCount = "99";
+    this.invisible = false;
+    this.color = "danger";
+  }
+  /**
+   * Computes the actual number to display in the badge.
+   * - If count is null or invalid, displays "0".
+   * - If count exceeds maxCount, displays "maxCount+".
+   * - Otherwise, displays the actual number.
+   */
+  get _count() {
+    if (this.count == null) {
+      return "0";
+    }
+    const count = parseInt(this.count, 10);
+    const maxCount = this.maxCount ? parseInt(this.maxCount, 10) : null;
+    if (isNaN(count) || count < 0) {
+      return "0";
+    }
+    if (maxCount != null && !isNaN(maxCount) && count > maxCount) {
+      return `${maxCount.toLocaleString()}+`;
+    }
+    return count.toLocaleString();
+  }
+  /**
+   * Renders the badge component.
+   * - Renders a small dot when type="dot".
+   * - Renders a number when type="number" and count > 0.
+   * - Does not render the badge if invisible=true.
+   * - The slot wraps the icon button.
+   */
+  render() {
+    return lit.html`
+      <slot></slot>
+      <span
+        role="presentation"
+        data-count=${this._count}
+        class=${cvaBadge({
+      type: this.type,
+      color: this.color
+    })}
+        ?hidden=${this.invisible}
+      ></span>
+    `;
+  }
+};
+exports.DaikinBadge.styles = lit.css`
+    ${lit.unsafeCSS(tailwind.default)}
+
+    :host {
+      display: inline-flex;
+      position: relative;
+    }
+
+    span[hidden] {
+      display: none;
+    }
+  `;
+__decorateClass([
+  decorators_js.property({ type: String, reflect: true })
+], exports.DaikinBadge.prototype, "type", 2);
+__decorateClass([
+  decorators_js.property({ type: String, reflect: true })
+], exports.DaikinBadge.prototype, "count", 2);
+__decorateClass([
+  decorators_js.property({ type: String, reflect: true, attribute: "max-count" })
+], exports.DaikinBadge.prototype, "maxCount", 2);
+__decorateClass([
+  decorators_js.property({ type: Boolean, reflect: true })
+], exports.DaikinBadge.prototype, "invisible", 2);
+__decorateClass([
+  decorators_js.property({ type: String, reflect: true })
+], exports.DaikinBadge.prototype, "color", 2);
+exports.DaikinBadge = __decorateClass([
+  decorators.ddsElement("daikin-badge")
+], exports.DaikinBadge);

package/dist/cjs-dev/components/badge/daikin-badge.d.cts

@@ -0,0 +1,85 @@
+import { DDSElement } from "../../base/index.cjs";
+/**
+ * A badge is used to display notification counts, status indicators, or small dots in the UI—commonly for message alerts or status marking.
+ *
+ * @slot - A slot for anchoring element. Place `daikin-icon-button` here.
+ *
+ * @example
+ *
+ * ```js
+ * import "@daikin-oss/design-system-web-components/components/badge/index.js";
+ * import "@daikin-oss/design-system-web-components/components/icon/index.js";
+ * import "@daikin-oss/design-system-web-components/components/icon-button/index.js";
+ * ```
+ *
+ * ```html
+ * <daikin-badge count="42" max-count="999" color="danger">
+ *   <daikin-icon-button variant="ghost" size="m" buttonAriaLabel="42 unread notifications">
+ *     <daikin-icon
+ *       class="w-8 h-8"
+ *       icon="notification"
+ *       size="current"
+ *       color="current"
+ *     >
+ *     </daikin-icon>
+ *   </daikin-icon-button>
+ * </daikin-badge>
+ * ```
+ */
+export declare class DaikinBadge extends DDSElement {
+    static readonly styles: import('lit').CSSResult;
+    /**
+     * Badge type.
+     * - "number": Displays a number (e.g., message count, quantity).
+     * - "dot": Displays only a small dot (e.g., status indicator).
+     * @default "dot"
+     */
+    type: "number" | "dot";
+    /**
+     * The numeric content displayed in the badge.
+     * Only effective when type="number".
+     * Accepts a string or null; will be parsed as a number internally.
+     * @example "5"
+     */
+    count: string | null;
+    /**
+     * The maximum number to display in the badge.
+     * If the count exceeds this value, it will display as "maxCount+", e.g., "99+".
+     * Only effective when type="number".
+     * @example "99"
+     */
+    maxCount: string | null;
+    /**
+     * Whether to hide the badge.
+     * - true: The badge is not displayed (slot content remains visible).
+     * - false: The badge is displayed normally.
+     * @default false
+     */
+    invisible: boolean;
+    /**
+     * Badge color.
+     * Supports predefined semantic color tokens (danger, alarm, warning, success, information).
+     * @default "danger"
+     */
+    color: "danger" | "alarm" | "warning" | "success" | "information";
+    /**
+     * Computes the actual number to display in the badge.
+     * - If count is null or invalid, displays "0".
+     * - If count exceeds maxCount, displays "maxCount+".
+     * - Otherwise, displays the actual number.
+     */
+    private get _count();
+    /**
+     * Renders the badge component.
+     * - Renders a small dot when type="dot".
+     * - Renders a number when type="number" and count > 0.
+     * - Does not render the badge if invisible=true.
+     * - The slot wraps the icon button.
+     */
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "daikin-badge": DaikinBadge;
+    }
+}

package/dist/cjs-dev/components/badge/index.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const daikinBadge = require("./daikin-badge.cjs");
+Object.defineProperty(exports, "DaikinBadge", {
+  enumerable: true,
+  get: () => daikinBadge.DaikinBadge
+});

package/dist/cjs-dev/components/badge/index.d.cts

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

package/dist/cjs-dev/components/button/daikin-button.d.cts

@@ -2,7 +2,7 @@ import { DDSFormSubmitElement } from "../../base/index.cjs";
 import { ARIARole } from "../../lit-analyzer-types.cjs";
 import { MergeVariantProps } from "../../type-utils.cjs";
 declare const cvaButton: (props?: ({
-    color?: "default" | "danger" | null | undefined;
+    color?: "danger" | "default" | null | undefined;
     variant?: "fill" | "outline" | "ghost" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/cjs-dev/components/calendar/daikin-calendar.cjs

@@ -131,6 +131,7 @@ exports.DaikinCalendar = class DaikinCalendar extends ddsElement.DDSElement {
     this.max = "2099-12-31";
     this.defaultValue = null;
     this.view = "day";
+    this._lastFocusedDate = null;
     this._dateToBeFocused = null;
     this._viewDate = getToday();
   }
@@ -177,6 +178,7 @@ exports.DaikinCalendar = class DaikinCalendar extends ddsElement.DDSElement {
   }
   _navigateMonth(date, offset) {
     this._viewDate = calendarCommon.getDateByMonthOffsetClamped(date, offset);
+    this._lastFocusedDate = null;
   }
   _handleCalendarClick(date) {
     this.value = calendarCommon.formatDateForProperty(date);
@@ -208,6 +210,7 @@ exports.DaikinCalendar = class DaikinCalendar extends ddsElement.DDSElement {
       `[data-type=day][data-date="${calendarCommon.formatDateForProperty(dateToBeFocused)}"]`
     );
     if (dateButton && calendarCommon.isSameYearMonth(dateToBeFocused, focusedDate)) {
+      this._lastFocusedDate = dateToBeFocused;
       dateButton.focus();
     } else {
       this._dateToBeFocused = dateToBeFocused;
@@ -363,7 +366,19 @@ exports.DaikinCalendar = class DaikinCalendar extends ddsElement.DDSElement {
       viewDate.getUTCFullYear(),
       viewDate.getUTCMonth()
     );
-    const focusable = value && calendarCommon.isSameYearMonth(viewDate, value) ? value : calendarCommon.isSameYearMonth(viewDate, today) ? today : calendarCommon.clampDate(viewDate, min, max);
+    const focusable = (
+      // If the last focused date is in the same month as the view date, use it as the focusable date.
+      this._lastFocusedDate && calendarCommon.isSameYearMonth(viewDate, this._lastFocusedDate) ? this._lastFocusedDate : (
+        // If the value is in the same month as the view date, use it as the focusable date.
+        value && calendarCommon.isSameYearMonth(viewDate, value) ? value : (
+          // If today's date is in the same month as the view date, use it as the focusable date.
+          calendarCommon.isSameYearMonth(viewDate, today) ? today : (
+            // Otherwise, use the first day of the month (clamped).
+            calendarCommon.clampDate(calendarCommon.toFirstDayOfMonth(viewDate), min, max)
+          )
+        )
+      )
+    );
     return lit.html`<div class="flex flex-col gap-2 w-full h-72" role="grid">
       <div class="flex gap-1 flex-wrap w-full px-4" role="row">
         ${repeat_js.repeat(
@@ -398,9 +413,7 @@ exports.DaikinCalendar = class DaikinCalendar extends ddsElement.DDSElement {
         })}
                     role="gridcell"
                     ?disabled=${calendarCommon.isDateOutOfRange(date, min, max)}
-                    tabindex=${ifDefined_js.ifDefined(
-          focusable.getTime() != date.getTime() ? -1 : void 0
-        )}
+                    tabindex=${date.getTime() === focusable.getTime() ? lit.nothing : -1}
                     aria-current=${date.getTime() === today.getTime() ? "date" : lit.nothing}
                     aria-selected=${date.getTime() === (value == null ? void 0 : value.getTime())}
                     data-type="day"
@@ -509,11 +522,14 @@ exports.DaikinCalendar = class DaikinCalendar extends ddsElement.DDSElement {
     }
   }
   updated(changedProperties) {
-    if (changedProperties.has("_viewDate") && this._dateToBeFocused != null) {
+    if (this._dateToBeFocused != null) {
       const dateButton = this.renderRoot.querySelector(
         `[data-type=day][data-date="${calendarCommon.formatDateForProperty(this._dateToBeFocused)}"]`
       );
-      dateButton == null ? void 0 : dateButton.focus();
+      if (dateButton) {
+        this._lastFocusedDate = this._dateToBeFocused;
+        dateButton.focus();
+      }
       this._dateToBeFocused = null;
     }
     if (changedProperties.get("view") != null) {
@@ -556,6 +572,12 @@ __decorateClass([
 __decorateClass([
   decorators_js.property({ type: String, attribute: false })
 ], exports.DaikinCalendar.prototype, "view", 2);
+__decorateClass([
+  decorators_js.state()
+], exports.DaikinCalendar.prototype, "_lastFocusedDate", 2);
+__decorateClass([
+  decorators_js.state()
+], exports.DaikinCalendar.prototype, "_dateToBeFocused", 2);
 __decorateClass([
   decorators_js.state()
 ], exports.DaikinCalendar.prototype, "_viewDate", 2);

package/dist/cjs-dev/components/calendar/daikin-calendar.d.cts

@@ -46,6 +46,15 @@ export declare class DaikinCalendar extends DDSElement {
      * Intended for use only by `daikin-date-picker`.
      */
     view: "year" | "month" | "day";
+    /**
+     * The date that was last focused.
+     * Used to preserve focus when tabbing out and back in.
+     */
+    private _lastFocusedDate;
+    /**
+     * The date to be focused.
+     * Used to set focus on a date that is not in the current view (year and month).
+     */
     private _dateToBeFocused;
     private get _value();
     private get _min();

package/dist/cjs-dev/components/combobox/daikin-combobox.cjs

@@ -106,8 +106,11 @@ const cvaOption = classVarianceAuthority.cva(
           "active:var-color-ddt-color-common-surface-selected-press/color-primary",
           "after:i-daikin-dropdown-check",
           "after:size-6",
-          "after:flex-none",
-          "justify-between"
+          "pr-10",
+          "after:absolute",
+          "after:right-3",
+          "after:top-1/2",
+          "after:-translate-y-1/2"
         ]
       },
       disabled: {
@@ -433,7 +436,7 @@ exports.DaikinCombobox = class DaikinCombobox extends ddsFormElement.DDSFormElem
           aria-label=${ifDefined_js.ifDefined(this._label ?? void 0)}
           aria-expanded=${this.open && !this.disabled}
           aria-disabled=${this.disabled}
-          aria-controls="combobox-items"
+          aria-controls=${ifDefined_js.ifDefined(this.open ? "combobox-items" : void 0)}
           aria-autocomplete="list"
           aria-required=${this.required}
           aria-haspopup="listbox"

package/dist/cjs-dev/components/date-picker/daikin-date-picker.cjs

@@ -12,6 +12,7 @@ const ddsFormElement = require("../../base/dds-form-element.cjs");
 const decorators = require("../../base/decorators.cjs");
 require("../../base/define.cjs");
 const floatingUiAutoUpdate = require("../../controllers/floating-ui-auto-update.cjs");
+const focusTrap = require("../../controllers/focus-trap.cjs");
 const tailwind = require("../../tailwind.css.cjs");
 const calendarCommon = require("../../utils/calendar-common.cjs");
 const reDispatch = require("../../utils/re-dispatch.cjs");
@@ -58,7 +59,7 @@ const cvaField = classVarianceAuthority.cva(
     "pl-4",
     "pr-10",
     "rounded",
-    "overflow-hidden",
+    "truncate",
     "outline",
     "outline-[--color-border]",
     "outline-0",
@@ -245,6 +246,18 @@ exports.DaikinDatePicker = class DaikinDatePicker extends ddsFormElement.DDSForm
     this._autoUpdateController = new floatingUiAutoUpdate.FloatingUIAutoUpdateController(this);
     this._dateInputElement = ref_js.createRef();
     this._calendarElement = ref_js.createRef();
+    this._calendarButtonElement = ref_js.createRef();
+    this._ignoreCloseByFocusTrap = false;
+    this._handleCloseCalendar = () => {
+      var _a;
+      if (this._ignoreCloseByFocusTrap) return;
+      this.open = false;
+      (_a = this._calendarButtonElement.value) == null ? void 0 : _a.focus();
+    };
+    this._focusTrapController = new focusTrap.FocusTrapController(
+      this,
+      this._handleCloseCalendar
+    );
   }
   get _value() {
     return calendarCommon.tryParseDateFromProperty(this.value);
@@ -408,7 +421,11 @@ exports.DaikinDatePicker = class DaikinDatePicker extends ddsFormElement.DDSForm
     }
     this._emitSelect();
   }
+  _handlePointerDown() {
+    this._ignoreCloseByFocusTrap = true;
+  }
   _handlePointerUp() {
+    this._ignoreCloseByFocusTrap = false;
     if (this.disabled || this.readonly) {
       return;
     }
@@ -506,12 +523,14 @@ exports.DaikinDatePicker = class DaikinDatePicker extends ddsFormElement.DDSForm
           @mouseup=${this._handleMouseUp}
         />
         <daikin-icon-button
+          ${ref_js.ref(this._calendarButtonElement)}
           class="absolute top-0 bottom-0 right-2 m-auto"
           type="button"
           color="neutral"
           variant="ghost"
           button-aria-label="Open the date picker"
           ?disabled=${this.disabled}
+          @pointerdown=${this._handlePointerDown}
           @pointerup=${this._handlePointerUp}
           @keydown=${this._handleCalendarKeyDown}
         >
@@ -520,6 +539,7 @@ exports.DaikinDatePicker = class DaikinDatePicker extends ddsFormElement.DDSForm
       </div>
       <daikin-calendar
         ${ref_js.ref(this._calendarElement)}
+        ${this._focusTrapController.refContainer()}
         id="calendar"
         .value=${this._value ? calendarCommon.formatDateForProperty(this._value) : null}
         min=${calendarCommon.formatDateForProperty(min)}
@@ -527,7 +547,7 @@ exports.DaikinDatePicker = class DaikinDatePicker extends ddsFormElement.DDSForm
         default-value=${ifDefined_js.ifDefined(
       this._defaultValue ? calendarCommon.formatDateForProperty(this._defaultValue) : void 0
     )}
-        popover="auto"
+        popover="manual"
         class="absolute left-[--floating-x,0] top-[--floating-y,0]"
         @toggle=${this._handleToggle}
         @select=${this._handleSelect}
@@ -546,6 +566,10 @@ exports.DaikinDatePicker = class DaikinDatePicker extends ddsFormElement.DDSForm
         },
         this.open
       )
+    )}
+      ${guard_js.guard(
+      [this.open],
+      () => this._focusTrapController.directive(this.open)
     )}`;
   }
   willUpdate(changedProperties) {

package/dist/cjs-dev/components/date-picker/daikin-date-picker.d.cts

@@ -70,12 +70,16 @@ export declare class DaikinDatePicker extends DDSFormElement {
     private _autoUpdateController;
     private _dateInputElement;
     private _calendarElement;
+    private _calendarButtonElement;
     private get _value();
     private get _min();
     private get _max();
     private get _defaultValue();
     private get _viewDate();
     private get _open();
+    private _ignoreCloseByFocusTrap;
+    private _handleCloseCalendar;
+    private readonly _focusTrapController;
     private _emitSelect;
     private _handleFocusIn;
     private _handleFocusOut;
@@ -84,6 +88,7 @@ export declare class DaikinDatePicker extends DDSFormElement {
     private _handleKeyDown;
     private _handleBeforeInput;
     private _handleSelect;
+    private _handlePointerDown;
     private _handlePointerUp;
     private _handleCalendarKeyDown;
     private _handleToggle;

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

@@ -4,7 +4,6 @@ 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 ref_js = require("lit/directives/ref.js");
 require("../../base/dds-element.cjs");
 const ddsFormElement = require("../../base/dds-form-element.cjs");
@@ -326,6 +325,7 @@ exports.DaikinDropdown = class DaikinDropdown extends ddsFormElement.DDSFormElem
     return lit.html`<div class="w-full" @keydown=${this._handleKeyDown}>
       <button
         ${ref_js.ref(this._dropdownRef)}
+        id="dropdown-button"
         type="button"
         class=${cvaButton({
       open: this.open,
@@ -336,7 +336,7 @@ exports.DaikinDropdown = class DaikinDropdown extends ddsFormElement.DDSFormElem
         aria-label=${this._label ?? fallbackLabel}
         aria-expanded=${this.open && !this.disabled}
         aria-disabled=${this.disabled}
-        aria-controls="dropdown-items"
+        aria-controls=${this.open ? "dropdown-items" : lit.nothing}
         aria-required=${this.required}
         aria-haspopup="listbox"
         @pointerup=${this._handlePointerUp}
@@ -350,16 +350,14 @@ exports.DaikinDropdown = class DaikinDropdown extends ddsFormElement.DDSFormElem
       </button>
       <div
         id="dropdown-items"
+        role="listbox"
         popover="manual"
         class="flex flex-col overflow-hidden floating-unready:hidden absolute left-[--floating-x,0] top-[--floating-y,0] min-w-[--floating-width] max-h-[12.5rem] border border-ddt-color-divider opacity-1 transition-[opacity] rounded max-w-min"
+        aria-labelledby="dropdown-button"
         @floating-ready=${this._handleFloatingReady}
         ${this._autoUpdateController.refFloating()}
       >
-        <div
-          class="flex-1 overflow-y-auto break-all"
-          aria-label=${ifDefined_js.ifDefined(this._label ?? void 0)}
-          role="listbox"
-        >
+        <div class="flex-1 overflow-y-auto break-all">
           <slot
             @slotchange=${this._handleSlotChange}
             @select=${this._handleSelect}

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

@@ -193,19 +193,19 @@ exports.DaikinIcon.styles = lit.css`
     }
 
     :host([size="s"]) {
-      --ddc-icon-size: 12px;
+      --ddc-icon-size: 16px;
     }
 
     :host([size="m"]) {
-      --ddc-icon-size: 16px;
+      --ddc-icon-size: 24px;
     }
 
     :host([size="l"]) {
-      --ddc-icon-size: 20px;
+      --ddc-icon-size: 32px;
     }
 
     :host([size="xl"]) {
-      --ddc-icon-size: 24px;
+      --ddc-icon-size: 40px;
     }
   `;
 __decorateClass([

package/dist/cjs-dev/components/icon/daikin-icon.d.cts

@@ -78,6 +78,14 @@ declare const icons: {
         class: string;
         color: null;
     };
+    notification: {
+        class: string;
+        color: null;
+    };
+    neutral: {
+        class: string;
+        color: null;
+    };
 };
 export declare const iconList: string[];
 export type IconType = keyof typeof icons;

package/dist/cjs-dev/components/icon/icons.json.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-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 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 }, "notification": { "class": "i-daikin-notification", "color": null }, "neutral": { "class": "i-daikin-neutral", "color": null } };
 const iconsJson = {
   icons
 };

package/dist/cjs-dev/components/icon/icons.json.d.cts

@@ -75,6 +75,14 @@ declare const _default: {
     "cross": {
       "class": "i-daikin-close",
       "color": null
+    },
+    "notification": {
+      "class": "i-daikin-notification",
+      "color": null
+    },
+    "neutral": {
+      "class": "i-daikin-neutral",
+      "color": null
     }
   }
 }

package/dist/cjs-dev/components/icon-button/daikin-icon-button.d.cts

@@ -2,7 +2,7 @@ import { DDSFormSubmitElement } from "../../base/index.cjs";
 import { ARIARole } from "../../lit-analyzer-types.cjs";
 import { MergeVariantProps } from "../../type-utils.cjs";
 declare const cvaIconButton: (props?: ({
-    color?: "default" | "danger" | "neutral" | null | undefined;
+    color?: "danger" | "default" | "neutral" | null | undefined;
     variant?: "fill" | "outline" | "ghost" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type IconButtonVariantProps = MergeVariantProps<typeof cvaIconButton>;

package/dist/cjs-dev/components/index.cjs

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const daikinAccordion = require("./accordion/daikin-accordion.cjs");
 const daikinAccordionItem = require("./accordion-item/daikin-accordion-item.cjs");
 const daikinAvatar = require("./avatar/daikin-avatar.cjs");
+const daikinBadge = require("./badge/daikin-badge.cjs");
 const daikinBreadcrumb = require("./breadcrumb/daikin-breadcrumb.cjs");
 const daikinBreadcrumbItem = require("./breadcrumb-item/daikin-breadcrumb-item.cjs");
 const daikinButton = require("./button/daikin-button.cjs");
@@ -40,6 +41,7 @@ const daikinRadio = require("./radio/daikin-radio.cjs");
 const daikinRadioGroup = require("./radio-group/daikin-radio-group.cjs");
 const daikinSelect = require("./select/daikin-select.cjs");
 const daikinSlider = require("./slider/daikin-slider.cjs");
+const daikinStatusMessage = require("./status-message/daikin-status-message.cjs");
 const daikinTab = require("./tab/daikin-tab.cjs");
 const daikinTabPanels = require("./tab-panels/daikin-tab-panels.cjs");
 const daikinTable = require("./table/daikin-table.cjs");
@@ -69,6 +71,10 @@ Object.defineProperty(exports, "DaikinAvatar", {
   enumerable: true,
   get: () => daikinAvatar.DaikinAvatar
 });
+Object.defineProperty(exports, "DaikinBadge", {
+  enumerable: true,
+  get: () => daikinBadge.DaikinBadge
+});
 Object.defineProperty(exports, "DaikinBreadcrumb", {
   enumerable: true,
   get: () => daikinBreadcrumb.DaikinBreadcrumb
@@ -219,6 +225,10 @@ Object.defineProperty(exports, "DaikinSlider", {
   enumerable: true,
   get: () => daikinSlider.DaikinSlider
 });
+Object.defineProperty(exports, "DaikinStatusMessage", {
+  enumerable: true,
+  get: () => daikinStatusMessage.DaikinStatusMessage
+});
 Object.defineProperty(exports, "DaikinTab", {
   enumerable: true,
   get: () => daikinTab.DaikinTab

package/dist/cjs-dev/components/index.d.cts

@@ -1,6 +1,7 @@
 export * from "./accordion/index.cjs";
 export * from "./accordion-item/index.cjs";
 export * from "./avatar/index.cjs";
+export * from "./badge/index.cjs";
 export * from "./breadcrumb/index.cjs";
 export * from "./breadcrumb-item/index.cjs";
 export * from "./button/index.cjs";
@@ -38,6 +39,7 @@ export * from "./radio/index.cjs";
 export * from "./radio-group/index.cjs";
 export * from "./select/index.cjs";
 export * from "./slider/index.cjs";
+export * from "./status-message/index.cjs";
 export * from "./tab/index.cjs";
 export * from "./tab-panels/index.cjs";
 export * from "./table/index.cjs";