@swisspost/design-system-components 10.0.0-next.65 → 10.0.0-next.67

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-03-23T12:43:41",
+  "timestamp": "2026-04-20T14:10:36",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.41.1",
@@ -81,7 +81,7 @@
           },
           "mutable": false,
           "attr": "multiple",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "If `true`, multiple `post-accordion-item` can be open at the same time.",
           "docsTags": [
             {
@@ -247,7 +247,7 @@
           },
           "mutable": true,
           "attr": "collapsed",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "If `true`, the element is collapsed otherwise it is displayed.",
           "docsTags": [
             {
@@ -412,6 +412,138 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/post-autocomplete/post-autocomplete.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-autocomplete",
+      "readme": "# post-accordion\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Slot for placing post-autocomplete-item components."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "clearable",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "clearable",
+          "reflectToAttr": true,
+          "docs": "Show or hide the clear button",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "filterThreshold",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "filter-threshold",
+          "reflectToAttr": true,
+          "docs": "Number of characters to type before filtering methods are called",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "0"
+            }
+          ],
+          "default": "0",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "listbox",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "listbox",
+          "reflectToAttr": true,
+          "docs": "Optional idref to connect the autocomplete with the options dropdown if not nested",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "postFilteringEvent",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Cancelable event emitted when the input value is to be filtered",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Slot for placing post-autocomplete-item components."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "post-icon"
+      ],
+      "dependencyGraph": {
+        "post-autocomplete": [
+          "post-icon"
+        ]
+      }
+    },
     {
       "filePath": "src/components/post-avatar/post-avatar.tsx",
       "encapsulation": "shadow",
@@ -1317,9 +1449,9 @@
       }
     },
     {
-      "filePath": "src/components/post-datepicker/post-datepicker.tsx",
+      "filePath": "src/components/post-date-picker/post-date-picker.tsx",
       "encapsulation": "shadow",
-      "tag": "post-datepicker",
+      "tag": "post-date-picker",
       "readme": "# post-datepicker\n\n\n",
       "docs": "",
       "docsTags": [],
@@ -1365,7 +1497,7 @@
           "mutable": false,
           "attr": "max",
           "reflectToAttr": false,
-          "docs": "Maximum possible date to select.",
+          "docs": "Maximum possible date to select. Must be a valid date in ISO 8601 format (YYYY-MM-DD).",
           "docsTags": [],
           "values": [
             {
@@ -1388,7 +1520,7 @@
           "mutable": false,
           "attr": "min",
           "reflectToAttr": false,
-          "docs": "Minimun possible date to select.",
+          "docs": "Minimun possible date to select. Must be a valid date in ISO 8601 format (YYYY-MM-DD).",
           "docsTags": [],
           "values": [
             {
@@ -1411,7 +1543,7 @@
           "mutable": false,
           "attr": "range",
           "reflectToAttr": false,
-          "docs": "Whether the datepicker expects a range selection or a single date selection.",
+          "docs": "Whether the date picker expects a range selection or a single date selection.",
           "docsTags": [
             {
               "name": "default",
@@ -1438,8 +1570,8 @@
             "references": {
               "AirDatepickerCustomOptions": {
                 "location": "local",
-                "path": "/home/runner/work/design-system/design-system/packages/components/src/components/post-datepicker/post-datepicker.tsx",
-                "id": "src/components/post-datepicker/post-datepicker.tsx::AirDatepickerCustomOptions"
+                "path": "/home/runner/work/design-system/design-system/packages/components/src/components/post-date-picker/post-date-picker.tsx",
+                "id": "src/components/post-date-picker/post-date-picker.tsx::AirDatepickerCustomOptions"
               }
             }
           },
@@ -1465,10 +1597,10 @@
             "resolved": "string",
             "references": {}
           },
-          "mutable": false,
+          "mutable": true,
           "attr": "selected-end-date",
           "reflectToAttr": false,
-          "docs": "The datepicker's selected end date (for range datepicker only).",
+          "docs": "The date picker's selected end date (for range date picker only).\nMust be a valid date in ISO 8601 format (YYYY-MM-DD).",
           "docsTags": [],
           "values": [
             {
@@ -1488,10 +1620,10 @@
             "resolved": "string",
             "references": {}
           },
-          "mutable": false,
+          "mutable": true,
           "attr": "selected-start-date",
           "reflectToAttr": false,
-          "docs": "The datepicker's selected date. If in range mode, the selected start date.",
+          "docs": "The date picker's selected date. If in range mode, the selected start date.\nMust be a valid date in ISO 8601 format (YYYY-MM-DD).",
           "docsTags": [],
           "values": [
             {
@@ -1718,57 +1850,31 @@
             "docs": ""
           },
           "complexType": {
-            "signature": "(target: HTMLElement) => Promise<void>",
-            "parameters": [
-              {
-                "name": "target",
-                "type": "HTMLElement",
-                "docs": "- The HTML element relative to which the popover calendar should be displayed"
-              }
-            ],
+            "signature": "() => Promise<void>",
+            "parameters": [],
             "references": {
               "Promise": {
                 "location": "global",
                 "id": "global::Promise"
-              },
-              "HTMLElement": {
-                "location": "global",
-                "id": "global::HTMLElement"
               }
             },
             "return": "Promise<void>"
           },
-          "signature": "show(target: HTMLElement) => Promise<void>",
-          "parameters": [
-            {
-              "name": "target",
-              "type": "HTMLElement",
-              "docs": "- The HTML element relative to which the popover calendar should be displayed"
-            }
-          ],
+          "signature": "show() => Promise<void>",
+          "parameters": [],
           "docs": "Displays the popover calendar, focusing the first calendar item.",
-          "docsTags": [
-            {
-              "name": "param",
-              "text": "target - The HTML element relative to which the popover calendar should be displayed"
-            }
-          ]
+          "docsTags": []
         }
       ],
       "events": [
         {
           "event": "postUpdateDates",
-          "detail": "Date | Date[]",
+          "detail": "string | string[]",
           "bubbles": true,
           "complexType": {
-            "original": "Date | Date[]",
-            "resolved": "Date | Date[]",
-            "references": {
-              "Date": {
-                "location": "global",
-                "id": "global::Date"
-              }
-            }
+            "original": "string | string[]",
+            "resolved": "string | string[]",
+            "references": {}
           },
           "cancelable": true,
           "composed": true,
@@ -1786,31 +1892,12 @@
         "post-popovercontainer"
       ],
       "dependencyGraph": {
-        "post-datepicker": [
+        "post-date-picker": [
           "post-icon",
           "post-popovercontainer"
         ]
       }
     },
-    {
-      "filePath": "src/utils/tests/environment/post-env-test.tsx",
-      "encapsulation": "shadow",
-      "tag": "post-env-test",
-      "readme": "# post-test-env\n\n\n",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
     {
       "filePath": "src/components/post-footer/post-footer.tsx",
       "encapsulation": "shadow",
@@ -2351,13 +2438,15 @@
       "parts": [],
       "dependents": [
         "post-accordion-item",
+        "post-autocomplete",
         "post-back-to-top",
         "post-breadcrumb-item",
         "post-breadcrumbs",
         "post-closebutton",
-        "post-datepicker",
+        "post-date-picker",
         "post-header",
         "post-language-menu",
+        "post-listbox-option",
         "post-mainnavigation",
         "post-megadropdown",
         "post-megadropdown-trigger",
@@ -2370,6 +2459,9 @@
         "post-accordion-item": [
           "post-icon"
         ],
+        "post-autocomplete": [
+          "post-icon"
+        ],
         "post-back-to-top": [
           "post-icon"
         ],
@@ -2382,7 +2474,7 @@
         "post-closebutton": [
           "post-icon"
         ],
-        "post-datepicker": [
+        "post-date-picker": [
           "post-icon"
         ],
         "post-header": [
@@ -2391,6 +2483,9 @@
         "post-language-menu": [
           "post-icon"
         ],
+        "post-listbox-option": [
+          "post-icon"
+        ],
         "post-mainnavigation": [
           "post-icon"
         ],
@@ -2748,8 +2843,14 @@
       ],
       "parts": [],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "post-menu-item"
+      ],
+      "dependencyGraph": {
+        "post-language-menu-item": [
+          "post-menu-item"
+        ]
+      }
     },
     {
       "filePath": "src/components/post-linkarea/post-linkarea.tsx",
@@ -2771,51 +2872,376 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/post-logo/post-logo.tsx",
+      "filePath": "src/components/post-listbox/post-listbox.tsx",
       "encapsulation": "shadow",
-      "tag": "post-logo",
-      "readme": "# post-logo\n",
+      "tag": "post-listbox",
+      "readme": "# post-accordion\n",
       "docs": "",
-      "docsTags": [
-        {
-          "name": "slot",
-          "text": "default - Slot for placing hidden descriptive text. If `url` is set, this text will serve as the accessible name of the link; otherwise, it will be used as the title of the SVG."
-        }
-      ],
+      "docsTags": [],
       "usage": {},
-      "props": [
+      "props": [],
+      "methods": [
         {
-          "name": "url",
-          "type": "URL | string",
+          "name": "clearSelection",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
           "complexType": {
-            "original": "string | URL",
-            "resolved": "URL | string",
+            "signature": "() => Promise<void>",
+            "parameters": [],
             "references": {
-              "URL": {
+              "Promise": {
                 "location": "global",
-                "id": "global::URL"
+                "id": "global::Promise"
               }
-            }
+            },
+            "return": "Promise<void>"
           },
-          "mutable": false,
-          "attr": "url",
-          "reflectToAttr": false,
-          "docs": "The URL to which the user is redirected upon clicking the logo.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "URL"
+          "signature": "clearSelection() => Promise<void>",
+          "parameters": [],
+          "docs": "Clears the currently selected option",
+          "docsTags": []
+        },
+        {
+          "name": "filter",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(query: string) => Promise<void>",
+            "parameters": [
+              {
+                "name": "query",
+                "type": "string",
+                "docs": ""
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
             },
+            "return": "Promise<void>"
+          },
+          "signature": "filter(query: string) => Promise<void>",
+          "parameters": [
             {
-              "type": "string"
+              "name": "query",
+              "type": "string",
+              "docs": ""
             }
           ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        }
-      ],
+          "docs": "Uses the internal default filtering mode to filter the list of options.\nAn empty string resets the filter to it's original state.",
+          "docsTags": []
+        },
+        {
+          "name": "hide",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "hide() => Promise<void>",
+          "parameters": [],
+          "docs": "Closes the listbox",
+          "docsTags": []
+        },
+        {
+          "name": "navigate",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(direction: \"up\" | \"down\" | \"first\" | \"last\") => Promise<void>",
+            "parameters": [
+              {
+                "name": "direction",
+                "type": "\"up\" | \"down\" | \"first\" | \"last\"",
+                "docs": ""
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "navigate(direction: \"up\" | \"down\" | \"first\" | \"last\") => Promise<void>",
+          "parameters": [
+            {
+              "name": "direction",
+              "type": "\"up\" | \"down\" | \"first\" | \"last\"",
+              "docs": ""
+            }
+          ],
+          "docs": "Navigates the listbox options in the specified direction and scrolls the active option into view.",
+          "docsTags": []
+        },
+        {
+          "name": "selectActive",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "selectActive() => Promise<void>",
+          "parameters": [],
+          "docs": "Selects the currently highlighted option in the listbox and scrolls it into view.",
+          "docsTags": []
+        },
+        {
+          "name": "show",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "show() => Promise<void>",
+          "parameters": [],
+          "docs": "Opens the listbox",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "postOptionActive",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string | null",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted option id for the active option",
+          "docsTags": []
+        }
+      ],
+      "listeners": [
+        {
+          "event": "postOptionSelected",
+          "capture": false,
+          "passive": false
+        }
+      ],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "post-popovercontainer"
+      ],
+      "dependencyGraph": {
+        "post-listbox": [
+          "post-popovercontainer"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/post-listbox-option/post-listbox-option.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-listbox-option",
+      "readme": "# post-accordion\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "highlighted",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "highlighted",
+          "reflectToAttr": true,
+          "docs": "Represents option is highlighted .",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "selected",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "selected",
+          "reflectToAttr": true,
+          "docs": "Represents option is selected .",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "value",
+          "reflectToAttr": true,
+          "docs": "A value string, similar to <option value=\"Value 1\">Value 1 description</option>",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "postOptionSelected",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fires when this option was selected. Bubbles up.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "post-icon"
+      ],
+      "dependencyGraph": {
+        "post-listbox-option": [
+          "post-icon"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/post-logo/post-logo.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-logo",
+      "readme": "# post-logo\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Slot for placing hidden descriptive text. If `url` is set, this text will serve as the accessible name of the link; otherwise, it will be used as the title of the SVG."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "url",
+          "type": "URL | string",
+          "complexType": {
+            "original": "string | URL",
+            "resolved": "URL | string",
+            "references": {
+              "URL": {
+                "location": "global",
+                "id": "global::URL"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "url",
+          "reflectToAttr": false,
+          "docs": "The URL to which the user is redirected upon clicking the logo.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "URL"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
       "methods": [],
       "events": [],
       "listeners": [],
@@ -3474,12 +3900,16 @@
       "slots": [],
       "parts": [],
       "dependents": [
-        "post-breadcrumbs"
+        "post-breadcrumbs",
+        "post-language-menu-item"
       ],
       "dependencies": [],
       "dependencyGraph": {
         "post-breadcrumbs": [
           "post-menu-item"
+        ],
+        "post-language-menu-item": [
+          "post-menu-item"
         ]
       }
     },
@@ -4221,6 +4651,29 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "offset",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "offset",
+          "reflectToAttr": false,
+          "docs": "Offset for more precise placement",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "placement",
           "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
@@ -4542,14 +4995,18 @@
         }
       ],
       "dependents": [
-        "post-datepicker",
+        "post-date-picker",
+        "post-listbox",
         "post-menu",
         "post-popover",
         "post-tooltip"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "post-datepicker": [
+        "post-date-picker": [
+          "post-popovercontainer"
+        ],
+        "post-listbox": [
           "post-popovercontainer"
         ],
         "post-menu": [
@@ -4748,7 +5205,7 @@
           "mutable": false,
           "attr": "current-index",
           "reflectToAttr": false,
-          "docs": "Defines the currently active step",
+          "docs": "Defines the current step, which is the next step the user has to complete.",
           "docsTags": [
             {
               "name": "default",
@@ -4766,6 +5223,29 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "selectedIndex",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "selected-index",
+          "reflectToAttr": false,
+          "docs": "Defines the selected (active) step, which is the step the user is currently on.\nIf not defined, the selected step is the current step.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "textCompletedStep",
           "type": "string",
@@ -5592,10 +6072,10 @@
     }
   ],
   "typeLibrary": {
-    "src/components/post-datepicker/post-datepicker.tsx::AirDatepickerCustomOptions": {
+    "src/components/post-date-picker/post-date-picker.tsx::AirDatepickerCustomOptions": {
       "declaration": "export interface AirDatepickerCustomOptions extends AirDatepickerOptions<HTMLDivElement> {\n  onShow?: (isAnimationComplete: boolean) => void;\n  onRenderCell?: (data: {\n    date: Date;\n    cellType: AirDatepickerViewsSingle;\n    datepicker: AirDatepicker<HTMLDivElement>;\n  }) => void;\n}",
       "docstring": "",
-      "path": "src/components/post-datepicker/post-datepicker.tsx"
+      "path": "src/components/post-date-picker/post-date-picker.tsx"
     },
     "src/types/index.ts::HeadingLevel": {
       "declaration": "any",