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

package/CHANGELOG.md

@@ -1,5 +1,150 @@
 # @daikin-oss/design-system-web-components
 
+## 1.3.0-next.2
+
+### Minor Changes
+
+- [#244](https://github.com/dsv-rp/DDS/pull/244) [`31675c7`](https://github.com/dsv-rp/DDS/commit/31675c78cd74ee25f2bcd48dbaa8818074e593e7) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Time Picker: Add Time Picker component. (DDS-2429)
+
+- [#227](https://github.com/dsv-rp/DDS/pull/227) [`1b2450a`](https://github.com/dsv-rp/DDS/commit/1b2450a37d5a8ecfbd3b5caf3ddd90ba80a69482) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Combobox: Initial Implementation. (DDS-1876)
+
+- [#254](https://github.com/dsv-rp/DDS/pull/254) [`ee7ff8c`](https://github.com/dsv-rp/DDS/commit/ee7ff8cd6aa31c8355574a9ab54cd13149259909) Thanks [@dk-wei](https://github.com/dk-wei)! - Icon Button: Added the `size` attribute to support larger sizes. (DDS-2577)
+
+- [#238](https://github.com/dsv-rp/DDS/pull/238) [`4739419`](https://github.com/dsv-rp/DDS/commit/47394199565b8e08e4d64bb1bad9980069705020) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Date Range: Add date range recipe.
+
+- [#239](https://github.com/dsv-rp/DDS/pull/239) [`6356f23`](https://github.com/dsv-rp/DDS/commit/6356f2365d1035a96c7c7672be67c0053ad088b8) Thanks [@yodas7](https://github.com/yodas7)! - Icon: Added custom icon registration feature that allows registering and using custom icons via the icon registry. (DDS-2509)
+
+- [#231](https://github.com/dsv-rp/DDS/pull/231) [`817ba1e`](https://github.com/dsv-rp/DDS/commit/817ba1e7cd386e67fadc7701b00124c66b802f07) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Chip: Initial Implementation. (DDS-2398)
+
+- [#229](https://github.com/dsv-rp/DDS/pull/229) [`cd1a53e`](https://github.com/dsv-rp/DDS/commit/cd1a53e23d7116667905faf640814174f8bc21ba) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Login: Add Login Recipe. (DDS-2410)
+
+- [#243](https://github.com/dsv-rp/DDS/pull/243) [`3a70b2c`](https://github.com/dsv-rp/DDS/commit/3a70b2cef781d5bea10f88689f4de8d24d8104c9) Thanks [@yodas7](https://github.com/yodas7)! - Text Masked Field: Initial Implementation. (DDS-2412)
+
+### Patch Changes
+
+- [#256](https://github.com/dsv-rp/DDS/pull/256) [`c049117`](https://github.com/dsv-rp/DDS/commit/c049117b05e92c73827d84c50f953f6cc89491c9) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Dropdown: Fixed an issue where the dropdown would not close on Safari. (DDS-2593)
+  Dropdown: Fixed an issue where the dropdown would not open on iOS Safari.
+  Time Picker: Added a story and test cases for the component's ​error state​. (DDS-2595)
+  Time Picker: Update min and max property docs​. (DDS-2594)
+
+- [#234](https://github.com/dsv-rp/DDS/pull/234) [`c39282e`](https://github.com/dsv-rp/DDS/commit/c39282e48b4e655a4852610bd36d25fa02bd0ef0) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Date Picker: Fixed the issue where the floating popup did not automatically adjust its position based on the component's location, as well as the unstable open state on touch devices.
+  Dropdown: Fixed the issue where the unstable open state on touch devices.
+
+- [#226](https://github.com/dsv-rp/DDS/pull/226) [`1b008d4`](https://github.com/dsv-rp/DDS/commit/1b008d45846d7a7772b67d22e0cf952134e4abf1) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Storybook: Updated the code in the Show Code section of the data display docs to make it easier for users to reference. (DDS-2467)
+
+- [#214](https://github.com/dsv-rp/DDS/pull/214) [`c5d8397`](https://github.com/dsv-rp/DDS/commit/c5d8397a978b657edaafc2bdf59b7063a5256b9b) Thanks [@dk-wei](https://github.com/dk-wei)! - Carousel: Wrap text in carousel items so that the size of the carousel items does not exceed the container.
+
+- [#228](https://github.com/dsv-rp/DDS/pull/228) [`5a3273f`](https://github.com/dsv-rp/DDS/commit/5a3273fd29ce90e31b196ac4b8b2c60005e22f8c) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Table: Updated the docs for better user understanding. (DDS-2469)
+  Text Field: Fix the issue when click the clear button can't fire input event and it will get a wrong value from `event.target.value` . (DDS-2468)
+
+- [#258](https://github.com/dsv-rp/DDS/pull/258) [`a17712c`](https://github.com/dsv-rp/DDS/commit/a17712ca5ccf6c5ba45cd46efba1ace4b1368d60) Thanks [@yodas7](https://github.com/yodas7)! - Table: The sort icon in table header rows now changes based on the sort state. (DDS-2503)
+  Table Header Cell: Added an `order` property to control the sort icon display. (DDS-2503)
+
+- [#246](https://github.com/dsv-rp/DDS/pull/246) [`1c3c47e`](https://github.com/dsv-rp/DDS/commit/1c3c47e4aa329e6f670793a2ab041d3c8a37050f) Thanks [@yodas7](https://github.com/yodas7)! - Dropdown: Always set button labels to improve accessibility. (DDS-2539)
+
+- [#221](https://github.com/dsv-rp/DDS/pull/221) [`8612e63`](https://github.com/dsv-rp/DDS/commit/8612e637b608a01b6276e186d86aca7af02032d9) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Storybook: Changed the control for icon-related properties in Controls from text input to a dropdown list. (DDS-2425)
+
+- [#251](https://github.com/dsv-rp/DDS/pull/251) [`349f760`](https://github.com/dsv-rp/DDS/commit/349f7609be3e394ba7522a3b495072ed00f25c48) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - List Item: Fixed an issue where the left-side icon would shrink when the content was too long. (DDS-2492)
+  Tooltip: Updated the component documentation. (DDS-2496)
+  Tooltip: Fixed a bug where the popover would unintentionally open upon clicking the trigger when the tooltip was set to the manual control. (DDS-2559)
+  Radio Group: Fixed an issue where components were not exported from the root file.
+  Chip: Fixed an issue where components were not exported from the root file.
+  Card: Fixed the appearance of the card footer button to use the outline variant.
+  Dropdown: Fixed an issue where the dropdown's ​scrollbar overlapped a portion of the border radius. (DDS-2544)
+  Combobox: Fixed an issue where the dropdown's ​scrollbar overlapped a portion of the border radius. (DDS-2544)
+
+- [#241](https://github.com/dsv-rp/DDS/pull/241) [`032b288`](https://github.com/dsv-rp/DDS/commit/032b288b4d57f53a2e14fc189e52f44b84a2a89d) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Explicitly set the `type` attribute of the `<button>` elements in the following components to `"button"` to avoid ambiguity and potential issues.
+
+  - daikin-accordion-item
+  - daikin-avatar
+  - daikin-calendar
+  - daikin-carousel
+  - daikin-tab
+
+## 1.2.0
+
+### Minor Changes
+
+- [#190](https://github.com/dsv-rp/DDS/pull/190) [`9d1e55b`](https://github.com/dsv-rp/DDS/commit/9d1e55bda7a4032702332b2f894b26fb354a1751) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Using Material Icons as the source for the component icons and have standardized some of the icon names. (DDS-2249)
+
+- [#193](https://github.com/dsv-rp/DDS/pull/193) [`a726caa`](https://github.com/dsv-rp/DDS/commit/a726caa048f528aedda421ace0388683ebd3c804) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Header: Add Recipe. (DDS-2169)
+  Data Display: Add Recipe. (DDS-2284)
+
+- [#194](https://github.com/dsv-rp/DDS/pull/194) [`3a0834a`](https://github.com/dsv-rp/DDS/commit/3a0834aade4661eb1b2df6a05a273a9c45c90568) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Button: Fixed an issue where the button did not function as a submit button.
+  Icon Button: Fixed an issue where the button did not function as a submit button.
+  Checkbox: Added `form` attribute. (DDS-2254)
+  Date Picker: Added `form` attribute. (DDS-2254)
+  Dropdown: Added `form` and `name` attributes. (DDS-2254)
+  Dropdown: Fixed an issue where the component is not acting as a form control. (DDS-2254)
+  Radio Group: Added `form` attribute. (DDS-2254)
+  Radio: Added `form` attribute. (DDS-2254)
+  Slider: Added `form` attribute. (DDS-2254)
+  Text Area: Added `form` attribute. (DDS-2254)
+  Text Field: Added `form` attribute. (DDS-2254)
+  Toggle: Added `form` attribute. (DDS-2254)
+
+- [#204](https://github.com/dsv-rp/DDS/pull/204) [`219547a`](https://github.com/dsv-rp/DDS/commit/219547afb633c0e05504307fa1638852e7b5ec52) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Button: Add large size variant. (DDS-2323)
+
+- [#202](https://github.com/dsv-rp/DDS/pull/202) [`415ddc5`](https://github.com/dsv-rp/DDS/commit/415ddc59a7cd3ca209f6a5c112fc0245bf2e17b6) Thanks [@yodas7](https://github.com/yodas7)! - Date Picker: Initial Implementation. (DDS-1703)
+  Calender: Initial Implementation. (DDS-1704)
+
+- [#182](https://github.com/dsv-rp/DDS/pull/182) [`08cea1b`](https://github.com/dsv-rp/DDS/commit/08cea1bc3a7250a8cbad44363aeb8bb7d2bc084a) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Modal: Initial Implementation. (DDS-1723)
+
+### Patch Changes
+
+- [#200](https://github.com/dsv-rp/DDS/pull/200) [`625ff76`](https://github.com/dsv-rp/DDS/commit/625ff763ee3a41bdf1d448575617b4faf18f0c16) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Loading: Update story appearance and comment about background property. (DDS-2099)
+  Password: Update story and fixed an issue where an extra eye icon appeared in input fields on Edge browser. (DDS-2095)
+  Logo: Automatically select the appropriate logo variant based on the Storybook theme to prevent user confusion. (DDS-2150)
+  Menu: Removed unnecessary items from the story controls and adjusted the text change line strategy. (DDS-2113)
+
+- [#182](https://github.com/dsv-rp/DDS/pull/182) [`08cea1b`](https://github.com/dsv-rp/DDS/commit/08cea1bc3a7250a8cbad44363aeb8bb7d2bc084a) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Card: Change padding from 16px to 12px.
+
+- [#212](https://github.com/dsv-rp/DDS/pull/212) [`b299a93`](https://github.com/dsv-rp/DDS/commit/b299a931eebafdddc36e5c3641fcef2c5fa368d1) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Tooltip: fix an issue that tooltip not work in touch device. (DDS-2303)
+
+- [#209](https://github.com/dsv-rp/DDS/pull/209) [`8fa51e0`](https://github.com/dsv-rp/DDS/commit/8fa51e071129190733dae441193ed0f34a1c207b) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Modal: Update story appearance and the text change line strategy. (DDS-2012)
+
+## 1.2.0-next.0
+
+### Minor Changes
+
+- [#167](https://github.com/dsv-rp/DDS/pull/167) [`c9d2430`](https://github.com/dsv-rp/DDS/commit/c9d2430520890b3b2fdb9cefb7d552fd3d237d28) Thanks [@poetrainy](https://github.com/poetrainy)! - **BREAKING CHANGE** Inline Notification: The `description` slot has been replaced with the default slot. (DDS-1981)
+  Inline Notification: Updated appearance. (DDS-1981)
+  **BREAKING CHANGE** Toast Notification: The `description` slot has been replaced with the default slot. (DDS-1982)
+  Toast Notification: Updated appearance. (DDS-1982)
+
+- [#144](https://github.com/dsv-rp/DDS/pull/144) [`bde7786`](https://github.com/dsv-rp/DDS/commit/bde778694815e551bcca77c190d13b7b0488728e) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Checkbox Group: Initial Implementation. (DDS-1732)
+
+- [#161](https://github.com/dsv-rp/DDS/pull/161) [`c4f05f8`](https://github.com/dsv-rp/DDS/commit/c4f05f8c2b4feb1fee67bdd7449e3e5429e1d10a) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Menu: Initial Implementation. (DDS-1937)
+
+- [#180](https://github.com/dsv-rp/DDS/pull/180) [`2590eee`](https://github.com/dsv-rp/DDS/commit/2590eee5e2a51dd7a6d9342010c9ce91f101ed20) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Logo: Initial Implementation. (DDS-2122)
+
+- [#120](https://github.com/dsv-rp/DDS/pull/120) [`cd05582`](https://github.com/dsv-rp/DDS/commit/cd055823e21a54de02db36ba0a9cd0488b21c85f) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Slider: Initial Implementation. (DDS-1740)
+
+- [#157](https://github.com/dsv-rp/DDS/pull/157) [`79b510a`](https://github.com/dsv-rp/DDS/commit/79b510a396435731ba8b2bec6b2fbe1bbcc780d6) Thanks [@poetrainy](https://github.com/poetrainy)! - Text Field: The `type` attribute now accepts `password` and `search` . (DDS-1707, DDS-1709)
+  Text Field: The `type` attribute now accepts `search` . (DDS-1709)
+
+### Patch Changes
+
+- [#171](https://github.com/dsv-rp/DDS/pull/171) [`48dd161`](https://github.com/dsv-rp/DDS/commit/48dd16156a8776e6fc13fc825bf4bb98270a4488) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Dropdown: Fixed bugs open properties not work in storybook doc. (DDS-1983)
+  Dropdown: Update story appearance.
+  Dropdown: Update appearance when content overflow. (DDS-1983)
+
+- [#183](https://github.com/dsv-rp/DDS/pull/183) [`707676d`](https://github.com/dsv-rp/DDS/commit/707676db9ad8cddab0c7c2e5e8e8a4f22167e14b) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Tooltip: Keep the tooltip component always centered in the storybook view. (DDS-2207)
+
+- [#172](https://github.com/dsv-rp/DDS/pull/172) [`8bb6dde`](https://github.com/dsv-rp/DDS/commit/8bb6ddef0db41b3c220bdd34f41dce95f6b15d89) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Avatar: Added a comment to the `disabled` property. (DDS-2105)
+
+- [#164](https://github.com/dsv-rp/DDS/pull/164) [`4b81d6a`](https://github.com/dsv-rp/DDS/commit/4b81d6a6639dc5bc77496916f22ba4635b9e29fc) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Loading: remove aria-busy from loading component
+
+- [#161](https://github.com/dsv-rp/DDS/pull/161) [`c4f05f8`](https://github.com/dsv-rp/DDS/commit/c4f05f8c2b4feb1fee67bdd7449e3e5429e1d10a) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Button: Add button-aria-haspopup and button-aria-expanded properties.
+  Icon Button: Add button-aria-haspopup and button-aria-expanded properties.
+
+- [#192](https://github.com/dsv-rp/DDS/pull/192) [`511f1dc`](https://github.com/dsv-rp/DDS/commit/511f1dca49c14d2755da8fdf8f4bdcb1d8fb61e9) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Accordion: Improved the responsive behavior for long text content that doesn't contain spaces. (DDS-2257, DDS-2258)
+  Breadcrumb: Fixed an issue where the `target` property setting was not working. (DDS-2259)
+  Avatar, Button, Icon Button: Fix an issue specify `aria-haspopup` and `aria-expanded` not work in storybook. (DDS-2262)
+  Storybook: Fixed some accessibility warning error in storybook. (DDS-2224)
+
+- [#173](https://github.com/dsv-rp/DDS/pull/173) [`2c9fd65`](https://github.com/dsv-rp/DDS/commit/2c9fd658938aa192e5fd39462dde765b393c3785) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Text Field: Added a comment to the `left-icon` and `right-icon` slot. (DDS-2106)
+
 ## 1.1.0
 
 ### Minor Changes

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2024 daikinOSS
+Copyright (c) 2025 daikinOSS
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/cjs/base/dds-element.cjs

@@ -3,6 +3,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const lit = require("lit");
 const _DDSElement = class _DDSElement extends lit.LitElement {
 };
-_DDSElement.version = "1.1.0";
+_DDSElement.version = "1.3.0-next.2";
 let DDSElement = _DDSElement;
 exports.DDSElement = DDSElement;

package/dist/cjs/base/dds-form-element.cjs

@@ -0,0 +1,139 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const decorators_js = require("lit/decorators.js");
+const ddsElement = require("./dds-element.cjs");
+var __defProp = Object.defineProperty;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = void 0;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = decorator(target, key, result) || result;
+  if (result) __defProp(target, key, result);
+  return result;
+};
+const _DDSFormElement = class _DDSFormElement extends ddsElement.DDSElement {
+  constructor() {
+    super();
+    this.name = "";
+    this.value = "";
+    this.internals = this.attachInternals();
+  }
+  /**
+   * Returns the form object associated with the element, or null if none exists.
+   * @private
+   */
+  get form() {
+    return this.internals ? this.internals.form : null;
+  }
+  /**
+   * Set the element's name and value within the current form.
+   * @private
+   */
+  setFormValue(value, state) {
+    var _a;
+    (_a = this.internals) == null ? void 0 : _a.setFormValue(value, state);
+  }
+  /**
+   * A function that maps to the form control's `reportValidity()` function.
+   * Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reportValidity
+   * @private
+   */
+  reportValidity() {
+    var _a;
+    return (_a = this.internals) == null ? void 0 : _a.reportValidity();
+  }
+  /**
+   * A function that maps to the form control's `checkValidity()` function.
+   * Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/checkValidity
+   * @private
+   */
+  checkValidity() {
+    var _a;
+    return (_a = this.internals) == null ? void 0 : _a.checkValidity();
+  }
+  /**
+   * TODO Enhance these functions to bring our components closer to native form components.
+   * @private
+   */
+  hostConnected() {
+  }
+  /**
+   * TODO Enhance these functions to bring our components closer to native form components.
+   * @private
+   */
+  hostDisconnected() {
+  }
+  /**
+   * TODO Enhance these functions to bring our components closer to native form components.
+   * @private
+   */
+  hostUpdated() {
+  }
+};
+_DDSFormElement.formAssociated = true;
+let DDSFormElement = _DDSFormElement;
+__decorateClass([
+  decorators_js.property({ type: String, reflect: true })
+], DDSFormElement.prototype, "name");
+__decorateClass([
+  decorators_js.property({ type: String, reflect: true })
+], DDSFormElement.prototype, "value");
+__decorateClass([
+  decorators_js.property({ type: String, reflect: true, attribute: "form" })
+], DDSFormElement.prototype, "formAttr");
+const _DDSFormSubmitElement = class _DDSFormSubmitElement extends ddsElement.DDSElement {
+  constructor() {
+    super();
+    this.internals = this.attachInternals();
+  }
+  /**
+   * Returns the form object associated with the element, or null if none exists.
+   * @private
+   */
+  get form() {
+    return this.internals ? this.internals.form : null;
+  }
+  /**
+   * A function that maps to the form control's `reportValidity()` function.
+   * Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reportValidity
+   * @private
+   */
+  requestSubmit() {
+    var _a, _b;
+    (_b = (_a = this.internals) == null ? void 0 : _a.form) == null ? void 0 : _b.requestSubmit();
+  }
+  /**
+   * A function that maps to the form control's `checkValidity()` function.
+   * Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/checkValidity
+   * @private
+   */
+  reset() {
+    var _a, _b;
+    (_b = (_a = this.internals) == null ? void 0 : _a.form) == null ? void 0 : _b.reset();
+  }
+  /**
+   * TODO Enhance these functions to bring our components closer to native form components.
+   * @private
+   */
+  hostConnected() {
+  }
+  /**
+   * TODO Enhance these functions to bring our components closer to native form components.
+   * @private
+   */
+  hostDisconnected() {
+  }
+  /**
+   * TODO Enhance these functions to bring our components closer to native form components.
+   * @private
+   */
+  hostUpdated() {
+  }
+};
+_DDSFormSubmitElement.formAssociated = true;
+let DDSFormSubmitElement = _DDSFormSubmitElement;
+__decorateClass([
+  decorators_js.property({ type: String, reflect: true, attribute: "form" })
+], DDSFormSubmitElement.prototype, "formAttr");
+exports.DDSFormElement = DDSFormElement;
+exports.DDSFormSubmitElement = DDSFormSubmitElement;

package/dist/cjs/base/dds-form-element.d.cts

@@ -0,0 +1,100 @@
+import { DDSElement } from "./dds-element.cjs";
+type FormValueType = string | File | FormData | null;
+export declare class DDSFormElement extends DDSElement {
+    static readonly formAssociated = true;
+    /**
+     * The form name, submitted as a name/value pair when submitting the form.
+     */
+    name: string;
+    /**
+     * The form value, submitted as a name/value pair when submitting the form.
+     */
+    value: string;
+    /**
+     * The form attribute specifies the form the form component belongs to.
+     * The value of this attribute must be equal to the id attribute of a <form> element in the same document.
+     */
+    formAttr: string | undefined;
+    protected internals: ElementInternals | null | undefined;
+    constructor();
+    /**
+     * Returns the form object associated with the element, or null if none exists.
+     * @private
+     */
+    get form(): HTMLFormElement | null;
+    /**
+     * Set the element's name and value within the current form.
+     * @private
+     */
+    setFormValue(value: FormValueType, state?: FormValueType): void;
+    /**
+     * A function that maps to the form control's `reportValidity()` function.
+     * Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reportValidity
+     * @private
+     */
+    reportValidity(): boolean | undefined;
+    /**
+     * A function that maps to the form control's `checkValidity()` function.
+     * Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/checkValidity
+     * @private
+     */
+    checkValidity(): boolean | undefined;
+    /**
+     * TODO Enhance these functions to bring our components closer to native form components.
+     * @private
+     */
+    hostConnected(): void;
+    /**
+     * TODO Enhance these functions to bring our components closer to native form components.
+     * @private
+     */
+    hostDisconnected(): void;
+    /**
+     * TODO Enhance these functions to bring our components closer to native form components.
+     * @private
+     */
+    hostUpdated(): void;
+}
+export declare class DDSFormSubmitElement extends DDSElement {
+    static readonly formAssociated = true;
+    /**
+     * The form attribute specifies the form the form component belongs to.
+     * The value of this attribute must be equal to the id attribute of a <form> element in the same document.
+     */
+    formAttr: string | undefined;
+    protected internals: ElementInternals | null | undefined;
+    constructor();
+    /**
+     * Returns the form object associated with the element, or null if none exists.
+     * @private
+     */
+    get form(): HTMLFormElement | null;
+    /**
+     * A function that maps to the form control's `reportValidity()` function.
+     * Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reportValidity
+     * @private
+     */
+    requestSubmit(): void;
+    /**
+     * A function that maps to the form control's `checkValidity()` function.
+     * Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/checkValidity
+     * @private
+     */
+    reset(): void;
+    /**
+     * TODO Enhance these functions to bring our components closer to native form components.
+     * @private
+     */
+    hostConnected(): void;
+    /**
+     * TODO Enhance these functions to bring our components closer to native form components.
+     * @private
+     */
+    hostDisconnected(): void;
+    /**
+     * TODO Enhance these functions to bring our components closer to native form components.
+     * @private
+     */
+    hostUpdated(): void;
+}
+export {};

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

@@ -27,13 +27,16 @@ const cvaSummary = classVarianceAuthority.cva(
     "w-full",
     "min-h-12",
     "p-3",
+    "break-all",
+    "text-left",
     "focus-visible:outline",
     "focus-visible:outline-2",
     "focus-visible:-outline-offset-2",
     "focus-visible:outline-ddt-color-common-border-focus",
     "after:size-6",
     "after:transition-all",
-    "after:i-daikin-chevron-down"
+    "after:i-daikin-chevron-down",
+    "after:flex-none"
   ],
   {
     variants: {
@@ -100,10 +103,11 @@ exports.DaikinAccordionItem = class DaikinAccordionItem extends ddsElement.DDSEl
   render() {
     const open = !this.disabled && this.open;
     return lit.html`<div
-      class="w-full text-ddt-color-common-text-primary font-daikinSerif overflow-clip"
+      class="w-full text-ddt-color-common-text-primary font-daikinSerif"
     >
       <button
         id="summary"
+        type="button"
         ${ref_js.ref(this._summaryRef)}
         class=${cvaSummary({
       open,
@@ -128,7 +132,7 @@ exports.DaikinAccordionItem = class DaikinAccordionItem extends ddsElement.DDSEl
       >
         <div class="overflow-hidden">
           <div class="pt-2 px-3 pb-3">
-            <slot></slot>
+            <slot class="slotted:break-all"></slot>
           </div>
         </div>
       </div>

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

@@ -91,6 +91,7 @@ exports.DaikinAvatar = class DaikinAvatar extends lit.LitElement {
       </span>`;
     } else if (this.type === "button") {
       return lit.html`<button
+        type="button"
         class=${cvaWrapper({ type: "button" })}
         aria-label=${ifDefined_js.ifDefined(this.alt ?? void 0)}
         aria-haspopup=${ifDefined_js.ifDefined(this.avatarAriaHaspopup ?? void 0)}

package/dist/cjs/components/avatar/daikin-avatar.d.cts

@@ -37,14 +37,17 @@ export declare class DaikinAvatar extends LitElement {
     alt: string | null;
     /**
      * Specify the avatar disabled state.
+     * Ignored when the `type` is `"icon"`.
      */
     disabled: boolean;
     /**
      * The aria-haspopup of the avatar when `type="button"`.
+     * When used within a daikin-menu component, this property is automatically assigned the value `buttonAriaHaspopup="menu"`.
      */
     avatarAriaHaspopup: "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | null;
     /**
      * The aria-expanded of avatar when `type="button"`.
+     * When used within a daikin-menu component, this property will be controlled by daikin-menu, so you don't need to specify it explicitly.
      */
     avatarAriaExpanded: boolean | null;
     private _focusableElement;

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

@@ -31,12 +31,14 @@ exports.DaikinBreadcrumbItem = class DaikinBreadcrumbItem extends ddsElement.DDS
     const link = this.variant === "normal" ? lit.html`<daikin-link
             class="text-sm"
             href=${ifDefined_js.ifDefined(this.href ?? void 0)}
+            target=${ifDefined_js.ifDefined(this.target ?? void 0)}
             ?show-visited=${this.showVisited}
             ><slot></slot
           ></daikin-link>` : lit.html`<a
             class="text-sm font-daikinSerif text-ddt-color-common-text-primary"
             aria-disabled="true"
             aria-current="true"
+            target=${ifDefined_js.ifDefined(this.target ?? void 0)}
             role="link"
             ><slot></slot
           ></a>`;

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

@@ -4,9 +4,10 @@ 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 ddsElement = require("../../base/dds-element.cjs");
+require("../../base/dds-element.cjs");
 const decorators = require("../../base/decorators.cjs");
 require("../../base/define.cjs");
+const ddsFormElement = require("../../base/dds-form-element.cjs");
 const tailwind = require("../../tailwind.css.cjs");
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -27,7 +28,6 @@ const cvaButton = classVarianceAuthority.cva(
     "font-daikinSerif",
     "font-bold",
     "rounded",
-    "px-3",
     "tracking-wide",
     "text-nowrap",
     "leading-[130%]",
@@ -67,34 +67,43 @@ const cvaButton = classVarianceAuthority.cva(
         ghost: ["text-[--color-primary]", "bg-[--color-secondary]"]
       },
       size: {
-        small: ["text-sm"],
-        medium: []
+        small: ["px-2", "text-sm"],
+        medium: ["px-3", "text-base"],
+        large: ["px-4", "text-xl"]
       }
     }
   }
 );
-const cvaIcon = classVarianceAuthority.cva([], {
+const cvaIcon = classVarianceAuthority.cva(["slotted:flex-none"], {
   variants: {
     size: {
       small: ["icon-size-4"],
-      medium: ["icon-size-6"]
+      medium: ["icon-size-6"],
+      large: ["icon-size-6"]
     }
   }
 });
-exports.DaikinButton = class DaikinButton extends ddsElement.DDSElement {
+exports.DaikinButton = class DaikinButton extends ddsFormElement.DDSFormSubmitElement {
   constructor() {
     super();
     this.variant = "fill";
+    this.type = "button";
     this.size = "medium";
     this.color = "default";
     this.disabled = false;
     this.href = null;
-    this.type = "button";
     this.buttonRole = null;
+    this.buttonAriaHaspopup = null;
+    this.buttonAriaExpanded = null;
     this.addEventListener("click", (event) => {
       if (this.disabled || this.type === "link" && this.href == null) {
         event.stopImmediatePropagation();
       }
+      if (this.type === "submit") {
+        this.requestSubmit();
+      } else if (this.type === "reset") {
+        this.reset();
+      }
     });
   }
   render() {
@@ -128,13 +137,15 @@ exports.DaikinButton = class DaikinButton extends ddsElement.DDSElement {
         ?disabled=${this.disabled}
         type=${this.type}
         role=${ifDefined_js.ifDefined(this.buttonRole ?? void 0)}
+        aria-haspopup=${ifDefined_js.ifDefined(this.buttonAriaHaspopup ?? void 0)}
+        aria-expanded=${ifDefined_js.ifDefined(this.buttonAriaExpanded ?? void 0)}
       >
         <slot name="left-icon" class=${cvaIcon({ size: this.size })}>
-          <span class="block -ml-1"></span>
+          <span class="flex-none block -ml-1"></span>
         </slot>
         <span class="px-2"><slot></slot></span>
         <slot name="right-icon" class=${cvaIcon({ size: this.size })}>
-          <span class="block -mr-1"></span>
+          <span class="flex-none block -mr-1"></span>
         </slot>
       </button>
     `;
@@ -165,10 +176,18 @@ exports.DaikinButton.styles = lit.css`
       min-width: 3.75em;
       height: 3rem;
     }
+
+    :host([size="large"]) {
+      min-width: 4.25em;
+      height: 4.5rem;
+    }
   `;
 __decorateClass([
   decorators_js.property({ type: String, reflect: true })
 ], exports.DaikinButton.prototype, "variant", 2);
+__decorateClass([
+  decorators_js.property({ type: String, reflect: true })
+], exports.DaikinButton.prototype, "type", 2);
 __decorateClass([
   decorators_js.property({ type: String, reflect: true })
 ], exports.DaikinButton.prototype, "size", 2);
@@ -181,12 +200,15 @@ __decorateClass([
 __decorateClass([
   decorators_js.property({ type: String, reflect: true })
 ], exports.DaikinButton.prototype, "href", 2);
-__decorateClass([
-  decorators_js.property({ type: String, reflect: true })
-], exports.DaikinButton.prototype, "type", 2);
 __decorateClass([
   decorators_js.property({ type: String, reflect: true, attribute: "button-role" })
 ], exports.DaikinButton.prototype, "buttonRole", 2);
+__decorateClass([
+  decorators_js.property({ type: String, reflect: true, attribute: "button-aria-haspopup" })
+], exports.DaikinButton.prototype, "buttonAriaHaspopup", 2);
+__decorateClass([
+  decorators_js.property({ type: Boolean, reflect: true, attribute: "button-aria-expanded" })
+], exports.DaikinButton.prototype, "buttonAriaExpanded", 2);
 __decorateClass([
   decorators_js.query("a,button")
 ], exports.DaikinButton.prototype, "_focusableElement", 2);