@sapudex/web-components 0.226.0 → 2.1.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.226.0",
+  "version": "2.1.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,17 +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": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name-ref",
@@ -1302,7 +1203,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 +1231,7 @@
               "value": { "type": "string", "default": "\"list\"" }
             }
           ],
+          "slots": [{ "name": "default", "description": "Slot for items." }],
           "events": [
             {
               "name": "reset-click",
@@ -1391,17 +1293,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 +1316,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,7 +1351,7 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible ARIA name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name-ref",
@@ -1474,7 +1376,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 +1505,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 +1575,7 @@
               {
                 "name": "size",
                 "description": "Defines the size of the item.",
-                "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+                "value": { "type": "\"Large\" | \"Standard\"" }
               },
               {
                 "name": "type",
@@ -1737,13 +1643,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 +1709,7 @@
               {
                 "name": "size",
                 "description": "Defines the size of the item.",
-                "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+                "value": { "type": "\"Large\" | \"Standard\"" }
               },
               {
                 "name": "type",
@@ -1814,7 +1724,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 +1778,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 +1851,7 @@
               {
                 "name": "size",
                 "description": "Defines the size of the item.",
-                "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+                "value": { "type": "\"Large\" | \"Standard\"" }
               },
               {
                 "name": "type",
@@ -1962,7 +1882,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 +1937,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 +1962,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 +2026,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 +2170,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 +2220,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 +2273,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 +2305,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 +2320,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 +2351,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 +2422,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 +2476,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 +2549,7 @@
               {
                 "name": "size",
                 "description": "Defines the size of the item.",
-                "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+                "value": { "type": "\"Large\" | \"Standard\"" }
               },
               {
                 "name": "type",
@@ -2661,23 +2564,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 +2591,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 +2608,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 +2672,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 +2699,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 +2727,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 +2743,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 +2800,7 @@
               {
                 "name": "size",
                 "description": "Defines the size of the item.",
-                "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+                "value": { "type": "\"Large\" | \"Standard\"" }
               },
               {
                 "name": "type",
@@ -2932,21 +2818,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 +2878,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 +2951,7 @@
               {
                 "name": "size",
                 "description": "Defines the size of the item.",
-                "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+                "value": { "type": "\"Large\" | \"Standard\"" }
               },
               {
                 "name": "type",
@@ -3177,7 +3065,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- **dropdown-closed** - Fires when dropdown is closed\n- **dropdown-opened** - Fires when dropdown is opened\n\n### **Slots:**\n - **dropdown** - Slot for the dropdown\n- **default** - Slot for any content",
           "doc-url": "",
           "attributes": [
             {
@@ -3228,17 +3116,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",
@@ -3262,11 +3150,11 @@
             },
             {
               "name": "dropdown-closed",
-              "description": "Fires when item is clicked"
+              "description": "Fires when dropdown is closed"
             },
             {
               "name": "dropdown-opened",
-              "description": "Fires when item is clicked"
+              "description": "Fires when dropdown is opened"
             }
           ],
           "js": {
@@ -3319,17 +3207,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",
@@ -3349,11 +3237,11 @@
               },
               {
                 "name": "dropdown-closed",
-                "description": "Fires when item is clicked"
+                "description": "Fires when dropdown is closed"
               },
               {
                 "name": "dropdown-opened",
-                "description": "Fires when item is clicked"
+                "description": "Fires when dropdown is opened"
               }
             ]
           }
@@ -3513,7 +3401,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", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "site-label-url",
@@ -3553,22 +3441,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": [
@@ -3645,7 +3533,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",
@@ -3689,7 +3577,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" }
               },
               {
@@ -4140,14 +4028,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\""
               }
             },
             {
@@ -4167,19 +4055,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\""
                 }
               },
               {
@@ -4193,12 +4076,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": []
           }
         },
         {
@@ -4240,24 +4118,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.",
@@ -4280,17 +4150,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",
@@ -4311,11 +4176,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.",
@@ -4328,7 +4188,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" }
             },
             {
@@ -4344,7 +4204,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",
@@ -4385,11 +4245,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.",
@@ -4402,7 +4257,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" }
               },
               {
@@ -4418,7 +4273,7 @@
               {
                 "name": "value-state",
                 "description": "Defines the value state of the component.",
-                "value": { "type": "ValueState" }
+                "value": { "type": "UDExValueState" }
               },
               {
                 "name": "supporting-text",
@@ -4470,10 +4325,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\""
               }
             },
