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

package/CHANGELOG.md

@@ -1,5 +1,50 @@
 # @daikin-oss/design-system-web-components
 
+## 1.5.2
+
+### Patch Changes
+
+- [#398](https://github.com/dsv-rp/DDS/pull/398) [`65a352d`](https://github.com/dsv-rp/DDS/commit/65a352dbd6d59af7d59b9bf5f1669296fd9cd7a2) Thanks [@yodas7](https://github.com/yodas7)! - Added `focus()` method override to delegate focus to the inner focusable element via the host element.
+
+  - Breadcrumb Item
+  - Checkbox
+  - Date Picker
+  - Link
+  - Slider
+  - Table Header Cell
+  - Text Area
+  - Text Field
+  - Text Masked Field
+  - Time Picker
+  - Toggle
+
+- [#399](https://github.com/dsv-rp/DDS/pull/399) [`38579fe`](https://github.com/dsv-rp/DDS/commit/38579fe1b71103817ca3dbb28f516a1929b0f2ef) Thanks [@dk-wei](https://github.com/dk-wei)! - Navigation (Storybook): Added kitchen sink page.
+
+- [#402](https://github.com/dsv-rp/DDS/pull/402) [`7c71f50`](https://github.com/dsv-rp/DDS/commit/7c71f50b7a00c5195b42e5a8ce20d84c2a3dbdcb) Thanks [@dk-wei](https://github.com/dk-wei)! - Modal Footer (Storybook): Added kitchen sink page.
+
+- [#394](https://github.com/dsv-rp/DDS/pull/394) [`dd7b1d3`](https://github.com/dsv-rp/DDS/commit/dd7b1d35f2286b500356c7a6fbe5d2790cb4ad78) Thanks [@dk-wei](https://github.com/dk-wei)! - Tag (Storybook): Added kitchen sink page.
+
+- [#381](https://github.com/dsv-rp/DDS/pull/381) [`a89336c`](https://github.com/dsv-rp/DDS/commit/a89336c3016930fda3de0cf9aa62c9065a1a30cb) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Unified the text wrapping strategy within the following components. (DDS-2959)
+
+  - Card Header
+  - Checkbox
+  - Link
+  - Progress Bar
+  - Progress Indicator Item
+  - Radio Button
+  - Table Header Cell
+  - Tree Item
+
+  Table Header: Fixed an issue where the left icon was being compressed when the text was too long. (DDS-2963)
+  Fixed an issue where the content shifted when toggling the component borders. (DDS-2960)
+
+  - Card
+  - Accordion
+  - Icon Button
+  - Button
+
+- [#397](https://github.com/dsv-rp/DDS/pull/397) [`311297a`](https://github.com/dsv-rp/DDS/commit/311297a587ea23578f414f8e55011bc0e33f206d) Thanks [@rinjInTokyo](https://github.com/rinjInTokyo)! - Menu: Prevent the menu from flipping or shifting when used with a navigation item. (DDS-2978)
+
 ## 1.5.2-next.0
 
 ### Patch Changes

package/custom-elements.json

@@ -1171,30 +1171,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "dist/es/constants/events.js",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "EVENT_CLOSE",
-          "type": {
-            "text": "string"
-          },
-          "default": "\"close\""
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "EVENT_CLOSE",
-          "declaration": {
-            "name": "EVENT_CLOSE",
-            "module": "src/constants/events.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "dist/es/components/index.js",
@@ -1706,6 +1682,30 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/es/constants/events.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "EVENT_CLOSE",
+          "type": {
+            "text": "string"
+          },
+          "default": "\"close\""
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "EVENT_CLOSE",
+          "declaration": {
+            "name": "EVENT_CLOSE",
+            "module": "src/constants/events.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/es/controllers/click-outside.js",
@@ -13380,19 +13380,81 @@
     },
     {
       "kind": "javascript-module",
-      "path": "dist/es/components/modal-footer/daikin-modal-footer.js",
+      "path": "dist/es/components/modal/daikin-modal.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "`daikin-modal-footer` is used to represent footer of the modal component, and is used as a child element of the `daikin-modal` component.\n\nHierarchy:\n- `daikin-modal` > `daikin-modal-footer`",
-          "name": "DaikinModalFooter",
+          "description": "`daikin-modal` is an interactive overlay that appears on top of the main content to prompt user input or display important information, temporarily blocking interaction with the rest of the page. It's crucial for capturing user attention and guiding specific actions.\n\nHierarchy:\n- `daikin-modal` > `daikin-modal-header`\n- `daikin-modal` > `daikin-modal-footer`",
+          "name": "DaikinModal",
+          "cssParts": [
+            {
+              "description": "CSS styles applied to the modal panel container. By default, the panel uses content-based sizing (`size-fit`) and is clamped by responsive min/max width and height constraints so it does not touch the viewport edges. Use `::part(modal)` to customize its width, height, or padding; the built-in min/max constraints remain in effect unless you override them with more specific rules.",
+              "name": "modal"
+            }
+          ],
           "slots": [
             {
-              "description": "slot for modal footer action element. Place a `daikin-button` or `daikin-link` element here.",
-              "name": "A"
+              "description": "A slot for modal header, body, modal footer. Place `daikin-modal-header`, custom body content, `daikin-modal-footer` here in order.",
+              "name": ""
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the modal is open.",
+              "attribute": "open",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "modalRole",
+              "type": {
+                "text": "\"dialog\" | \"alertdialog\""
+              },
+              "description": "ARIA role of the modal. Choose the appropriate role for your modal based on its usage scenario.",
+              "default": "\"dialog\"",
+              "attribute": "modal-role",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "modalAriaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "The aria-label of the modal.",
+              "attribute": "modal-aria-label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "persistent",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If this property set by `true`, you can't close modal by clicking outside of modal or Escape key.\nIn this case, please ensure you provide users with a method to close the modal, such as a close button in the header or a close button in the footer.",
+              "attribute": "persistent"
+            },
+            {
+              "kind": "field",
+              "name": "_handleClose",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_focusTrapController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new FocusTrapController( this, this._handleClose )"
+            },
             {
               "kind": "field",
               "name": "version",
@@ -13474,36 +13536,80 @@
               }
             }
           ],
+          "events": [
+            {
+              "description": "A custom event emitted when a user clicks the close button in the header.",
+              "name": "close"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the modal is open.",
+              "fieldName": "open"
+            },
+            {
+              "name": "modal-role",
+              "type": {
+                "text": "\"dialog\" | \"alertdialog\""
+              },
+              "description": "ARIA role of the modal. Choose the appropriate role for your modal based on its usage scenario.",
+              "default": "\"dialog\"",
+              "fieldName": "modalRole"
+            },
+            {
+              "name": "modal-aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "The aria-label of the modal.",
+              "fieldName": "modalAriaLabel"
+            },
+            {
+              "name": "persistent",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If this property set by `true`, you can't close modal by clicking outside of modal or Escape key.\nIn this case, please ensure you provide users with a method to close the modal, such as a close button in the header or a close button in the footer.",
+              "fieldName": "persistent"
+            }
+          ],
           "superclass": {
             "name": "DDSElement",
             "module": "/src/base"
           },
-          "tagName": "daikin-modal-footer",
+          "tagName": "daikin-modal",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DaikinModalFooter",
+          "name": "DaikinModal",
           "declaration": {
-            "name": "DaikinModalFooter",
-            "module": "src/components/modal-footer/daikin-modal-footer.ts"
+            "name": "DaikinModal",
+            "module": "src/components/modal/daikin-modal.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "daikin-modal-footer",
+          "name": "daikin-modal",
           "declaration": {
-            "name": "DaikinModalFooter",
-            "module": "src/components/modal-footer/daikin-modal-footer.ts"
+            "name": "DaikinModal",
+            "module": "src/components/modal/daikin-modal.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/es/components/modal-footer/index.js",
+      "path": "dist/es/components/modal/index.js",
       "declarations": [],
       "exports": [
         {
@@ -13511,88 +13617,26 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/components/modal-footer/daikin-modal-footer"
+            "module": "src/components/modal/daikin-modal"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/es/components/modal/daikin-modal.js",
+      "path": "dist/es/components/modal-footer/daikin-modal-footer.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "`daikin-modal` is an interactive overlay that appears on top of the main content to prompt user input or display important information, temporarily blocking interaction with the rest of the page. It's crucial for capturing user attention and guiding specific actions.\n\nHierarchy:\n- `daikin-modal` > `daikin-modal-header`\n- `daikin-modal` > `daikin-modal-footer`",
-          "name": "DaikinModal",
-          "cssParts": [
-            {
-              "description": "CSS styles applied to the modal panel container. By default, the panel uses content-based sizing (`size-fit`) and is clamped by responsive min/max width and height constraints so it does not touch the viewport edges. Use `::part(modal)` to customize its width, height, or padding; the built-in min/max constraints remain in effect unless you override them with more specific rules.",
-              "name": "modal"
-            }
-          ],
+          "description": "`daikin-modal-footer` is used to represent footer of the modal component, and is used as a child element of the `daikin-modal` component.\n\nHierarchy:\n- `daikin-modal` > `daikin-modal-footer`",
+          "name": "DaikinModalFooter",
           "slots": [
             {
-              "description": "A slot for modal header, body, modal footer. Place `daikin-modal-header`, custom body content, `daikin-modal-footer` here in order.",
-              "name": ""
+              "description": "slot for modal footer action element. Place a `daikin-button` or `daikin-link` element here.",
+              "name": "A"
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the modal is open.",
-              "attribute": "open",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "modalRole",
-              "type": {
-                "text": "\"dialog\" | \"alertdialog\""
-              },
-              "description": "ARIA role of the modal. Choose the appropriate role for your modal based on its usage scenario.",
-              "default": "\"dialog\"",
-              "attribute": "modal-role",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "modalAriaLabel",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "description": "The aria-label of the modal.",
-              "attribute": "modal-aria-label",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "persistent",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If this property set by `true`, you can't close modal by clicking outside of modal or Escape key.\nIn this case, please ensure you provide users with a method to close the modal, such as a close button in the header or a close button in the footer.",
-              "attribute": "persistent"
-            },
-            {
-              "kind": "field",
-              "name": "_handleClose",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "_focusTrapController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new FocusTrapController( this, this._handleClose )"
-            },
             {
               "kind": "field",
               "name": "version",
@@ -13674,80 +13718,36 @@
               }
             }
           ],
-          "events": [
-            {
-              "description": "A custom event emitted when a user clicks the close button in the header.",
-              "name": "close"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the modal is open.",
-              "fieldName": "open"
-            },
-            {
-              "name": "modal-role",
-              "type": {
-                "text": "\"dialog\" | \"alertdialog\""
-              },
-              "description": "ARIA role of the modal. Choose the appropriate role for your modal based on its usage scenario.",
-              "default": "\"dialog\"",
-              "fieldName": "modalRole"
-            },
-            {
-              "name": "modal-aria-label",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "description": "The aria-label of the modal.",
-              "fieldName": "modalAriaLabel"
-            },
-            {
-              "name": "persistent",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If this property set by `true`, you can't close modal by clicking outside of modal or Escape key.\nIn this case, please ensure you provide users with a method to close the modal, such as a close button in the header or a close button in the footer.",
-              "fieldName": "persistent"
-            }
-          ],
           "superclass": {
             "name": "DDSElement",
             "module": "/src/base"
           },
-          "tagName": "daikin-modal",
+          "tagName": "daikin-modal-footer",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DaikinModal",
+          "name": "DaikinModalFooter",
           "declaration": {
-            "name": "DaikinModal",
-            "module": "src/components/modal/daikin-modal.ts"
+            "name": "DaikinModalFooter",
+            "module": "src/components/modal-footer/daikin-modal-footer.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "daikin-modal",
+          "name": "daikin-modal-footer",
           "declaration": {
-            "name": "DaikinModal",
-            "module": "src/components/modal/daikin-modal.ts"
+            "name": "DaikinModalFooter",
+            "module": "src/components/modal-footer/daikin-modal-footer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/es/components/modal/index.js",
+      "path": "dist/es/components/modal-footer/index.js",
       "declarations": [],
       "exports": [
         {
@@ -13755,7 +13755,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/components/modal/daikin-modal"
+            "module": "src/components/modal-footer/daikin-modal-footer"
           }
         }
       ]

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

@@ -84,6 +84,6 @@ const _DDSElement = class _DDSElement extends lit.LitElement {
     return this[key];
   }
 };
-_DDSElement.version = "1.5.2-next.0";
+_DDSElement.version = "1.5.2";
 let DDSElement = _DDSElement;
 exports.DDSElement = DDSElement;

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

@@ -94,6 +94,6 @@ const _DDSElement = class _DDSElement extends lit.LitElement {
     return this[key];
   }
 };
-_DDSElement.version = "1.5.2-next.0";
+_DDSElement.version = "1.5.2";
 let DDSElement = _DDSElement;
 exports.DDSElement = DDSElement;

package/dist/es/base/dds-element.js

@@ -82,7 +82,7 @@ const _DDSElement = class _DDSElement extends LitElement {
     return this[key];
   }
 };
-_DDSElement.version = "1.5.2-next.0";
+_DDSElement.version = "1.5.2";
 let DDSElement = _DDSElement;
 export {
   DDSElement

package/dist/es-dev/base/dds-element.js

@@ -92,7 +92,7 @@ const _DDSElement = class _DDSElement extends LitElement {
     return this[key];
   }
 };
-_DDSElement.version = "1.5.2-next.0";
+_DDSElement.version = "1.5.2";
 let DDSElement = _DDSElement;
 export {
   DDSElement

package/package.json

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