@sapudex/web-components 0.225.0 → 2.0.0

package/dist/web-types.json

@@ -1,14 +1,14 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@sapudex/web-components",
-  "version": "0.225.0",
+  "version": "2.0.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
       "elements": [
         {
           "name": "udex-accordion",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-accordion</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Accordion.js\";</code>\n---\n\n\n### **Events:**\n - **toggle-items** - Triggered when the user click on on Expand/Collapse All button.\n\n### **Slots:**\n - **default** - Slot for accordion items.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-accordion</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Accordion.js\";</code>\n---\n\n\n### **Events:**\n - **toggle-items** - Triggered when the user clicks on the Expand/Collapse All button..\n\n### **Slots:**\n - **default** - Slot for accordion items.",
           "doc-url": "",
           "attributes": [
             {
@@ -23,7 +23,7 @@
           "events": [
             {
               "name": "toggle-items",
-              "description": "Triggered when the user click on on Expand/Collapse All button."
+              "description": "Triggered when the user clicks on the Expand/Collapse All button.."
             }
           ],
           "js": {
@@ -37,7 +37,7 @@
             "events": [
               {
                 "name": "toggle-items",
-                "description": "Triggered when the user click on on Expand/Collapse All button."
+                "description": "Triggered when the user clicks on the Expand/Collapse All button.."
               }
             ]
           }
@@ -49,12 +49,12 @@
           "attributes": [
             {
               "name": "number-badge",
-              "description": "Defines the Badge at the end of the title item.",
+              "description": "Defines the Badge at the end of the label item.",
               "value": { "type": "string", "default": "\"\"" }
             },
             {
-              "name": "title",
-              "description": "Defines the title of the accordion item component.\nTODO: With transition to UI5 2.x, change \"title\" attribute name.\nTitle property is also valid HTML attribute that results in showing hover tooltip and is read by screen readers.",
+              "name": "label",
+              "description": "Defines the label of the accordion item component.",
               "value": { "type": "string", "default": "\"\"" }
             },
             {
@@ -84,12 +84,12 @@
             "properties": [
               {
                 "name": "number-badge",
-                "description": "Defines the Badge at the end of the title item.",
+                "description": "Defines the Badge at the end of the label item.",
                 "value": { "type": "string" }
               },
               {
-                "name": "title",
-                "description": "Defines the title of the accordion item component.\nTODO: With transition to UI5 2.x, change \"title\" attribute name.\nTitle property is also valid HTML attribute that results in showing hover tooltip and is read by screen readers.",
+                "name": "label",
+                "description": "Defines the label of the accordion item component.",
                 "value": { "type": "string" }
               },
               {
@@ -113,7 +113,7 @@
         },
         {
           "name": "udex-avatar",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-avatar</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Avatar.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Receives the desired <img> tag\n- **badge** - Defines the optional badge that will be used for visual affordance.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-avatar</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Avatar.js\";</code>\n---\n\n\n### **Events:**\n - **click** - Fires when the avatar is clicked.\n\n### **Slots:**\n - **default** - Receives the desired <img> tag\n- **badge** - Defines the optional badge that will be used for visual affordance.",
           "doc-url": "",
           "attributes": [
             {
@@ -129,7 +129,7 @@
             {
               "name": "accessible-name",
               "description": "Defines the text alternative of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "color-scheme",
@@ -186,7 +186,12 @@
               "description": "Defines the optional badge that will be used for visual affordance."
             }
           ],
-          "events": [],
+          "events": [
+            {
+              "name": "click",
+              "description": "Fires when the avatar is clicked."
+            }
+          ],
           "js": {
             "properties": [
               {
@@ -202,7 +207,7 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the text alternative of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "color-scheme",
@@ -242,7 +247,12 @@
                 "value": { "type": "boolean" }
               }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "click",
+                "description": "Fires when the avatar is clicked."
+              }
+            ]
           }
         },
         {
@@ -270,15 +280,15 @@
               "name": "size",
               "description": "Defines the size of the component.",
               "value": {
-                "type": "\"Small\" | \"Large\"",
-                "default": "\"Large\""
+                "type": "\"Medium\" | \"Small\"",
+                "default": "\"Medium\""
               }
             },
             {
               "name": "design",
               "description": "Defines the design of text type component.",
               "value": {
-                "type": "\"Neutral\" | \"Error\" | \"Info\" | \"Success\" | \"Warning\"",
+                "type": "\"Neutral\" | \"Negative\" | \"Information\" | \"Positive\" | \"Warning\"",
                 "default": "\"Info\""
               }
             },
@@ -286,17 +296,14 @@
               "name": "number-design",
               "description": "Defines the design of number type component.",
               "value": {
-                "type": "\"Red\" | \"Blue\" | \"Neutral\" | \"White\"",
+                "type": "\"Red\" | \"Blue\" | \"Neutral\"",
                 "default": "\"Blue\""
               }
             },
             {
               "name": "icon-placement",
               "description": "Defines icon placement if icon was provided",
-              "value": {
-                "type": "\"Start\" | \"End\" | undefined",
-                "default": "\"End\""
-              }
+              "value": { "type": "\"Start\" | \"End\"", "default": "\"End\"" }
             },
             {
               "name": "icon",
@@ -321,26 +328,24 @@
               {
                 "name": "size",
                 "description": "Defines the size of the component.",
-                "value": { "type": "\"Small\" | \"Large\"" }
+                "value": { "type": "\"Medium\" | \"Small\"" }
               },
               {
                 "name": "design",
                 "description": "Defines the design of text type component.",
                 "value": {
-                  "type": "\"Neutral\" | \"Error\" | \"Info\" | \"Success\" | \"Warning\""
+                  "type": "\"Neutral\" | \"Negative\" | \"Information\" | \"Positive\" | \"Warning\""
                 }
               },
               {
                 "name": "number-design",
                 "description": "Defines the design of number type component.",
-                "value": {
-                  "type": "\"Red\" | \"Blue\" | \"Neutral\" | \"White\""
-                }
+                "value": { "type": "\"Red\" | \"Blue\" | \"Neutral\"" }
               },
               {
                 "name": "icon-placement",
                 "description": "Defines icon placement if icon was provided",
-                "value": { "type": "\"Start\" | \"End\" | undefined" }
+                "value": { "type": "\"Start\" | \"End\"" }
               },
               {
                 "name": "icon",
@@ -353,13 +358,13 @@
         },
         {
           "name": "udex-breadcrumbs",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-breadcrumbs</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Breadcrumbs.js\";</code>\n---\n\n\n### **Events:**\n - **item-click** - Fires when a `BreadcrumbsItem` is clicked.\n\n**Note:** You can prevent browser location change by calling `event.preventDefault()`.\n- **open** - Fired after the dropdown is opened.\n- **close** - Fired after the dropdown is closed.\n\n### **Slots:**\n - **default** - Defines the component items.\n\n**Note:** Use the `udex-breadcrumbs-item` component to define the desired items.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-breadcrumbs</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Breadcrumbs.js\";</code>\n---\n\n\n### **Events:**\n - **item-click** - \n- **open** - Fired after the dropdown is opened.\n- **close** - Fired after the dropdown is closed.\n\n### **Slots:**\n - **default** - Defines the component items.\n\n**Note:** Use the `udex-breadcrumbs-item` component to define the desired items.",
           "doc-url": "",
           "attributes": [
             {
               "name": "show-items",
               "description": "Defines how many breadcrumb items should be visible",
-              "value": { "type": "number | undefined", "default": "3" }
+              "value": { "type": "number", "default": "3" }
             }
           ],
           "slots": [
@@ -369,10 +374,7 @@
             }
           ],
           "events": [
-            {
-              "name": "item-click",
-              "description": "Fires when a `BreadcrumbsItem` is clicked.\n\n**Note:** You can prevent browser location change by calling `event.preventDefault()`."
-            },
+            { "name": "item-click", "description": "" },
             {
               "name": "open",
               "description": "Fired after the dropdown is opened."
@@ -387,14 +389,11 @@
               {
                 "name": "show-items",
                 "description": "Defines how many breadcrumb items should be visible",
-                "value": { "type": "number | undefined" }
+                "value": { "type": "number" }
               }
             ],
             "events": [
-              {
-                "name": "item-click",
-                "description": "Fires when a `BreadcrumbsItem` is clicked.\n\n**Note:** You can prevent browser location change by calling `event.preventDefault()`."
-              },
+              { "name": "item-click", "description": "" },
               {
                 "name": "open",
                 "description": "Fired after the dropdown is opened."
@@ -438,7 +437,7 @@
               "name": "size",
               "description": "Defines the size of the component.\n<br><br>\n<b>Note:</b> There are three different sizes to choose from.",
               "value": {
-                "type": "\"Small\" | \"Large\" | \"Medium\"",
+                "type": "\"Medium\" | \"Small\" | \"Large\"",
                 "default": "\"Medium\""
               }
             },
@@ -451,7 +450,7 @@
               "name": "design",
               "description": "Defines the component design.",
               "value": {
-                "type": "\"Transparent\" | \"Warning\" | \"Primary\" | \"Emphasized\" | \"Secondary\" | \"Default\" | \"Tertiary\" | \"Invisible\" | \"Attention\" | \"Positive\" | \"Negative\"",
+                "type": "\"Transparent\" | \"Negative\" | \"Positive\" | \"Warning\" | \"Primary\" | \"Secondary\" | \"Tertiary\" | \"Invisible\" | \"Emphasized\" | \"Default\" | \"Attention\"",
                 "default": "\"Primary\""
               }
             }
@@ -462,7 +461,7 @@
               {
                 "name": "size",
                 "description": "Defines the size of the component.\n<br><br>\n<b>Note:</b> There are three different sizes to choose from.",
-                "value": { "type": "\"Small\" | \"Large\" | \"Medium\"" }
+                "value": { "type": "\"Medium\" | \"Small\" | \"Large\"" }
               },
               {
                 "name": "toggled",
@@ -473,7 +472,7 @@
                 "name": "design",
                 "description": "Defines the component design.",
                 "value": {
-                  "type": "\"Transparent\" | \"Warning\" | \"Primary\" | \"Emphasized\" | \"Secondary\" | \"Default\" | \"Tertiary\" | \"Invisible\" | \"Attention\" | \"Positive\" | \"Negative\""
+                  "type": "\"Transparent\" | \"Negative\" | \"Positive\" | \"Warning\" | \"Primary\" | \"Secondary\" | \"Tertiary\" | \"Invisible\" | \"Emphasized\" | \"Default\" | \"Attention\""
                 }
               }
             ],
@@ -493,7 +492,7 @@
             {
               "name": "accessible-name",
               "description": "Defines the accessible ARIA name of the component.",
-              "value": { "type": "string", "default": "''" }
+              "value": { "type": "string", "default": "\"\"" }
             }
           ],
           "slots": [
@@ -523,9 +522,27 @@
           "name": "udex-checkbox",
           "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-checkbox</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Checkbox.js\";</code>\n---\n",
           "doc-url": "",
-          "attributes": [],
+          "attributes": [
+            {
+              "name": "value-state",
+              "description": "Defines the value state of the component.",
+              "value": {
+                "type": "\"None\" | \"Success\" | \"Error\"",
+                "default": "\"None\""
+              }
+            }
+          ],
           "events": [],
-          "js": { "properties": [], "events": [] }
+          "js": {
+            "properties": [
+              {
+                "name": "value-state",
+                "description": "Defines the value state of the component.",
+                "value": { "type": "\"None\" | \"Success\" | \"Error\"" }
+              }
+            ],
+            "events": []
+          }
         },
         {
           "name": "udex-control-button",
@@ -536,7 +553,7 @@
               "name": "size",
               "description": "Defines the size of the button.",
               "value": {
-                "type": "\"Small\" | \"Large\" | \"Medium\"",
+                "type": "\"Medium\" | \"Small\" | \"Large\"",
                 "default": "\"Medium\""
               }
             },
@@ -544,6 +561,14 @@
               "name": "readonly",
               "description": "Determines whether the component is displayed as read-only.",
               "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "design",
+              "description": "Determines whether the component is displayed as read-only.",
+              "value": {
+                "type": "\"Warning\" | \"Default\" | \"Success\" | \"Error\"",
+                "default": "\"Default\""
+              }
             }
           ],
           "events": [],
@@ -552,12 +577,19 @@
               {
                 "name": "size",
                 "description": "Defines the size of the button.",
-                "value": { "type": "\"Small\" | \"Large\" | \"Medium\"" }
+                "value": { "type": "\"Medium\" | \"Small\" | \"Large\"" }
               },
               {
                 "name": "readonly",
                 "description": "Determines whether the component is displayed as read-only.",
                 "value": { "type": "boolean" }
+              },
+              {
+                "name": "design",
+                "description": "Determines whether the component is displayed as read-only.",
+                "value": {
+                  "type": "\"Warning\" | \"Default\" | \"Success\" | \"Error\""
+                }
               }
             ],
             "events": []
@@ -565,18 +597,18 @@
         },
         {
           "name": "udex-country-selector",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-country-selector</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/CountrySelector.js\";</code>\n---\n\n\n### **Events:**\n - **before-open** - Fired before the dropdown paneis opened.\n- **after-open** - Fired after the dropdown pane is opened.\n- **before-close** - Fired before the dropdown pane is closed.\n- **after-close** - Fired after the dropdown pane is closed.\n- **change-search** - Fired event when the user submitted the value in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **selection-change** - \n- **select-all** - Fired event when the user clicks on the Select All header.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-country-selector</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/CountrySelector.js\";</code>\n---\n\n\n### **Events:**\n - **before-open** - Fired before the dropdown pane is opened.\n- **open** - Fired after the dropdown pane is opened.\n- **before-close** - Fired before the dropdown pane is closed.\n- **close** - Fired after the dropdown pane is closed.\n- **change-search** - Fired event when the user submitted the value in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **selection-change** - \n- **select-all** - Fired event when the user clicks on the Select All header.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
           "doc-url": "",
           "attributes": [
             {
               "name": "label",
               "description": "Defines label text for the input field.",
-              "value": { "type": "string | undefined", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name",
               "description": "Defines the accessible ARIA name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name-ref",
@@ -627,14 +659,14 @@
               "name": "value-state",
               "description": "Defines the value state of the component.",
               "value": {
-                "type": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\"",
+                "type": "\"Warning\" | \"Success\" | \"Error\" | \"Standard\"",
                 "default": "\"Standard\""
               }
             },
             {
               "name": "supporting-text",
               "description": "Defines supporting text under the country selector.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "hide-flag-images",
@@ -648,7 +680,7 @@
             {
               "name": "busy-delay",
               "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
-              "value": { "type": "number | undefined", "default": "1000" }
+              "value": { "type": "number", "default": "1000" }
             },
             {
               "name": "no-result-text",
@@ -679,13 +711,14 @@
               "value": { "type": "string", "default": "\"list\"" }
             }
           ],
+          "slots": [{ "name": "default", "description": "Slot for items." }],
           "events": [
             {
               "name": "before-open",
-              "description": "Fired before the dropdown paneis opened."
+              "description": "Fired before the dropdown pane is opened."
             },
             {
-              "name": "after-open",
+              "name": "open",
               "description": "Fired after the dropdown pane is opened."
             },
             {
@@ -693,7 +726,7 @@
               "description": "Fired before the dropdown pane is closed."
             },
             {
-              "name": "after-close",
+              "name": "close",
               "description": "Fired after the dropdown pane is closed."
             },
             {
@@ -724,7 +757,7 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible ARIA name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name-ref",
@@ -775,13 +808,13 @@
                 "name": "value-state",
                 "description": "Defines the value state of the component.",
                 "value": {
-                  "type": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\""
+                  "type": "\"Warning\" | \"Success\" | \"Error\" | \"Standard\""
                 }
               },
               {
                 "name": "supporting-text",
                 "description": "Defines supporting text under the country selector.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "hide-flag-images",
@@ -795,7 +828,7 @@
               {
                 "name": "busy-delay",
                 "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
-                "value": { "type": "number | undefined" }
+                "value": { "type": "number" }
               },
               {
                 "name": "no-result-text",
@@ -828,10 +861,10 @@
             "events": [
               {
                 "name": "before-open",
-                "description": "Fired before the dropdown paneis opened."
+                "description": "Fired before the dropdown pane is opened."
               },
               {
-                "name": "after-open",
+                "name": "open",
                 "description": "Fired after the dropdown pane is opened."
               },
               {
@@ -839,7 +872,7 @@
                 "description": "Fired before the dropdown pane is closed."
               },
               {
-                "name": "after-close",
+                "name": "close",
                 "description": "Fired after the dropdown pane is closed."
               },
               {
@@ -864,14 +897,14 @@
         },
         {
           "name": "udex-date-picker",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-date-picker</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/DatePicker.js\";</code>\n---\n\n\n### **Events:**\n - **selection-change** - Fired when the selected dates change.\n\n### **Methods:**\n - **isValid(value: _string_): _boolean_** - Checks if a value is valid against the current date format of the DatePicker.\n- **isInValidRangeRange(value: _string_): _boolean_** - Checks if a date is between the minimum and maximum date.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-date-picker</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/DatePicker.js\";</code>\n---\n\n\n### **Events:**\n - **selection-change** - Fired when the selected dates change.\n- **value-state-change** - Fired before the value state of the component is updated internally.\nThe event is preventable, meaning that if it's default action is\nprevented, the component will not update the value state.\n\n### **Methods:**\n - **isValid(value: _string_): _boolean_** - Checks if a value is valid against the current date format of the DatePicker.\n- **isInValidRangeRange(value: _string_): _boolean_** - Checks if a date is between the minimum and maximum date.",
           "doc-url": "",
           "attributes": [
             {
               "name": "selection-mode",
               "description": "Defines selection mode of the calendar component.",
               "value": {
-                "type": "\"Single\" | \"Range\" | undefined",
+                "type": "\"Single\" | \"Range\"",
                 "default": "\"Single\""
               }
             },
@@ -903,7 +936,7 @@
             {
               "name": "accessible-name",
               "description": "Sets the accessible ARIA name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string", "default": "undefined" }
             },
             {
               "name": "accessible-name-ref",
@@ -913,13 +946,13 @@
             {
               "name": "label",
               "description": "Defines label text for the input field.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "value-state",
               "description": "Defines the value state of the component.",
               "value": {
-                "type": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\"",
+                "type": "\"Warning\" | \"Success\" | \"Error\" | \"Standard\"",
                 "default": "\"Standard\""
               }
             },
@@ -933,6 +966,10 @@
             {
               "name": "selection-change",
               "description": "Fired when the selected dates change."
+            },
+            {
+              "name": "value-state-change",
+              "description": "Fired before the value state of the component is updated internally.\nThe event is preventable, meaning that if it's default action is\nprevented, the component will not update the value state."
             }
           ],
           "js": {
@@ -940,7 +977,7 @@
               {
                 "name": "selection-mode",
                 "description": "Defines selection mode of the calendar component.",
-                "value": { "type": "\"Single\" | \"Range\" | undefined" }
+                "value": { "type": "\"Single\" | \"Range\"" }
               },
               {
                 "name": "readonly",
@@ -980,13 +1017,13 @@
               {
                 "name": "label",
                 "description": "Defines label text for the input field.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "value-state",
                 "description": "Defines the value state of the component.",
                 "value": {
-                  "type": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\""
+                  "type": "\"Warning\" | \"Success\" | \"Error\" | \"Standard\""
                 }
               },
               {
@@ -999,6 +1036,10 @@
               {
                 "name": "selection-change",
                 "description": "Fired when the selected dates change."
+              },
+              {
+                "name": "value-state-change",
+                "description": "Fired before the value state of the component is updated internally.\nThe event is preventable, meaning that if it's default action is\nprevented, the component will not update the value state."
               }
             ]
           }
@@ -1028,173 +1069,30 @@
         },
         {
           "name": "udex-dropdown",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-dropdown</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Dropdown.js\";</code>\n---\n\n\n### **Events:**\n - **click-trigger** - Fired event when the user clicks the trigger.\n- **before-open** - Fired before the dropdown is opened.\n- **after-open** - Fired after the dropdown is opened.\n- **before-close** - Fired before the menu is closed.\n- **after-close** - Fired after the menu is closed.\n\n### **Methods:**\n - **onOpen(): _void_** - Open dropdown\n- **onClose(): _void_** - Close dropdown\n\n### **Slots:**\n - **default** - Defines the content of the Dropdown.\n- **header** - Defines the header HTML Element.\n- **footer** - Defines the footer HTML Element.\n- **trigger** - Defines the trigger HTML Element.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-dropdown</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Dropdown.js\";</code>\n---\n",
           "doc-url": "",
           "attributes": [
             {
               "name": "height",
               "description": "Allows control over the height.",
               "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "placement-type",
-              "description": "Determines on which side the component is placed at.",
-              "value": {
-                "type": "\"Left\" | \"Right\" | \"Top\" | \"Bottom\"",
-                "default": "\"Bottom\""
-              }
-            },
-            {
-              "name": "horizontal-align",
-              "description": "Determines the horizontal alignment of the component.",
-              "value": {
-                "type": "\"Left\" | \"Right\" | \"Center\" | \"Stretch\"",
-                "default": "\"Left\""
-              }
-            },
-            {
-              "name": "accessible-name",
-              "description": "Defines the accessible ARIA name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
-            },
-            {
-              "name": "accessible-role",
-              "description": "Allows setting a custom role.",
-              "value": {
-                "type": "\"None\" | \"Dialog\" | \"AlertDialog\"",
-                "default": "\"None\""
-              }
-            },
-            {
-              "name": "trigger-accessible-role",
-              "description": "Allows setting a custom role for dropdown trigger.",
-              "value": { "type": "string", "default": "\"combobox\"" }
-            },
-            {
-              "name": "open",
-              "description": "Indicates if the dropdown pane is open",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "disable-target-overlap",
-              "description": "Determines if there is no enough space, the component can be placed\nover the target.",
-              "value": { "type": "boolean | undefined", "default": "false" }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default",
-              "description": "Defines the content of the Dropdown."
-            },
-            {
-              "name": "header",
-              "description": "Defines the header HTML Element."
-            },
-            {
-              "name": "footer",
-              "description": "Defines the footer HTML Element."
-            },
-            {
-              "name": "trigger",
-              "description": "Defines the trigger HTML Element."
-            }
-          ],
-          "events": [
-            {
-              "name": "click-trigger",
-              "description": "Fired event when the user clicks the trigger."
-            },
-            {
-              "name": "before-open",
-              "description": "Fired before the dropdown is opened."
-            },
-            {
-              "name": "after-open",
-              "description": "Fired after the dropdown is opened."
-            },
-            {
-              "name": "before-close",
-              "description": "Fired before the menu is closed."
-            },
-            {
-              "name": "after-close",
-              "description": "Fired after the menu is closed."
             }
           ],
+          "events": [],
           "js": {
             "properties": [
               {
                 "name": "height",
                 "description": "Allows control over the height.",
                 "value": { "type": "string | undefined" }
-              },
-              {
-                "name": "placement-type",
-                "description": "Determines on which side the component is placed at.",
-                "value": {
-                  "type": "\"Left\" | \"Right\" | \"Top\" | \"Bottom\""
-                }
-              },
-              {
-                "name": "horizontal-align",
-                "description": "Determines the horizontal alignment of the component.",
-                "value": {
-                  "type": "\"Left\" | \"Right\" | \"Center\" | \"Stretch\""
-                }
-              },
-              {
-                "name": "accessible-name",
-                "description": "Defines the accessible ARIA name of the component.",
-                "value": { "type": "string" }
-              },
-              {
-                "name": "accessible-role",
-                "description": "Allows setting a custom role.",
-                "value": { "type": "\"None\" | \"Dialog\" | \"AlertDialog\"" }
-              },
-              {
-                "name": "trigger-accessible-role",
-                "description": "Allows setting a custom role for dropdown trigger.",
-                "value": { "type": "string" }
-              },
-              {
-                "name": "open",
-                "description": "Indicates if the dropdown pane is open",
-                "value": { "type": "boolean" }
-              },
-              {
-                "name": "disable-target-overlap",
-                "description": "Determines if there is no enough space, the component can be placed\nover the target.",
-                "value": { "type": "boolean | undefined" }
               }
             ],
-            "events": [
-              {
-                "name": "click-trigger",
-                "description": "Fired event when the user clicks the trigger."
-              },
-              {
-                "name": "before-open",
-                "description": "Fired before the dropdown is opened."
-              },
-              {
-                "name": "after-open",
-                "description": "Fired after the dropdown is opened."
-              },
-              {
-                "name": "before-close",
-                "description": "Fired before the menu is closed."
-              },
-              {
-                "name": "after-close",
-                "description": "Fired after the menu is closed."
-              }
-            ]
+            "events": []
           }
         },
         {
           "name": "udex-filter-menu",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExFilterMenu.js\";</code>\n---\n\n\n### **Events:**\n - **reset-click** - Fired event when the user click on a reset button on the footer.\n- **result-click** - Fired event when the user click on a result button on the footer.\n- **select-all** - Fired event when the user click on Select All header item.\n- **before-open** - Fired before the dropdown pane is opened.\n- **after-open** - Fired after the dropdown pane is opened.\n- **before-close** - Fired before the dropdown pane is closed.\n- **after-close** - Fired after the dropdown pane is closed.\n- **selection-change** - \n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExFilterMenu.js\";</code>\n---\n\n\n### **Events:**\n - **reset-click** - Fired event when the user click on a reset button on the footer.\n- **result-click** - Fired event when the user click on a result button on the footer.\n- **select-all** - Fired event when the user click on Select All header item.\n- **before-open** - Fired before the dropdown pane is opened.\n- **after-open** - Fired after the dropdown pane is opened.\n- **before-close** - Fired before the dropdown pane is closed.\n- **after-close** - Fired after the dropdown pane is closed.\n- **selection-change** - \n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
           "doc-url": "",
           "attributes": [
             {
@@ -1213,10 +1111,10 @@
               "value": { "type": "string | undefined" }
             },
             {
-              "name": "placement-type",
+              "name": "placement",
               "description": "Determines on which side the component is placed at.",
               "value": {
-                "type": "\"Left\" | \"Right\" | \"Top\" | \"Bottom\"",
+                "type": "\"Start\" | \"End\" | \"Top\" | \"Bottom\"",
                 "default": "\"Bottom\""
               }
             },
@@ -1224,7 +1122,7 @@
               "name": "horizontal-align",
               "description": "Determines the horizontal alignment of the component.",
               "value": {
-                "type": "\"Left\" | \"Right\" | \"Center\" | \"Stretch\"",
+                "type": "\"Start\" | \"End\" | \"Center\" | \"Stretch\"",
                 "default": "\"Left\""
               }
             },
@@ -1239,12 +1137,15 @@
             {
               "name": "reset-btn-label",
               "description": "Defines the label of the button reset in the footer.",
-              "value": { "type": "string", "default": "\"Reset\"" }
+              "value": { "type": "string | undefined", "default": "\"Reset\"" }
             },
             {
               "name": "result-btn-label",
               "description": "Defines the label of the button result in the footer.",
-              "value": { "type": "string", "default": "\"Show Result\"" }
+              "value": {
+                "type": "string | undefined",
+                "default": "\"Show Result\""
+              }
             },
             {
               "name": "filter-name",
@@ -1264,22 +1165,17 @@
             {
               "name": "hide-result-btn",
               "description": "Hides the result button in the footer.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean", "default": "false" }
             },
             {
               "name": "hide-reset-btn",
               "description": "Hides the reset button in the footer.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean", "default": "false" }
             },
             {
               "name": "accessible-name",
               "description": "Defines the accessible ARIA name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
-            },
-            {
-              "name": "accessible-name-ref",
-              "description": "Defines id (or many ids) of the elements that contain the ARIA name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-role",
@@ -1302,7 +1198,7 @@
             {
               "name": "busy-delay",
               "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
-              "value": { "type": "number | undefined", "default": "1000" }
+              "value": { "type": "number", "default": "1000" }
             },
             {
               "name": "no-result-text",
@@ -1330,6 +1226,7 @@
               "value": { "type": "string", "default": "\"list\"" }
             }
           ],
+          "slots": [{ "name": "default", "description": "Slot for items." }],
           "events": [
             {
               "name": "reset-click",
@@ -1391,17 +1288,17 @@
                 "value": { "type": "string | undefined" }
               },
               {
-                "name": "placement-type",
+                "name": "placement",
                 "description": "Determines on which side the component is placed at.",
                 "value": {
-                  "type": "\"Left\" | \"Right\" | \"Top\" | \"Bottom\""
+                  "type": "\"Start\" | \"End\" | \"Top\" | \"Bottom\""
                 }
               },
               {
                 "name": "horizontal-align",
                 "description": "Determines the horizontal alignment of the component.",
                 "value": {
-                  "type": "\"Left\" | \"Right\" | \"Center\" | \"Stretch\""
+                  "type": "\"Start\" | \"End\" | \"Center\" | \"Stretch\""
                 }
               },
               {
@@ -1414,12 +1311,12 @@
               {
                 "name": "reset-btn-label",
                 "description": "Defines the label of the button reset in the footer.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "result-btn-label",
                 "description": "Defines the label of the button result in the footer.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "filter-name",
@@ -1449,12 +1346,7 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible ARIA name of the component.",
-                "value": { "type": "string" }
-              },
-              {
-                "name": "accessible-name-ref",
-                "description": "Defines id (or many ids) of the elements that contain the ARIA name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-role",
@@ -1474,7 +1366,7 @@
               {
                 "name": "busy-delay",
                 "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
-                "value": { "type": "number | undefined" }
+                "value": { "type": "number" }
               },
               {
                 "name": "no-result-text",
@@ -1603,13 +1495,17 @@
             {
               "name": "size",
               "description": "Defines the size of the item.",
-              "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+              "value": {
+                "type": "\"Large\" | \"Standard\"",
+                "default": "\"Standard\""
+              }
             },
             {
               "name": "type",
               "description": "Defines the type of the item.",
               "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
+                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
+                "default": "\"None\""
               }
             }
           ],
@@ -1669,7 +1565,7 @@
               {
                 "name": "size",
                 "description": "Defines the size of the item.",
-                "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+                "value": { "type": "\"Large\" | \"Standard\"" }
               },
               {
                 "name": "type",
@@ -1737,13 +1633,17 @@
             {
               "name": "size",
               "description": "Defines the size of the item.",
-              "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+              "value": {
+                "type": "\"Large\" | \"Standard\"",
+                "default": "\"Standard\""
+              }
             },
             {
               "name": "type",
               "description": "Defines the type of the item.",
               "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
+                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
+                "default": "\"None\""
               }
             }
           ],
@@ -1799,7 +1699,7 @@
               {
                 "name": "size",
                 "description": "Defines the size of the item.",
-                "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+                "value": { "type": "\"Large\" | \"Standard\"" }
               },
               {
                 "name": "type",
@@ -1814,7 +1714,7 @@
         },
         {
           "name": "udex-filter-menu-select-all",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu-select-all</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/FilterMenuSelectAll.js\";</code>\n---\n",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu-select-all</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/FilterMenuSelectAll.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Slot for group header list items.",
           "doc-url": "",
           "attributes": [
             {
@@ -1868,16 +1768,26 @@
             {
               "name": "size",
               "description": "Defines the size of the item.",
-              "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+              "value": {
+                "type": "\"Large\" | \"Standard\"",
+                "default": "\"Standard\""
+              }
             },
             {
               "name": "type",
               "description": "Defines the type of the item.",
               "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
+                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
+                "default": "\"None\""
               }
             }
           ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Slot for group header list items."
+            }
+          ],
           "events": [],
           "js": {
             "properties": [
@@ -1931,7 +1841,7 @@
               {
                 "name": "size",
                 "description": "Defines the size of the item.",
-                "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+                "value": { "type": "\"Large\" | \"Standard\"" }
               },
               {
                 "name": "type",
@@ -1962,7 +1872,7 @@
             {
               "name": "logo-link",
               "description": "Defines the optional component href link for the logo.",
-              "value": { "type": "string | undefined", "default": "\"\"" }
+              "value": { "type": "string", "default": "\"\"" }
             },
             {
               "name": "quick-links",
@@ -2017,7 +1927,7 @@
             {
               "name": "logo-aria-label",
               "description": "Defines an aria label for the logo link",
-              "value": { "type": "string" }
+              "value": { "type": "string", "default": "\"\"" }
             },
             {
               "name": "quick-links-title",
@@ -2042,7 +1952,7 @@
             {
               "name": "chinese-icp-number-link",
               "description": "Defines a href for the chinese ICP Number link",
-              "value": { "type": "string" }
+              "value": { "type": "string", "default": "chineseICPDefaultLink" }
             }
           ],
           "events": [
@@ -2106,7 +2016,7 @@
               {
                 "name": "logo-link",
                 "description": "Defines the optional component href link for the logo.",
-                "value": { "type": "string | undefined" }
+                "value": { "type": "string" }
               },
               {
                 "name": "quick-links",
@@ -2250,7 +2160,7 @@
             {
               "name": "background-image-loading-strategy",
               "description": "Allows control over the background image loading strategy.",
-              "value": { "type": "\"eager\" | \"lazy\" | undefined" }
+              "value": { "type": "\"eager\" | \"lazy\"" }
             },
             {
               "name": "background-image-label",
@@ -2300,7 +2210,7 @@
               {
                 "name": "background-image-loading-strategy",
                 "description": "Allows control over the background image loading strategy.",
-                "value": { "type": "\"eager\" | \"lazy\" | undefined" }
+                "value": { "type": "\"eager\" | \"lazy\"" }
               },
               {
                 "name": "background-image-label",
@@ -2353,14 +2263,14 @@
               "name": "value-state",
               "description": "Defines the value state of the component.",
               "value": {
-                "type": "\"Error\" | \"Success\" | \"Standard\"",
+                "type": "\"Success\" | \"Error\" | \"Standard\"",
                 "default": "\"Standard\""
               }
             },
             {
               "name": "supporting-text",
               "description": "Defines supporting text under the Input Group.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "slots": [
@@ -2385,12 +2295,12 @@
               {
                 "name": "value-state",
                 "description": "Defines the value state of the component.",
-                "value": { "type": "\"Error\" | \"Success\" | \"Standard\"" }
+                "value": { "type": "\"Success\" | \"Error\" | \"Standard\"" }
               },
               {
                 "name": "supporting-text",
                 "description": "Defines supporting text under the Input Group.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": []
@@ -2400,37 +2310,9 @@
           "name": "udex-link",
           "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-link</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Link.js\";</code>\n---\n",
           "doc-url": "",
-          "attributes": [
-            {
-              "name": "icon",
-              "description": "Used as the label for background image.",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "icon-placement",
-              "description": "Used as the label for background image.",
-              "value": {
-                "type": "\"Start\" | \"End\" | undefined",
-                "default": "\"End\""
-              }
-            }
-          ],
+          "attributes": [],
           "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "icon",
-                "description": "Used as the label for background image.",
-                "value": { "type": "string | undefined" }
-              },
-              {
-                "name": "icon-placement",
-                "description": "Used as the label for background image.",
-                "value": { "type": "\"Start\" | \"End\" | undefined" }
-              }
-            ],
-            "events": []
-          }
+          "js": { "properties": [], "events": [] }
         },
         {
           "name": "udex-list",
@@ -2459,7 +2341,8 @@
               "name": "type",
               "description": "Defines the type of the item.",
               "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
+                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
+                "default": "\"None\""
               }
             },
             {
@@ -2529,7 +2412,7 @@
         },
         {
           "name": "udex-list-group-header",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-list-group-header</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ListGroupHeader.js\";</code>\n---\n",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-list-group-header</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ListGroupHeader.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Slot for group header list items.",
           "doc-url": "",
           "attributes": [
             {
@@ -2583,16 +2466,26 @@
             {
               "name": "size",
               "description": "Defines the size of the item.",
-              "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+              "value": {
+                "type": "\"Large\" | \"Standard\"",
+                "default": "\"Standard\""
+              }
             },
             {
               "name": "type",
               "description": "Defines the type of the item.",
               "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
+                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
+                "default": "\"None\""
               }
             }
           ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Slot for group header list items."
+            }
+          ],
           "events": [],
           "js": {
             "properties": [
@@ -2646,7 +2539,7 @@
               {
                 "name": "size",
                 "description": "Defines the size of the item.",
-                "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+                "value": { "type": "\"Large\" | \"Standard\"" }
               },
               {
                 "name": "type",
@@ -2661,23 +2554,13 @@
         },
         {
           "name": "udex-list-item",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-list-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ListItem.js\";</code>\n---\n\n\n### **Events:**\n - **item-press** - Fired event when the user click on a list item.\n- **item-focus** - Fired event when the user focuses on a list item.\n- **delete-press** - Fired event when the user click on the delete icon.\n- **edit-press** - Fired event when the user click on the edit icon.\n\n### **Slots:**\n - **default** - Slot for list item content.\n- **firstIcon** - Slot for first icon.\n- **secondIcon** - Slot for second icon.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-list-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ListItem.js\";</code>\n---\n\n\n### **Events:**\n - **item-press** - Fired event when the user click on a list item.\n- **item-focus** - Fired event when the user focuses on a list item.\n\n### **Slots:**\n - **default** - Slot for list item content.\n- **firstIcon** - Slot for first icon.\n- **secondIcon** - Slot for second icon.",
           "doc-url": "",
           "attributes": [
-            {
-              "name": "edit-icon",
-              "description": "Defines the name of the edit icon, displayed in the end of the list item.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "delete-icon",
-              "description": "Defines the name of the delete icon, displayed in the end of the list item.",
-              "value": { "type": "string" }
-            },
             {
               "name": "accessible-name",
               "description": "Defines the accessible name of the item.",
-              "value": { "type": "string | undefined", "default": "\"\"" }
+              "value": { "type": "string", "default": "\"\"" }
             },
             {
               "name": "flag-position",
@@ -2698,7 +2581,8 @@
               "name": "additional-text-state",
               "description": "Defines the state of the additionalText.",
               "value": {
-                "type": "\"Error\" | \"Success\" | \"Warning\" | \"None\" | \"Information\" | undefined"
+                "type": "\"Information\" | \"Warning\" | \"None\" | \"Success\" | \"Error\"",
+                "default": "\"None\""
               }
             },
             {
@@ -2714,17 +2598,23 @@
             {
               "name": "image-shape",
               "description": "Defines the shape of the image.",
-              "value": { "type": "\"Circle\" | \"Square\" | undefined" }
+              "value": {
+                "type": "\"Circle\" | \"Square\"",
+                "default": "\"Circle\""
+              }
             },
             {
               "name": "image-size",
               "description": "Allows control over the size of the image.",
-              "value": { "type": "\"XS\" | \"S\" | \"M\" | \"L\" | \"XL\"" }
+              "value": {
+                "type": "\"XS\" | \"S\" | \"M\" | \"L\" | \"XL\"",
+                "default": "\"S\""
+              }
             },
             {
               "name": "accessible-role",
               "description": "Defines the role attribute of component",
-              "value": { "type": "string" }
+              "value": { "type": "string", "default": "\"\"" }
             },
             {
               "name": "label",
@@ -2772,13 +2662,17 @@
             {
               "name": "size",
               "description": "Defines the size of the item.",
-              "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+              "value": {
+                "type": "\"Large\" | \"Standard\"",
+                "default": "\"Standard\""
+              }
             },
             {
               "name": "type",
               "description": "Defines the type of the item.",
               "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
+                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
+                "default": "\"None\""
               }
             }
           ],
@@ -2795,32 +2689,14 @@
             {
               "name": "item-focus",
               "description": "Fired event when the user focuses on a list item."
-            },
-            {
-              "name": "delete-press",
-              "description": "Fired event when the user click on the delete icon."
-            },
-            {
-              "name": "edit-press",
-              "description": "Fired event when the user click on the edit icon."
             }
           ],
           "js": {
             "properties": [
-              {
-                "name": "edit-icon",
-                "description": "Defines the name of the edit icon, displayed in the end of the list item.",
-                "value": { "type": "string" }
-              },
-              {
-                "name": "delete-icon",
-                "description": "Defines the name of the delete icon, displayed in the end of the list item.",
-                "value": { "type": "string" }
-              },
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible name of the item.",
-                "value": { "type": "string | undefined" }
+                "value": { "type": "string" }
               },
               {
                 "name": "flag-position",
@@ -2841,7 +2717,7 @@
                 "name": "additional-text-state",
                 "description": "Defines the state of the additionalText.",
                 "value": {
-                  "type": "\"Error\" | \"Success\" | \"Warning\" | \"None\" | \"Information\" | undefined"
+                  "type": "\"Information\" | \"Warning\" | \"None\" | \"Success\" | \"Error\""
                 }
               },
               {
@@ -2857,7 +2733,7 @@
               {
                 "name": "image-shape",
                 "description": "Defines the shape of the image.",
-                "value": { "type": "\"Circle\" | \"Square\" | undefined" }
+                "value": { "type": "\"Circle\" | \"Square\"" }
               },
               {
                 "name": "image-size",
@@ -2914,7 +2790,7 @@
               {
                 "name": "size",
                 "description": "Defines the size of the item.",
-                "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+                "value": { "type": "\"Large\" | \"Standard\"" }
               },
               {
                 "name": "type",
@@ -2932,21 +2808,13 @@
               {
                 "name": "item-focus",
                 "description": "Fired event when the user focuses on a list item."
-              },
-              {
-                "name": "delete-press",
-                "description": "Fired event when the user click on the delete icon."
-              },
-              {
-                "name": "edit-press",
-                "description": "Fired event when the user click on the edit icon."
               }
             ]
           }
         },
         {
           "name": "udex-list-select-all",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-list-select-all</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ListSelectAll.js\";</code>\n---\n",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-list-select-all</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ListSelectAll.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Slot for group header list items.",
           "doc-url": "",
           "attributes": [
             {
@@ -3000,16 +2868,26 @@
             {
               "name": "size",
               "description": "Defines the size of the item.",
-              "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+              "value": {
+                "type": "\"Large\" | \"Standard\"",
+                "default": "\"Standard\""
+              }
             },
             {
               "name": "type",
               "description": "Defines the type of the item.",
               "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
+                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
+                "default": "\"None\""
               }
             }
           ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Slot for group header list items."
+            }
+          ],
           "events": [],
           "js": {
             "properties": [
@@ -3063,7 +2941,7 @@
               {
                 "name": "size",
                 "description": "Defines the size of the item.",
-                "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+                "value": { "type": "\"Large\" | \"Standard\"" }
               },
               {
                 "name": "type",
@@ -3177,7 +3055,7 @@
         },
         {
           "name": "udex-masthead-item",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadItem.js\";</code>\n---\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n- **dropdown-closed** - Fires when item is clicked\n- **dropdown-opened** - Fires when item is clicked\n\n### **Slots:**\n - **dropdown** - Slot for the dropdown\n- **default** - Slot for any content",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadItem.js\";</code>\n---\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n\n### **Slots:**\n - **dropdown** - Slot for the dropdown\n- **default** - Slot for any content",
           "doc-url": "",
           "attributes": [
             {
@@ -3228,17 +3106,17 @@
             {
               "name": "target",
               "description": "Define the target of the item\n<b>Note:</b> Standard hyperlink behavior is supported.",
-              "value": { "type": "Target" }
+              "value": { "type": "UDExTarget" }
             },
             {
               "name": "accessible-name",
               "description": "Controls the ARIA name of the item",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-role",
               "description": "Controls the ARIA role of the item",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "icon-alt",
@@ -3259,14 +3137,6 @@
             {
               "name": "item-click",
               "description": "Fires when item is clicked"
-            },
-            {
-              "name": "dropdown-closed",
-              "description": "Fires when item is clicked"
-            },
-            {
-              "name": "dropdown-opened",
-              "description": "Fires when item is clicked"
             }
           ],
           "js": {
@@ -3319,17 +3189,17 @@
               {
                 "name": "target",
                 "description": "Define the target of the item\n<b>Note:</b> Standard hyperlink behavior is supported.",
-                "value": { "type": "Target" }
+                "value": { "type": "UDExTarget" }
               },
               {
                 "name": "accessible-name",
                 "description": "Controls the ARIA name of the item",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-role",
                 "description": "Controls the ARIA role of the item",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "icon-alt",
@@ -3346,14 +3216,6 @@
               {
                 "name": "item-click",
                 "description": "Fires when item is clicked"
-              },
-              {
-                "name": "dropdown-closed",
-                "description": "Fires when item is clicked"
-              },
-              {
-                "name": "dropdown-opened",
-                "description": "Fires when item is clicked"
               }
             ]
           }
@@ -3507,13 +3369,13 @@
         },
         {
           "name": "udex-masthead-shell",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-shell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadShell.js\";</code>\n---\n\n\n### **Events:**\n - **mobile-menu-open** - Fired event when the user clicks the mobile menu button opener.\n- **mobile-menu-close** - Fired event when the user clicks the mobile menu button closer.\n- **search-click** - Fired event when the user clicks the search button trigger.\n- **search-close-click** - Fired event when the user clicks the search close button.\n- **search-opened** - Fired event when the search panel is opened.\n- **search-closed** - Fired event when the search panel is closed.\n- **cart-click** - Fired event when the user clicks the cart button trigger.\n- **profile-click** - Fired event when the user clicks the profile button trigger.\n- **country-selector-click** - Fired event when the user clicks the country selector button trigger.\n- **logo-click** - Fired event when the user clicks the logo.\n- **site-label-click** - Fired event when the user clicks the site label.\n\n### **Methods:**\n - **closeSearch(): _void_** - Close the search panel.\n- **openSearch(): _void_** - Open the search panel.\n- **openMobileMenu(): _void_** - Open the mobile menu panel.\n- **closeMobileMenu(): _void_** - Close the mobile menu panel.\n\n### **Slots:**\n - **countrySelector** - Slot for country selector item.\n- **mobileMenu** - Slot for mobile menu\n- **default** - Slot for main menu items.\n- **search** - Slot for search component - will be visible on search icon click.\nNote: search component should be hidden by default.\nNote: search icon won't be visible if this slot would be empty\n- **exploreSAP** - Slot for 'Explore SAP' menu\n- **cart** - Slot for cart menu\n- **profile** - Slot for avatar",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-shell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadShell.js\";</code>\n---\n\n\n### **Events:**\n - **mobile-menu-open** - Fired event when the user clicks the mobile menu button opener.\n- **mobile-menu-close** - Fired event when the user clicks the mobile menu button closer.\n- **search-click** - Fired event when the user clicks the search button trigger.\n- **cart-click** - Fired event when the user clicks the cart button trigger.\n- **profile-click** - Fired event when the user clicks the profile button trigger.\n- **country-selector-click** - Fired event when the user clicks the country selector button trigger.\n- **logo-click** - Fired event when the user clicks the logo.\n- **site-label-click** - Fired event when the user clicks the site label.\n\n### **Methods:**\n - **closeSearch(): _void_** - Close the search panel.\n- **openSearch(): _void_** - Open the search panel.\n- **openMobileMenu(): _void_** - Open the mobile menu panel.\n- **closeMobileMenu(): _void_** - Close the mobile menu panel.\n\n### **Slots:**\n - **countrySelector** - Slot for country selector item.\n- **mobileMenu** - Slot for mobile menu\n- **default** - Slot for main menu items.\n- **search** - Slot for search component - will be visible on search icon click.\nNote: search component should be hidden by default.\nNote: search icon won't be visible if this slot would be empty\n- **exploreSAP** - Slot for 'Explore SAP' menu\n- **cart** - Slot for cart menu\n- **profile** - Slot for avatar",
           "doc-url": "",
           "attributes": [
             {
               "name": "home-url",
               "description": "Defines URL to homepage. It will be used as a link on a logo and a site label",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "site-label-url",
@@ -3553,22 +3415,22 @@
             {
               "name": "logo-alt",
               "description": "Defines an alt text for logo",
-              "value": { "type": "string" }
+              "value": { "type": "string", "default": "\"\"" }
             },
             {
               "name": "close-button-accessible-name",
-              "description": "Defines an accessible name for close icon for the search bar\n\ndefault: \"\"",
-              "value": { "type": "string" }
+              "description": "Defines an accessible name for close icon for the search bar",
+              "value": { "type": "string", "default": "\"\"" }
             },
             {
               "name": "homepage-aria-label",
               "description": "Defines an aria label for the homepage link",
-              "value": { "type": "string" }
+              "value": { "type": "string", "default": "\"\"" }
             },
             {
               "name": "site-label-aria-label",
               "description": "Defines an aria label for the site label",
-              "value": { "type": "string" }
+              "value": { "type": "string", "default": "\"\"" }
             }
           ],
           "slots": [
@@ -3602,18 +3464,6 @@
               "name": "search-click",
               "description": "Fired event when the user clicks the search button trigger."
             },
-            {
-              "name": "search-close-click",
-              "description": "Fired event when the user clicks the search close button."
-            },
-            {
-              "name": "search-opened",
-              "description": "Fired event when the search panel is opened."
-            },
-            {
-              "name": "search-closed",
-              "description": "Fired event when the search panel is closed."
-            },
             {
               "name": "cart-click",
               "description": "Fired event when the user clicks the cart button trigger."
@@ -3640,7 +3490,7 @@
               {
                 "name": "home-url",
                 "description": "Defines URL to homepage. It will be used as a link on a logo and a site label",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "site-label-url",
@@ -3684,7 +3534,7 @@
               },
               {
                 "name": "close-button-accessible-name",
-                "description": "Defines an accessible name for close icon for the search bar\n\ndefault: \"\"",
+                "description": "Defines an accessible name for close icon for the search bar",
                 "value": { "type": "string" }
               },
               {
@@ -3711,18 +3561,6 @@
                 "name": "search-click",
                 "description": "Fired event when the user clicks the search button trigger."
               },
-              {
-                "name": "search-close-click",
-                "description": "Fired event when the user clicks the search close button."
-              },
-              {
-                "name": "search-opened",
-                "description": "Fired event when the search panel is opened."
-              },
-              {
-                "name": "search-closed",
-                "description": "Fired event when the search panel is closed."
-              },
               {
                 "name": "cart-click",
                 "description": "Fired event when the user clicks the cart button trigger."
@@ -4131,14 +3969,14 @@
         },
         {
           "name": "udex-message-strip",
-          "description": "\n---\n\n\n### **Events:**\n - **close** - Fired when the close button is pressed either with a\nclick/tap or by using the Enter or Space key.\n\n### **Slots:**\n - **default** - Defines the content of the component.",
+          "description": "\n---\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
           "doc-url": "",
           "attributes": [
             {
               "name": "design",
               "description": "Defines the component type.",
               "value": {
-                "type": "\"Warning\" | \"Positive\" | \"Negative\" | \"Information\" | \"Action\""
+                "type": "\"Negative\" | \"Information\" | \"Positive\" | \"Warning\" | \"Action\""
               }
             },
             {
@@ -4158,19 +3996,14 @@
               "description": "Defines the content of the component."
             }
           ],
-          "events": [
-            {
-              "name": "close",
-              "description": "Fired when the close button is pressed either with a\nclick/tap or by using the Enter or Space key."
-            }
-          ],
+          "events": [],
           "js": {
             "properties": [
               {
                 "name": "design",
                 "description": "Defines the component type.",
                 "value": {
-                  "type": "\"Warning\" | \"Positive\" | \"Negative\" | \"Information\" | \"Action\""
+                  "type": "\"Negative\" | \"Information\" | \"Positive\" | \"Warning\" | \"Action\""
                 }
               },
               {
@@ -4184,12 +4017,7 @@
                 "value": { "type": "boolean" }
               }
             ],
-            "events": [
-              {
-                "name": "close",
-                "description": "Fired when the close button is pressed either with a\nclick/tap or by using the Enter or Space key."
-              }
-            ]
+            "events": []
           }
         },
         {
@@ -4231,24 +4059,16 @@
             {
               "name": "type",
               "description": "Defines type of pagination.",
-              "value": {
-                "type": "\"full\" | \"short\" | undefined",
-                "default": "\"full\""
-              }
+              "value": { "type": "\"full\" | \"short\"", "default": "\"full\"" }
             },
             {
               "name": "display",
               "description": "Define display purpose.",
               "value": {
-                "type": "\"desktop\" | \"mobile\" | undefined",
+                "type": "\"desktop\" | \"mobile\"",
                 "default": "\"desktop\""
               }
             },
-            {
-              "name": "absolute-navigation",
-              "description": "Define if arrow icons for last and first page are visible.",
-              "value": { "type": "boolean" }
-            },
             {
               "name": "current-page-index",
               "description": "Current index of pagination page.",
@@ -4271,17 +4091,12 @@
               {
                 "name": "type",
                 "description": "Defines type of pagination.",
-                "value": { "type": "\"full\" | \"short\" | undefined" }
+                "value": { "type": "\"full\" | \"short\"" }
               },
               {
                 "name": "display",
                 "description": "Define display purpose.",
-                "value": { "type": "\"desktop\" | \"mobile\" | undefined" }
-              },
-              {
-                "name": "absolute-navigation",
-                "description": "Define if arrow icons for last and first page are visible.",
-                "value": { "type": "boolean" }
+                "value": { "type": "\"desktop\" | \"mobile\"" }
               },
               {
                 "name": "current-page-index",
@@ -4302,11 +4117,6 @@
           "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-password-field</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExPasswordField.js\";</code>\n---\n",
           "doc-url": "",
           "attributes": [
-            {
-              "name": "autocomplete",
-              "description": "Defines the behaviour of autocomplete.",
-              "value": { "type": "\"on\" | \"off\"" }
-            },
             {
               "name": "disabled",
               "description": "Defines whether the component is in disabled state.\n<br><br>\n<b>Note:</b> A disabled component is completely noninteractive.",
@@ -4319,7 +4129,7 @@
             },
             {
               "name": "maxlength",
-              "description": "Sets the maximum number of characters available in the input field.\n<br><br>\n<b>Note:</b> This property is not compatible with the ui5-input type InputType.Number. If the ui5-input type is set to Number, the maxlength value is ignored.",
+              "description": "Sets the maximum number of characters available in the input field.\n<br><br>\n<b>Note:</b> This property is not compatible with the ui5-input type UDExInputType.Number. If the ui5-input type is set to Number, the maxlength value is ignored.",
               "value": { "type": "number | undefined" }
             },
             {
@@ -4335,7 +4145,7 @@
             {
               "name": "value-state",
               "description": "Defines the value state of the component.",
-              "value": { "type": "ValueState", "default": "\"Standard\"" }
+              "value": { "type": "UDExValueState", "default": "\"Standard\"" }
             },
             {
               "name": "supporting-text",
@@ -4376,11 +4186,6 @@
           "events": [],
           "js": {
             "properties": [
-              {
-                "name": "autocomplete",
-                "description": "Defines the behaviour of autocomplete.",
-                "value": { "type": "\"on\" | \"off\"" }
-              },
               {
                 "name": "disabled",
                 "description": "Defines whether the component is in disabled state.\n<br><br>\n<b>Note:</b> A disabled component is completely noninteractive.",
@@ -4393,7 +4198,7 @@
               },
               {
                 "name": "maxlength",
-                "description": "Sets the maximum number of characters available in the input field.\n<br><br>\n<b>Note:</b> This property is not compatible with the ui5-input type InputType.Number. If the ui5-input type is set to Number, the maxlength value is ignored.",
+                "description": "Sets the maximum number of characters available in the input field.\n<br><br>\n<b>Note:</b> This property is not compatible with the ui5-input type UDExInputType.Number. If the ui5-input type is set to Number, the maxlength value is ignored.",
                 "value": { "type": "number | undefined" }
               },
               {
@@ -4409,7 +4214,7 @@
               {
                 "name": "value-state",
                 "description": "Defines the value state of the component.",
-                "value": { "type": "ValueState" }
+                "value": { "type": "UDExValueState" }
               },
               {
                 "name": "supporting-text",
@@ -4461,10 +4266,10 @@
               "value": { "type": "string", "default": "\"\"" }
             },
             {
-              "name": "field-state",
+              "name": "value-state",
               "description": "Defines the value state of the component.",
               "value": {
-                "type": "\"Error\" | \"Success\" | \"Standard\"",
+                "type": "\"Success\" | \"Error\" | \"Standard\"",
                 "default": "\"Standard\""
               }
             },
@@ -4537,9 +4342,9 @@
                 "value": { "type": "string" }
               },
               {
-                "name": "field-state",
+                "name": "value-state",
                 "description": "Defines the value state of the component.",
-                "value": { "type": "\"Error\" | \"Success\" | \"Standard\"" }
+                "value": { "type": "\"Success\" | \"Error\" | \"Standard\"" }
               },
               {
                 "name": "supporting-text",
@@ -4608,9 +4413,29 @@
           "name": "udex-progress-bar",
           "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-progress-bar</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ProgressBar.js\";</code>\n---\n",
           "doc-url": "",
-          "attributes": [],
+          "attributes": [
+            {
+              "name": "value-state",
+              "description": "Defines the value state of the component.",
+              "value": {
+                "type": "\"Information\" | \"Warning\" | \"None\" | \"Success\" | \"Error\"",
+                "default": "\"None\""
+              }
+            }
+          ],
           "events": [],
-          "js": { "properties": [], "events": [] }
+          "js": {
+            "properties": [
+              {
+                "name": "value-state",
+                "description": "Defines the value state of the component.",
+                "value": {
+                  "type": "\"Information\" | \"Warning\" | \"None\" | \"Success\" | \"Error\""
+                }
+              }
+            ],
+            "events": []
+          }
         },
         {
           "name": "udex-quote",
@@ -4685,6 +4510,14 @@
               "name": "display-only",
               "description": "Define if arrow icons for last and first page are visible.",
               "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "value-state",
+              "description": "Defines the value state of the component.",
+              "value": {
+                "type": "\"Information\" | \"Warning\" | \"None\" | \"Success\" | \"Error\"",
+                "default": "\"None\""
+              }
             }
           ],
           "events": [],
@@ -4694,6 +4527,13 @@
                 "name": "display-only",
                 "description": "Define if arrow icons for last and first page are visible.",
                 "value": { "type": "boolean" }
+              },
+              {
+                "name": "value-state",
+                "description": "Defines the value state of the component.",
+                "value": {
+                  "type": "\"Information\" | \"Warning\" | \"None\" | \"Success\" | \"Error\""
+                }
               }
             ],
             "events": []
@@ -4885,7 +4725,7 @@
         },
         {
           "name": "udex-search",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-search</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Search.js\";</code>\n---\n\n\n### **Events:**\n - **submit-search-value** - Fired event when the user submitted the value.\n- **handle-value-search** - Fired event when the user typed to search field.\n- **handle-value-reset** - Fired event when the user clicks on the reset button.\n- **handle-close-search** - Fired event when the user presses escape in search field.\n- **dropdown-item-click** - Fired event when the user clicks on the item inside the popover.\n- **prefix-item-click** - Fired event when the user clicks on the intem inside the prefix dropdown.\n\n### **Slots:**\n - **default** - Defines the prefix dropdown of the Search component.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-search</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Search.js\";</code>\n---\n\n\n### **Events:**\n - **submit-search-value** - Fired event when the user submitted the value.\n- **handle-value-search** - Fired event when the user typed to search field.\n- **handle-value-reset** - Fired event when the user clicks on the reset button.\n- **dropdown-item-click** - Fired event when the user clicks on the item inside the popover.\n- **prefix-item-click** - Fired event when the user clicks on the intem inside the prefix dropdown.\n- **search-keydown** - Fired event when the user clicks on the intem inside the prefix dropdown.\n\n### **Slots:**\n - **default** - Defines the prefix dropdown of the Search component.",
           "doc-url": "",
           "attributes": [
             {
@@ -4941,12 +4781,12 @@
             {
               "name": "show-popover-when-clicked-into-input",
               "description": "Defines open suggestion popover when clicked on the input field.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean", "default": "false" }
             },
             {
               "name": "open-suggestion-popup",
               "description": "Defines open suggestion popover.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean", "default": "false" }
             },
             {
               "name": "accessible-name",
@@ -5003,10 +4843,6 @@
               "name": "handle-value-reset",
               "description": "Fired event when the user clicks on the reset button."
             },
-            {
-              "name": "handle-close-search",
-              "description": "Fired event when the user presses escape in search field."
-            },
             {
               "name": "dropdown-item-click",
               "description": "Fired event when the user clicks on the item inside the popover."
@@ -5014,6 +4850,10 @@
             {
               "name": "prefix-item-click",
               "description": "Fired event when the user clicks on the intem inside the prefix dropdown."
+            },
+            {
+              "name": "search-keydown",
+              "description": "Fired event when the user clicks on the intem inside the prefix dropdown."
             }
           ],
           "js": {
@@ -5127,10 +4967,6 @@
                 "name": "handle-value-reset",
                 "description": "Fired event when the user clicks on the reset button."
               },
-              {
-                "name": "handle-close-search",
-                "description": "Fired event when the user presses escape in search field."
-              },
               {
                 "name": "dropdown-item-click",
                 "description": "Fired event when the user clicks on the item inside the popover."
@@ -5138,6 +4974,10 @@
               {
                 "name": "prefix-item-click",
                 "description": "Fired event when the user clicks on the intem inside the prefix dropdown."
+              },
+              {
+                "name": "search-keydown",
+                "description": "Fired event when the user clicks on the intem inside the prefix dropdown."
               }
             ]
           }
@@ -5158,13 +4998,13 @@
               "value": { "type": "string", "default": "\"[]\"" }
             },
             {
-              "name": "title",
-              "description": "Defines the title of the component.",
+              "name": "heading",
+              "description": "Defines the heading of the component.",
               "value": { "type": "string", "default": "\"\"" }
             },
             {
-              "name": "title-href",
-              "description": "Defines the href of the title.",
+              "name": "heading-href",
+              "description": "Defines the href of the heading.",
               "value": { "type": "string", "default": "\"\"" }
             },
             {
@@ -5196,13 +5036,13 @@
                 "value": { "type": "string" }
               },
               {
-                "name": "title",
-                "description": "Defines the title of the component.",
+                "name": "heading",
+                "description": "Defines the heading of the component.",
                 "value": { "type": "string" }
               },
               {
-                "name": "title-href",
-                "description": "Defines the href of the title.",
+                "name": "heading-href",
+                "description": "Defines the href of the heading.",
                 "value": { "type": "string" }
               },
               {
@@ -5229,6 +5069,11 @@
               "description": "Defines back item.",
               "value": { "type": "boolean", "default": "false" }
             },
+            {
+              "name": "nested-items",
+              "description": "List of the nested items",
+              "value": { "type": "NavItem[]", "default": "[]" }
+            },
             {
               "name": "mobile-link-title",
               "description": "Defines an aria label for item",
@@ -5247,7 +5092,7 @@
             {
               "name": "target",
               "description": "Defines target for the item",
-              "value": { "type": "Target" }
+              "value": { "type": "UDExTarget" }
             },
             {
               "name": "sub-title",
@@ -5282,6 +5127,11 @@
                 "description": "Defines back item.",
                 "value": { "type": "boolean" }
               },
+              {
+                "name": "nested-items",
+                "description": "List of the nested items",
+                "value": { "type": "NavItem[]" }
+              },
               {
                 "name": "mobile-link-title",
                 "description": "Defines an aria label for item",
@@ -5300,7 +5150,7 @@
               {
                 "name": "target",
                 "description": "Defines target for the item",
-                "value": { "type": "Target" }
+                "value": { "type": "UDExTarget" }
               },
               {
                 "name": "sub-title",
@@ -5339,7 +5189,7 @@
               "name": "size",
               "description": "Defines the size of the button.",
               "value": {
-                "type": "\"Small\" | \"Large\" | \"Medium\"",
+                "type": "\"Medium\" | \"Small\" | \"Large\"",
                 "default": "\"Medium\""
               }
             }
@@ -5350,7 +5200,7 @@
               {
                 "name": "size",
                 "description": "Defines the size of the button.",
-                "value": { "type": "\"Small\" | \"Large\" | \"Medium\"" }
+                "value": { "type": "\"Medium\" | \"Small\" | \"Large\"" }
               }
             ],
             "events": []
@@ -5365,7 +5215,7 @@
               "name": "size",
               "description": "Defines the size of the button.",
               "value": {
-                "type": "\"Small\" | \"Large\" | \"Medium\"",
+                "type": "\"Medium\" | \"Small\" | \"Large\"",
                 "default": "\"Medium\""
               }
             }
@@ -5376,7 +5226,7 @@
               {
                 "name": "size",
                 "description": "Defines the size of the button.",
-                "value": { "type": "\"Small\" | \"Large\" | \"Medium\"" }
+                "value": { "type": "\"Medium\" | \"Small\" | \"Large\"" }
               }
             ],
             "events": []
@@ -5384,7 +5234,7 @@
         },
         {
           "name": "udex-select-box",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExSelectBox.js\";</code>\n---\n\n\n### **Events:**\n - **remove** - Fired event when the user clicks on the reset button in the search.\n- **show-more** - Fired event when the user clicks on the More button.\n- **selection-change** - \n- **select-all** - Fired event when the user clicks on the Select All header.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExSelectBox.js\";</code>\n---\n\n\n### **Events:**\n - **remove** - Fired event when the user clicks on the reset button in the search.\n- **show-more** - Fired event when the user clicks on the More button.\n- **selection-change** - \n- **select-all** - Fired event when the user clicks on the Select All header.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
           "doc-url": "",
           "attributes": [
             {
@@ -5415,12 +5265,12 @@
             {
               "name": "accessible-name",
               "description": "Defines the accessible ARIA name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name-ref",
               "description": "Receives id (or many ids) of the elements that label the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "readonly",
@@ -5436,20 +5286,20 @@
               "name": "value-state",
               "description": "Defines the value state of the trigger container.",
               "value": {
-                "type": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\"",
+                "type": "\"Warning\" | \"Success\" | \"Error\" | \"Standard\"",
                 "default": "\"Standard\""
               }
             },
             {
               "name": "supporting-text",
               "description": "Defines supporting text under the trigger container.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "tooltip-placement",
               "description": "Determines on which side of the component the Tooltip is displayed.",
               "value": {
-                "type": "\"Left\" | \"Right\" | \"Top\" | \"Bottom\"",
+                "type": "\"Start\" | \"End\" | \"Top\" | \"Bottom\"",
                 "default": "\"Bottom\""
               }
             },
@@ -5461,7 +5311,7 @@
             {
               "name": "busy-delay",
               "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
-              "value": { "type": "number | undefined", "default": "1000" }
+              "value": { "type": "number", "default": "1000" }
             },
             {
               "name": "no-result-text",
@@ -5497,6 +5347,7 @@
               "value": { "type": "string", "default": "\"list\"" }
             }
           ],
+          "slots": [{ "name": "default", "description": "Slot for items." }],
           "events": [
             {
               "name": "remove",
@@ -5554,12 +5405,12 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible ARIA name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name-ref",
                 "description": "Receives id (or many ids) of the elements that label the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "readonly",
@@ -5575,19 +5426,19 @@
                 "name": "value-state",
                 "description": "Defines the value state of the trigger container.",
                 "value": {
-                  "type": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\""
+                  "type": "\"Warning\" | \"Success\" | \"Error\" | \"Standard\""
                 }
               },
               {
                 "name": "supporting-text",
                 "description": "Defines supporting text under the trigger container.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "tooltip-placement",
                 "description": "Determines on which side of the component the Tooltip is displayed.",
                 "value": {
-                  "type": "\"Left\" | \"Right\" | \"Top\" | \"Bottom\""
+                  "type": "\"Start\" | \"End\" | \"Top\" | \"Bottom\""
                 }
               },
               {
@@ -5598,7 +5449,7 @@
               {
                 "name": "busy-delay",
                 "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
-                "value": { "type": "number | undefined" }
+                "value": { "type": "number" }
               },
               {
                 "name": "no-result-text",
@@ -5718,13 +5569,17 @@
             {
               "name": "size",
               "description": "Defines the size of the item.",
-              "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+              "value": {
+                "type": "\"Large\" | \"Standard\"",
+                "default": "\"Standard\""
+              }
             },
             {
               "name": "type",
               "description": "Defines the type of the item.",
               "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
+                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
+                "default": "\"None\""
               }
             }
           ],
@@ -5787,7 +5642,7 @@
               {
                 "name": "size",
                 "description": "Defines the size of the item.",
-                "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+                "value": { "type": "\"Large\" | \"Standard\"" }
               },
               {
                 "name": "type",
@@ -5851,13 +5706,17 @@
             {
               "name": "size",
               "description": "Defines the size of the item.",
-              "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+              "value": {
+                "type": "\"Large\" | \"Standard\"",
+                "default": "\"Standard\""
+              }
             },
             {
               "name": "type",
               "description": "Defines the type of the item.",
               "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
+                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
+                "default": "\"None\""
               }
             }
           ],
@@ -5912,7 +5771,7 @@
               {
                 "name": "size",
                 "description": "Defines the size of the item.",
-                "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+                "value": { "type": "\"Large\" | \"Standard\"" }
               },
               {
                 "name": "type",
@@ -5927,7 +5786,7 @@
         },
         {
           "name": "udex-select-box-select-all",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box-select-all</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SelectBoxSelectAll.js\";</code>\n---\n",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box-select-all</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SelectBoxSelectAll.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Slot for group header list items.",
           "doc-url": "",
           "attributes": [
             {
@@ -5981,16 +5840,26 @@
             {
               "name": "size",
               "description": "Defines the size of the item.",
-              "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+              "value": {
+                "type": "\"Large\" | \"Standard\"",
+                "default": "\"Standard\""
+              }
             },
             {
               "name": "type",
               "description": "Defines the type of the item.",
               "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
+                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
+                "default": "\"None\""
               }
             }
           ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Slot for group header list items."
+            }
+          ],
           "events": [],
           "js": {
             "properties": [
@@ -6044,7 +5913,7 @@
               {
                 "name": "size",
                 "description": "Defines the size of the item.",
-                "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+                "value": { "type": "\"Large\" | \"Standard\"" }
               },
               {
                 "name": "type",
@@ -6139,7 +6008,7 @@
               "name": "value-state",
               "description": "Defines the value state of the component.",
               "value": {
-                "type": "\"Error\" | \"Success\" | \"Warning\" | \"Information\" | \"Edit\"",
+                "type": "UDExStatusBadgeValueState",
                 "default": "\"Information\""
               }
             },
@@ -6154,7 +6023,7 @@
             {
               "name": "accessible-name",
               "description": "Defines the text alternative of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "events": [],
@@ -6163,9 +6032,7 @@
               {
                 "name": "value-state",
                 "description": "Defines the value state of the component.",
-                "value": {
-                  "type": "\"Error\" | \"Success\" | \"Warning\" | \"Information\" | \"Edit\""
-                }
+                "value": { "type": "UDExStatusBadgeValueState" }
               },
               {
                 "name": "size",
@@ -6175,7 +6042,7 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the text alternative of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": []
@@ -6194,7 +6061,7 @@
             {
               "name": "supporting-text-alignment",
               "description": "Defines supporting text alignment. It aligns only Standard state text.",
-              "value": { "type": "\"Left\" | \"Right\"", "default": "\"\"" }
+              "value": { "type": "\"Left\" | \"Right\"", "default": "\"Left\"" }
             },
             {
               "name": "disabled",
@@ -6205,7 +6072,7 @@
               "name": "value-state",
               "description": "Defines the value state of the component.",
               "value": {
-                "type": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\"",
+                "type": "\"Warning\" | \"Success\" | \"Error\" | \"Standard\"",
                 "default": "\"Standard\""
               }
             }
@@ -6232,7 +6099,7 @@
                 "name": "value-state",
                 "description": "Defines the value state of the component.",
                 "value": {
-                  "type": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\""
+                  "type": "\"Warning\" | \"Success\" | \"Error\" | \"Standard\""
                 }
               }
             ],
@@ -6268,7 +6135,7 @@
               "name": "value-state",
               "description": "Defines the value state of the component.",
               "value": {
-                "type": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\"",
+                "type": "\"Warning\" | \"Success\" | \"Error\" | \"Standard\"",
                 "default": "\"None\""
               }
             },
@@ -6290,7 +6157,7 @@
             {
               "name": "displayonly",
               "description": "Defines whether the component is display-only.\n<br><br>\n<b>Note:</b> A display-only component is not editable,\nbut still provides visual feedback upon user interaction, input border is not visible.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean", "default": "false" }
             },
             {
               "name": "value-precision",
@@ -6300,12 +6167,12 @@
             {
               "name": "label",
               "description": "Defines label text for the input field.",
-              "value": { "type": "string" }
+              "value": { "type": "string", "default": "\"\"" }
             },
             {
               "name": "supporting-text",
               "description": "Defines supporting text under the input field.",
-              "value": { "type": "string" }
+              "value": { "type": "string", "default": "\"\"" }
             },
             {
               "name": "accessible-name",
@@ -6354,7 +6221,7 @@
                 "name": "value-state",
                 "description": "Defines the value state of the component.",
                 "value": {
-                  "type": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\""
+                  "type": "\"Warning\" | \"Success\" | \"Error\" | \"Standard\""
                 }
               },
               {
@@ -6423,7 +6290,7 @@
             {
               "name": "label",
               "description": "Defines the label near switch.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "color",
@@ -6441,7 +6308,7 @@
             {
               "name": "accessible-name-ref",
               "description": "Receives id (or many ids) of the elements that label the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "checked",
@@ -6470,7 +6337,7 @@
               {
                 "name": "label",
                 "description": "Defines the label near switch.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "color",
@@ -6485,7 +6352,7 @@
               {
                 "name": "accessible-name-ref",
                 "description": "Receives id (or many ids) of the elements that label the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "checked",
@@ -6620,17 +6487,20 @@
           "doc-url": "",
           "attributes": [
             {
-              "name": "size-more-button",
+              "name": "ud-exsize-more-button",
               "description": "Defines the size of the \"More\" button.",
               "value": {
-                "type": "\"Small\" | \"Medium\"",
+                "type": "\"Medium\" | \"Small\"",
                 "default": "\"Small\""
               }
             },
             {
               "name": "mode",
               "description": "Defines the mode of the component.",
-              "value": { "type": "Mode", "default": "\"Light\"" }
+              "value": {
+                "type": "\"Light\" | \"Dark\"",
+                "default": "\"Light\""
+              }
             },
             {
               "name": "icon-without-background",
@@ -6653,14 +6523,14 @@
           "js": {
             "properties": [
               {
-                "name": "size-more-button",
+                "name": "ud-exsize-more-button",
                 "description": "Defines the size of the \"More\" button.",
-                "value": { "type": "\"Small\" | \"Medium\"" }
+                "value": { "type": "\"Medium\" | \"Small\"" }
               },
               {
                 "name": "mode",
                 "description": "Defines the mode of the component.",
-                "value": { "type": "Mode" }
+                "value": { "type": "\"Light\" | \"Dark\"" }
               },
               {
                 "name": "icon-without-background",
@@ -6709,7 +6579,7 @@
             {
               "name": "loading-delay",
               "description": "Defines the delay in milliseconds, after which the loading indicator will show up for this component.",
-              "value": { "type": "string", "default": "1000" }
+              "value": { "type": "number", "default": "1000" }
             },
             {
               "name": "sticky-header",
@@ -6780,7 +6650,7 @@
               {
                 "name": "loading-delay",
                 "description": "Defines the delay in milliseconds, after which the loading indicator will show up for this component.",
-                "value": { "type": "string" }
+                "value": { "type": "number" }
               },
               {
                 "name": "sticky-header",
@@ -6803,36 +6673,42 @@
         },
         {
           "name": "udex-table-cell",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-table-cell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/TableCell.js\";</code>\n---\n",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-table-cell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/TableCell.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
           "doc-url": "",
           "attributes": [
             {
               "name": "icon",
               "description": "Defines the name of the UI5 Icon, that will be displayed at the beginning of the content.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "horizontal-align",
               "description": "Determines the horizontal alignment of table cells.\nNote: All values valid for justify-content can be used not just the ones inside the enum.",
               "value": {
-                "type": "\"Start\" | \"End\" | \"Left\" | \"Right\" | \"Center\" | undefined",
+                "type": "\"Start\" | \"End\" | \"Center\" | \"Left\" | \"Right\" | undefined",
                 "default": "undefined"
               }
             }
           ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the content of the component."
+            }
+          ],
           "events": [],
           "js": {
             "properties": [
               {
                 "name": "icon",
                 "description": "Defines the name of the UI5 Icon, that will be displayed at the beginning of the content.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "horizontal-align",
                 "description": "Determines the horizontal alignment of table cells.\nNote: All values valid for justify-content can be used not just the ones inside the enum.",
                 "value": {
-                  "type": "\"Start\" | \"End\" | \"Left\" | \"Right\" | \"Center\" | undefined"
+                  "type": "\"Start\" | \"End\" | \"Center\" | \"Left\" | \"Right\" | undefined"
                 }
               }
             ],
@@ -6890,7 +6766,7 @@
         },
         {
           "name": "udex-table-header-cell",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-table-header-cell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/TableHeaderCell.js\";</code>\n---\n",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-table-header-cell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/TableHeaderCell.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
           "doc-url": "",
           "attributes": [
             {
@@ -6912,11 +6788,17 @@
               "name": "horizontal-align",
               "description": "Determines the horizontal alignment of table cells.\nNote: All values valid for justify-content can be used not just the ones inside the enum.",
               "value": {
-                "type": "\"Start\" | \"End\" | \"Left\" | \"Right\" | \"Center\" | undefined",
+                "type": "\"Start\" | \"End\" | \"Center\" | \"Left\" | \"Right\" | undefined",
                 "default": "undefined"
               }
             }
           ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the content of the component."
+            }
+          ],
           "events": [],
           "js": {
             "properties": [
@@ -6939,7 +6821,7 @@
                 "name": "horizontal-align",
                 "description": "Determines the horizontal alignment of table cells.\nNote: All values valid for justify-content can be used not just the ones inside the enum.",
                 "value": {
-                  "type": "\"Start\" | \"End\" | \"Left\" | \"Right\" | \"Center\" | undefined"
+                  "type": "\"Start\" | \"End\" | \"Center\" | \"Left\" | \"Right\" | undefined"
                 }
               }
             ],
@@ -6948,15 +6830,21 @@
         },
         {
           "name": "udex-table-header-row",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-table-header-row</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/TableHeaderRow.js\";</code>\n---\n",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-table-header-row</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/TableHeaderRow.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Defines the cells of the component.",
           "doc-url": "",
           "attributes": [],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the cells of the component."
+            }
+          ],
           "events": [],
           "js": { "properties": [], "events": [] }
         },
         {
           "name": "udex-table-row",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-table-row</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/TableRow.js\";</code>\n---\n",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-table-row</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/TableRow.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Defines the cells of the component.",
           "doc-url": "",
           "attributes": [
             {
@@ -6965,6 +6853,12 @@
               "value": { "type": "boolean | undefined", "default": "false" }
             }
           ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the cells of the component."
+            }
+          ],
           "events": [],
           "js": {
             "properties": [
@@ -6996,7 +6890,7 @@
               "name": "design",
               "description": "Defines the design type of tag",
               "value": {
-                "type": "\"Grey\" | \"Text\" | \"White\" | \"Outlined\" | undefined",
+                "type": "\"Grey\" | \"Text\" | \"White\" | \"Outlined\"",
                 "default": "\"Grey\""
               }
             },
@@ -7004,7 +6898,7 @@
               "name": "size",
               "description": "Defines the size of the component.",
               "value": {
-                "type": "\"Small\" | \"Medium\"",
+                "type": "\"Medium\" | \"Small\"",
                 "default": "\"Small\""
               }
             },
@@ -7016,10 +6910,7 @@
             {
               "name": "icon-placement",
               "description": "Defines icon placement if icon was provided",
-              "value": {
-                "type": "\"Start\" | \"End\" | undefined",
-                "default": "\"End\""
-              }
+              "value": { "type": "\"Start\" | \"End\"", "default": "\"End\"" }
             },
             {
               "name": "read-only",
@@ -7034,7 +6925,7 @@
             {
               "name": "accessible-role",
               "description": "Defines the role attribute of component",
-              "value": { "type": "string", "default": "\"button\"" }
+              "value": { "type": "string", "default": "\"\"" }
             },
             {
               "name": "selected",
@@ -7072,13 +6963,13 @@
                 "name": "design",
                 "description": "Defines the design type of tag",
                 "value": {
-                  "type": "\"Grey\" | \"Text\" | \"White\" | \"Outlined\" | undefined"
+                  "type": "\"Grey\" | \"Text\" | \"White\" | \"Outlined\""
                 }
               },
               {
                 "name": "size",
                 "description": "Defines the size of the component.",
-                "value": { "type": "\"Small\" | \"Medium\"" }
+                "value": { "type": "\"Medium\" | \"Small\"" }
               },
               {
                 "name": "icon",
@@ -7088,7 +6979,7 @@
               {
                 "name": "icon-placement",
                 "description": "Defines icon placement if icon was provided",
-                "value": { "type": "\"Start\" | \"End\" | undefined" }
+                "value": { "type": "\"Start\" | \"End\"" }
               },
               {
                 "name": "read-only",
@@ -7156,7 +7047,7 @@
               "name": "tooltip-placement",
               "description": "Determines on which side of the component the Tooltip is displayed.",
               "value": {
-                "type": "\"Left\" | \"Right\" | \"Top\" | \"Bottom\"",
+                "type": "\"Start\" | \"End\" | \"Top\" | \"Bottom\"",
                 "default": "\"Bottom\""
               }
             }
@@ -7206,7 +7097,7 @@
                 "name": "tooltip-placement",
                 "description": "Determines on which side of the component the Tooltip is displayed.",
                 "value": {
-                  "type": "\"Left\" | \"Right\" | \"Top\" | \"Bottom\""
+                  "type": "\"Start\" | \"End\" | \"Top\" | \"Bottom\""
                 }
               }
             ],
@@ -7271,10 +7162,10 @@
               "value": { "type": "number | undefined" }
             },
             {
-              "name": "field-state",
+              "name": "value-state",
               "description": "Defines the value state of the component.",
               "value": {
-                "type": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\"",
+                "type": "\"Warning\" | \"Success\" | \"Error\" | \"Standard\"",
                 "default": "\"Standard\""
               }
             },
@@ -7348,10 +7239,10 @@
                 "value": { "type": "number | undefined" }
               },
               {
-                "name": "field-state",
+                "name": "value-state",
                 "description": "Defines the value state of the component.",
                 "value": {
-                  "type": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\""
+                  "type": "\"Warning\" | \"Success\" | \"Error\" | \"Standard\""
                 }
               },
               {
@@ -7447,7 +7338,7 @@
               "name": "value-state",
               "description": "Defines the value state of the component.",
               "value": {
-                "type": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\"",
+                "type": "\"Warning\" | \"Success\" | \"Error\" | \"Standard\"",
                 "default": "\"Standard\""
               }
             },
@@ -7466,11 +7357,6 @@
               "description": "Defines if the text-field is active",
               "value": { "type": "boolean", "default": "false" }
             },
-            {
-              "name": "autocomplete",
-              "description": "Defines the behaviour of autocomplete.",
-              "value": { "type": "string", "default": "\"off\"" }
-            },
             {
               "name": "direction",
               "description": "Defines direction of the input.",
@@ -7548,7 +7434,7 @@
                 "name": "value-state",
                 "description": "Defines the value state of the component.",
                 "value": {
-                  "type": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\""
+                  "type": "\"Warning\" | \"Success\" | \"Error\" | \"Standard\""
                 }
               },
               {
@@ -7566,11 +7452,6 @@
                 "description": "Defines if the text-field is active",
                 "value": { "type": "boolean" }
               },
-              {
-                "name": "autocomplete",
-                "description": "Defines the behaviour of autocomplete.",
-                "value": { "type": "string" }
-              },
               {
                 "name": "direction",
                 "description": "Defines direction of the input.",
@@ -7675,14 +7556,14 @@
         },
         {
           "name": "udex-toast",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-toast</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Toast.js\";</code>\n---\n\n\n### **Events:**\n - **close** - Emit when close icon was clicked",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-toast</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Toast.js\";</code>\n---\n",
           "doc-url": "",
           "attributes": [
             {
               "name": "value-state",
               "description": "Defines design state of component",
               "value": {
-                "type": "\"Error\" | \"Success\" | \"Warning\" | \"Action\"",
+                "type": "\"Warning\" | \"Success\" | \"Error\" | \"Action\"",
                 "default": "\"Action\""
               }
             },
@@ -7697,19 +7578,14 @@
               "value": { "type": "boolean", "default": "false" }
             }
           ],
-          "events": [
-            {
-              "name": "close",
-              "description": "Emit when close icon was clicked"
-            }
-          ],
+          "events": [],
           "js": {
             "properties": [
               {
                 "name": "value-state",
                 "description": "Defines design state of component",
                 "value": {
-                  "type": "\"Error\" | \"Success\" | \"Warning\" | \"Action\""
+                  "type": "\"Warning\" | \"Success\" | \"Error\" | \"Action\""
                 }
               },
               {
@@ -7723,17 +7599,12 @@
                 "value": { "type": "boolean" }
               }
             ],
-            "events": [
-              {
-                "name": "close",
-                "description": "Emit when close icon was clicked"
-              }
-            ]
+            "events": []
           }
         },
         {
           "name": "udex-tooltip",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-tooltip</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Tooltip.js\";</code>\n---\n\n\n### **Methods:**\n - **isOpen(): _boolean_** - Returns whether the tooltip is currently open.\n- **onOpen(opener: _HTMLElement_): _void_** - Used to open tooltip\n- **onClose(): _void_** - Used to close tooltip\n\n### **Slots:**\n - **default** - Defines the content of the component.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-tooltip</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Tooltip.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
           "doc-url": "",
           "attributes": [
             {
@@ -7750,15 +7621,15 @@
               "name": "placement",
               "description": "Determines on which side of the component the Tooltip is displayed.",
               "value": {
-                "type": "\"Left\" | \"Right\" | \"Top\" | \"Bottom\"",
-                "default": "\"Right\""
+                "type": "\"Start\" | \"End\" | \"Top\" | \"Bottom\"",
+                "default": "\"End\""
               }
             },
             {
               "name": "horizontal-align",
               "description": "Determines the horizontal alignment of the component.",
               "value": {
-                "type": "\"Left\" | \"Right\" | \"Center\" | \"Stretch\"",
+                "type": "\"Start\" | \"End\" | \"Center\" | \"Stretch\"",
                 "default": "\"Center\""
               }
             },
@@ -7787,6 +7658,21 @@
                 "type": "\"None\" | \"Dialog\" | \"AlertDialog\"",
                 "default": "\"Dialog\""
               }
+            },
+            {
+              "name": "open",
+              "description": "Defines if the tooltip is open.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "prevent-initial-focus",
+              "description": "Defines if the initial focus should be prevented.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "prevent-focus-restore",
+              "description": "Defines if the focus should be returned to the previously focused element.",
+              "value": { "type": "boolean" }
             }
           ],
           "slots": [
@@ -7812,14 +7698,14 @@
                 "name": "placement",
                 "description": "Determines on which side of the component the Tooltip is displayed.",
                 "value": {
-                  "type": "\"Left\" | \"Right\" | \"Top\" | \"Bottom\""
+                  "type": "\"Start\" | \"End\" | \"Top\" | \"Bottom\""
                 }
               },
               {
                 "name": "horizontal-align",
                 "description": "Determines the horizontal alignment of the component.",
                 "value": {
-                  "type": "\"Left\" | \"Right\" | \"Center\" | \"Stretch\""
+                  "type": "\"Start\" | \"End\" | \"Center\" | \"Stretch\""
                 }
               },
               {
@@ -7843,6 +7729,21 @@
                 "name": "accessible-role",
                 "description": "Allows setting a custom role.",
                 "value": { "type": "\"None\" | \"Dialog\" | \"AlertDialog\"" }
+              },
+              {
+                "name": "open",
+                "description": "Defines if the tooltip is open.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "prevent-initial-focus",
+                "description": "Defines if the initial focus should be prevented.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "prevent-focus-restore",
+                "description": "Defines if the focus should be returned to the previously focused element.",
+                "value": { "type": "boolean" }
               }
             ],
             "events": []
@@ -7866,7 +7767,7 @@
             {
               "name": "char-limit",
               "description": "Indicates the limit for chars",
-              "value": { "type": "Integer", "default": "150" }
+              "value": { "type": "number", "default": "150" }
             }
           ],
           "events": [],
@@ -7885,7 +7786,7 @@
               {
                 "name": "char-limit",
                 "description": "Indicates the limit for chars",
-                "value": { "type": "Integer" }
+                "value": { "type": "number" }
               }
             ],
             "events": []
@@ -8031,7 +7932,7 @@
         },
         {
           "name": "udex-upload-item",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-upload-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UploadItem.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Slot for information about the uploaded file.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-upload-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UploadItem.js\";</code>\n---\n\n\n### **Events:**\n - **request-delete** - Triggered when the upload item is deleted.\n\n### **Slots:**\n - **default** - Slot for information about the uploaded file.",
           "doc-url": "",
           "attributes": [
             {
@@ -8054,7 +7955,7 @@
               "description": "Defines the percentage of the upload.",
               "value": {
                 "type": "\"Error\" | \"Uploading\" | \"Uploaded\"",
-                "default": "0"
+                "default": "\"Uploaded\""
               }
             }
           ],
@@ -8064,7 +7965,12 @@
               "description": "Slot for information about the uploaded file."
             }
           ],
-          "events": [],
+          "events": [
+            {
+              "name": "request-delete",
+              "description": "Triggered when the upload item is deleted."
+            }
+          ],
           "js": {
             "properties": [
               {
@@ -8088,7 +7994,12 @@
                 "value": { "type": "\"Error\" | \"Uploading\" | \"Uploaded\"" }
               }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "request-delete",
+                "description": "Triggered when the upload item is deleted."
+              }
+            ]
           }
         },
         {
@@ -8149,6 +8060,11 @@
                 "type": "\"S\" | \"M\" | \"L\" | \"XL\"",
                 "default": "\"L\""
               }
+            },
+            {
+              "name": "completed",
+              "description": "Determines if the step is completed.",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "events": [],
@@ -8158,6 +8074,11 @@
                 "name": "breakpoint",
                 "description": "Determines if the title and subtitle should be displayed, based on window size.",
                 "value": { "type": "\"S\" | \"M\" | \"L\" | \"XL\"" }
+              },
+              {
+                "name": "completed",
+                "description": "Determines if the step is completed.",
+                "value": { "type": "boolean" }
               }
             ],
             "events": []