@@ -4546,9 +4401,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",
@@ -4617,9 +4472,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",
@@ -4694,6 +4569,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": [],
@@ -4703,6 +4586,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": []
@@ -4894,7 +4784,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": [
             {
@@ -4950,12 +4840,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",
@@ -5012,10 +4902,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."
@@ -5023,6 +4909,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": {
@@ -5136,10 +5026,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."
@@ -5147,6 +5033,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."
               }
             ]
           }
@@ -5167,13 +5057,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": "\"\"" }
             },
             {
@@ -5205,13 +5095,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" }
               },
               {
@@ -5238,6 +5128,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",
@@ -5256,7 +5151,7 @@
             {
               "name": "target",
               "description": "Defines target for the item",
-              "value": { "type": "Target" }
+              "value": { "type": "UDExTarget" }
             },
             {
               "name": "sub-title",
@@ -5291,6 +5186,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",
@@ -5309,7 +5209,7 @@
               {
                 "name": "target",
                 "description": "Defines target for the item",
-                "value": { "type": "Target" }
+                "value": { "type": "UDExTarget" }
               },
               {
                 "name": "sub-title",
@@ -5348,7 +5248,7 @@
               "name": "size",
               "description": "Defines the size of the button.",
               "value": {
-                "type": "\"Small\" | \"Large\" | \"Medium\"",
+                "type": "\"Medium\" | \"Small\" | \"Large\"",
                 "default": "\"Medium\""
               }
             }
@@ -5359,7 +5259,7 @@
               {
                 "name": "size",
                 "description": "Defines the size of the button.",
-                "value": { "type": "\"Small\" | \"Large\" | \"Medium\"" }
+                "value": { "type": "\"Medium\" | \"Small\" | \"Large\"" }
               }
             ],
             "events": []
@@ -5374,7 +5274,7 @@
               "name": "size",
               "description": "Defines the size of the button.",
               "value": {
-                "type": "\"Small\" | \"Large\" | \"Medium\"",
+                "type": "\"Medium\" | \"Small\" | \"Large\"",
                 "default": "\"Medium\""
               }
             }
@@ -5385,7 +5285,7 @@
               {
                 "name": "size",
                 "description": "Defines the size of the button.",
-                "value": { "type": "\"Small\" | \"Large\" | \"Medium\"" }
+                "value": { "type": "\"Medium\" | \"Small\" | \"Large\"" }
               }
             ],
             "events": []
@@ -5393,7 +5293,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": [
             {
@@ -5424,12 +5324,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",
@@ -5445,20 +5345,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\""
               }
             },
@@ -5470,7 +5370,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",
@@ -5506,6 +5406,7 @@
               "value": { "type": "string", "default": "\"list\"" }
             }
           ],
+          "slots": [{ "name": "default", "description": "Slot for items." }],
           "events": [
             {
               "name": "remove",
@@ -5563,12 +5464,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",
@@ -5584,19 +5485,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\""
                 }
               },
               {
@@ -5607,7 +5508,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",
@@ -5727,13 +5628,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\""
               }
             }
           ],
@@ -5796,7 +5701,7 @@
               {
                 "name": "size",
                 "description": "Defines the size of the item.",
-                "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+                "value": { "type": "\"Large\" | \"Standard\"" }
               },
               {
                 "name": "type",
@@ -5860,13 +5765,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\""
               }
             }
           ],
@@ -5921,7 +5830,7 @@
               {
                 "name": "size",
                 "description": "Defines the size of the item.",
-                "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+                "value": { "type": "\"Large\" | \"Standard\"" }
               },
               {
                 "name": "type",
@@ -5936,7 +5845,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": [
             {
@@ -5990,16 +5899,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": [
@@ -6053,7 +5972,7 @@
               {
                 "name": "size",
                 "description": "Defines the size of the item.",
-                "value": { "type": "\"Large\" | \"Standard\" | undefined" }
+                "value": { "type": "\"Large\" | \"Standard\"" }
               },
               {
                 "name": "type",
@@ -6148,7 +6067,7 @@
               "name": "value-state",
               "description": "Defines the value state of the component.",
               "value": {
-                "type": "\"Error\" | \"Success\" | \"Warning\" | \"Information\" | \"Edit\"",
+                "type": "UDExStatusBadgeValueState",
                 "default": "\"Information\""
               }
             },
@@ -6163,7 +6082,7 @@
             {
               "name": "accessible-name",
               "description": "Defines the text alternative of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "events": [],
@@ -6172,9 +6091,7 @@
               {
                 "name": "value-state",
                 "description": "Defines the value state of the component.",
-                "value": {
-                  "type": "\"Error\" | \"Success\" | \"Warning\" | \"Information\" | \"Edit\""
-                }
+                "value": { "type": "UDExStatusBadgeValueState" }
               },
               {
                 "name": "size",
@@ -6184,7 +6101,7 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the text alternative of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": []
@@ -6203,7 +6120,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",
@@ -6214,7 +6131,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\""
               }
             }
@@ -6241,7 +6158,7 @@
                 "name": "value-state",
                 "description": "Defines the value state of the component.",
                 "value": {
-                  "type": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\""
+                  "type": "\"Warning\" | \"Success\" | \"Error\" | \"Standard\""
                 }
               }
             ],
@@ -6277,7 +6194,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\""
               }
             },
@@ -6299,7 +6216,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",
@@ -6309,12 +6226,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",
@@ -6363,7 +6280,7 @@
                 "name": "value-state",
                 "description": "Defines the value state of the component.",
                 "value": {
-                  "type": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\""
+                  "type": "\"Warning\" | \"Success\" | \"Error\" | \"Standard\""
                 }
               },
               {
@@ -6432,7 +6349,7 @@
             {
               "name": "label",
               "description": "Defines the label near switch.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "color",
@@ -6450,7 +6367,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",
@@ -6479,7 +6396,7 @@
               {
                 "name": "label",
                 "description": "Defines the label near switch.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "color",
@@ -6494,7 +6411,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",
@@ -6629,17 +6546,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",
@@ -6662,14 +6582,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",
@@ -6713,12 +6633,12 @@
             {
               "name": "loading",
               "description": "Defines if the loading indicator should be shown.",
-              "value": { "type": "string", "default": "false" }
+              "value": { "type": "boolean", "default": "false" }
             },
             {
               "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",
@@ -6784,12 +6704,12 @@
               {
                 "name": "loading",
                 "description": "Defines if the loading indicator should be shown.",
-                "value": { "type": "string" }
+                "value": { "type": "boolean" }
               },
               {
                 "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",
@@ -6812,36 +6732,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"
                 }
               }
             ],
@@ -6899,7 +6825,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": [
             {
@@ -6921,11 +6847,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": [
@@ -6948,7 +6880,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"
                 }
               }
             ],
@@ -6957,15 +6889,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": [
             {
@@ -6974,6 +6912,12 @@
               "value": { "type": "boolean | undefined", "default": "false" }
             }
           ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the cells of the component."
+            }
+          ],
           "events": [],
           "js": {
             "properties": [
@@ -7005,7 +6949,7 @@
               "name": "design",
               "description": "Defines the design type of tag",
               "value": {
-                "type": "\"Grey\" | \"Text\" | \"White\" | \"Outlined\" | undefined",
+                "type": "\"Grey\" | \"Text\" | \"White\" | \"Outlined\"",
                 "default": "\"Grey\""
               }
             },
@@ -7013,7 +6957,7 @@
               "name": "size",
               "description": "Defines the size of the component.",
               "value": {
-                "type": "\"Small\" | \"Medium\"",
+                "type": "\"Medium\" | \"Small\"",
                 "default": "\"Small\""
               }
             },
@@ -7025,10 +6969,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",
@@ -7043,7 +6984,7 @@
             {
               "name": "accessible-role",
               "description": "Defines the role attribute of component",
-              "value": { "type": "string", "default": "\"button\"" }
+              "value": { "type": "string", "default": "\"\"" }
             },
             {
               "name": "selected",
@@ -7081,13 +7022,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",
@@ -7097,7 +7038,7 @@
               {
                 "name": "icon-placement",
                 "description": "Defines icon placement if icon was provided",
-                "value": { "type": "\"Start\" | \"End\" | undefined" }
+                "value": { "type": "\"Start\" | \"End\"" }
               },
               {
                 "name": "read-only",
@@ -7165,7 +7106,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\""
               }
             }
@@ -7215,7 +7156,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\""
                 }
               }
             ],
@@ -7280,10 +7221,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\""
               }
             },
@@ -7357,10 +7298,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\""
                 }
               },
               {
@@ -7456,7 +7397,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\""
               }
             },
@@ -7475,11 +7416,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.",
@@ -7557,7 +7493,7 @@
                 "name": "value-state",
                 "description": "Defines the value state of the component.",
                 "value": {
-                  "type": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\""
+                  "type": "\"Warning\" | \"Success\" | \"Error\" | \"Standard\""
                 }
               },
               {
@@ -7575,11 +7511,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.",
@@ -7684,14 +7615,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\""
               }
             },
@@ -7706,19 +7637,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\""
                 }
               },
               {
@@ -7732,17 +7658,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": [
             {
@@ -7759,15 +7680,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\""
               }
             },
@@ -7796,6 +7717,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": [
@@ -7821,14 +7757,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\""
                 }
               },
               {
@@ -7852,6 +7788,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": []
@@ -7875,7 +7826,7 @@
             {
               "name": "char-limit",
               "description": "Indicates the limit for chars",
-              "value": { "type": "Integer", "default": "150" }
+              "value": { "type": "number", "default": "150" }
             }
           ],
           "events": [],
@@ -7894,7 +7845,7 @@
               {
                 "name": "char-limit",
                 "description": "Indicates the limit for chars",
-                "value": { "type": "Integer" }
+                "value": { "type": "number" }
               }
             ],
             "events": []
@@ -7911,14 +7862,19 @@
               "value": { "type": "string" }
             },
             {
-              "name": "error-text",
-              "description": "Defines the error message shown when more than one file is uploaded with multiple set to false.",
+              "name": "supporting-text",
+              "description": "Defines an optional upporting message shown in 2 cases, both in single uplaod mode.\n1) When more than one file is uploaded and the button for uploading is clicked.\n2) When the button for uploading is disabled and a file has already been uploaded.",
               "value": { "type": "string" }
             },
             {
               "name": "required",
               "description": "Defines if uploader is required.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "disabled",
+              "description": "Defines if the button for uploading is disabled.",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
               "name": "multiple",
@@ -7979,8 +7935,8 @@
                 "value": { "type": "string" }
               },
               {
-                "name": "error-text",
-                "description": "Defines the error message shown when more than one file is uploaded with multiple set to false.",
+                "name": "supporting-text",
+                "description": "Defines an optional upporting message shown in 2 cases, both in single uplaod mode.\n1) When more than one file is uploaded and the button for uploading is clicked.\n2) When the button for uploading is disabled and a file has already been uploaded.",
                 "value": { "type": "string" }
               },
               {
@@ -7988,6 +7944,11 @@
                 "description": "Defines if uploader is required.",
                 "value": { "type": "boolean" }
               },
+              {
+                "name": "disabled",
+                "description": "Defines if the button for uploading is disabled.",
+                "value": { "type": "boolean" }
+              },
               {
                 "name": "multiple",
                 "description": "Defines if uploading multiple files is allowed.",
@@ -8040,7 +8001,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": [
             {
@@ -8063,7 +8024,7 @@
               "description": "Defines the percentage of the upload.",
               "value": {
                 "type": "\"Error\" | \"Uploading\" | \"Uploaded\"",
-                "default": "0"
+                "default": "\"Uploaded\""
               }
             }
           ],
@@ -8073,7 +8034,12 @@
               "description": "Slot for information about the uploaded file."
             }
           ],
-          "events": [],
+          "events": [
+            {
+              "name": "request-delete",
+              "description": "Triggered when the upload item is deleted."
+            }
+          ],
           "js": {
             "properties": [
               {
@@ -8097,7 +8063,12 @@
                 "value": { "type": "\"Error\" | \"Uploading\" | \"Uploaded\"" }
               }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "request-delete",
+                "description": "Triggered when the upload item is deleted."
+              }
+            ]
           }
         },
         {
@@ -8158,6 +8129,11 @@
                 "type": "\"S\" | \"M\" | \"L\" | \"XL\"",
                 "default": "\"L\""
               }
+            },
+            {
+              "name": "completed",
+              "description": "Determines if the step is completed.",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "events": [],
@@ -8167,6 +8143,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": []