@sapudex/web-components 0.117.1 → 0.138.0

package/dist/custom-elements.json

@@ -137,7 +137,7 @@
       "declarations": [
         {
           "kind": "class",
-          "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 @udex/web-components/dist/Accordion.js\";</code>",
+          "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 \"@udex/web-components/dist/Accordion.js\";</code>",
           "name": "UDExAccordion",
           "slots": [
             {
@@ -211,7 +211,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-accordion-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/AccordionItem.js\";</code>",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-accordion-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/AccordionItem.js\";</code>",
           "name": "UDExAccordionItem",
           "slots": [
             {
@@ -236,7 +236,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Defines the title of the accordion item component.",
+              "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.",
               "default": "\"\"",
               "privacy": "public"
             },
@@ -280,7 +280,7 @@
               }
             },
             {
-              "description": "Defines the title of the accordion item component.",
+              "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": "title",
               "default": "\"\"",
               "fieldName": "title",
@@ -601,6 +601,42 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/AvatarGroup.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-avatar-group</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/AvatarGroup.js\";</code>",
+          "name": "UDExAvatarGroup",
+          "superclass": {
+            "name": "AvatarGroup",
+            "package": "@ui5/webcomponents",
+            "module": "dist/AvatarGroup.js"
+          },
+          "tagName": "udex-avatar-group",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "UDExAvatarGroup",
+            "module": "dist/AvatarGroup.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "udex-avatar-group",
+          "declaration": {
+            "name": "UDExAvatarGroup",
+            "module": "dist/AvatarGroup.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/Badge.js",
@@ -1090,7 +1126,7 @@
       "declarations": [
         {
           "kind": "class",
-          "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 @udex/web-components/dist/Checkbox.js\";</code>",
+          "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 \"@udex/web-components/dist/Checkbox.js\";</code>",
           "name": "UDExCheckbox",
           "superclass": {
             "name": "CheckBox",
@@ -1211,7 +1247,7 @@
       "declarations": [
         {
           "kind": "class",
-          "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 @udex/web-components/dist/CountrySelector.js\";</code>",
+          "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 \"@udex/web-components/dist/CountrySelector.js\";</code>",
           "name": "CountrySelector",
           "members": [
             {
@@ -1327,6 +1363,33 @@
                 "module": "dist/SearchableListBase.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "valueState",
+              "type": {
+                "text": "ValueState",
+                "references": [
+                  {
+                    "name": "ValueState",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/types/common.js"
+                  }
+                ]
+              },
+              "description": "Defines the value state of the component.",
+              "default": "\"Standard\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "supportingText",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines supporting text under the country selector.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "hideFlagImages",
@@ -1587,6 +1650,24 @@
                 "module": "dist/SearchableListBase.js"
               }
             },
+            {
+              "description": "Defines the value state of the component.",
+              "name": "value-state",
+              "default": "\"Standard\"",
+              "fieldName": "valueState",
+              "type": {
+                "text": "\"Success\" | \"Error\" | \"Warning\" | \"Standard\""
+              }
+            },
+            {
+              "description": "Defines supporting text under the country selector.",
+              "name": "supporting-text",
+              "default": "\"\"",
+              "fieldName": "supportingText",
+              "type": {
+                "text": "string"
+              }
+            },
             {
               "name": "hide-flag-images",
               "fieldName": "hideFlagImages",
@@ -2050,7 +2131,7 @@
       "declarations": [
         {
           "kind": "class",
-          "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 @udex/web-components/dist/Dropdown.js\";</code>",
+          "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 \"@udex/web-components/dist/Dropdown.js\";</code>",
           "name": "UDExDropdown",
           "slots": [
             {
@@ -2138,7 +2219,17 @@
                 ]
               },
               "description": "Allows setting a custom role.",
-              "default": "\"Dialog\"",
+              "default": "\"None\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "triggerAccessibleRole",
+              "type": {
+                "text": "string"
+              },
+              "description": "Allows setting a custom role for dropdown trigger.",
+              "default": "\"combobox\"",
               "privacy": "public"
             },
             {
@@ -2260,12 +2351,21 @@
             {
               "description": "Allows setting a custom role.",
               "name": "accessible-role",
-              "default": "\"Dialog\"",
+              "default": "\"None\"",
               "fieldName": "accessibleRole",
               "type": {
                 "text": "\"None\" | \"Dialog\" | \"AlertDialog\""
               }
             },
+            {
+              "description": "Allows setting a custom role for dropdown trigger.",
+              "name": "trigger-accessible-role",
+              "default": "\"combobox\"",
+              "fieldName": "triggerAccessibleRole",
+              "type": {
+                "text": "string"
+              }
+            },
             {
               "description": "Indicates if the dropdown pane is open",
               "name": "open",
@@ -2497,7 +2597,17 @@
                 ]
               },
               "description": "Allows setting a custom role.",
-              "default": "\"Dialog\"",
+              "default": "\"None\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "triggerAccessibleRole",
+              "type": {
+                "text": "string"
+              },
+              "description": "Allows setting a custom role for dropdown trigger.",
+              "default": "\"combobox\"",
               "privacy": "public"
             },
             {
@@ -2786,12 +2896,21 @@
             {
               "description": "Allows setting a custom role.",
               "name": "accessible-role",
-              "default": "\"Dialog\"",
+              "default": "\"None\"",
               "fieldName": "accessibleRole",
               "type": {
                 "text": "\"None\" | \"Dialog\" | \"AlertDialog\""
               }
             },
+            {
+              "description": "Allows setting a custom role for dropdown trigger.",
+              "name": "trigger-accessible-role",
+              "default": "\"combobox\"",
+              "fieldName": "triggerAccessibleRole",
+              "type": {
+                "text": "string"
+              }
+            },
             {
               "description": "Defines the \"no result\" text of the component.",
               "name": "no-result-text",
@@ -3919,9 +4038,19 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-footer</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/Footer.js\";</code>",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-footer</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/Footer.js\";</code>",
           "name": "UDExFooter",
           "members": [
+            {
+              "kind": "field",
+              "name": "logoTitle",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the Logo default title",
+              "default": "\"\"",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "logoUrl",
@@ -4041,88 +4170,183 @@
               "description": "Alt for Logo",
               "default": "\"\"",
               "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "logoAriaLabel",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines an aria label for the logo link",
+              "privacy": "public"
             }
           ],
           "events": [
             {
               "name": "logo-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<FooterBaseEventEvent>",
+                "references": [
+                  {
+                    "name": "FooterBaseEventEvent",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Footer.js"
+                  }
+                ]
               },
               "description": "Triggered on click interaction with logo in footer"
             },
             {
               "name": "back-to-top-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<FooterBaseEventEvent>",
+                "references": [
+                  {
+                    "name": "FooterBaseEventEvent",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Footer.js"
+                  }
+                ]
               },
               "description": "Triggered on click interaction with \"Back to Top\" button"
             },
             {
               "name": "contact-phone-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<FooterBaseEventEvent>",
+                "references": [
+                  {
+                    "name": "FooterBaseEventEvent",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Footer.js"
+                  }
+                ]
               },
               "description": "Triggered on click interaction with phone number link in footer"
             },
             {
               "name": "contact-phone-local-numbers-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<FooterBaseEventEvent>",
+                "references": [
+                  {
+                    "name": "FooterBaseEventEvent",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Footer.js"
+                  }
+                ]
               },
               "description": "Triggered on click interaction with local country numbers list link"
             },
             {
               "name": "contact-email-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<FooterBaseEventEvent>",
+                "references": [
+                  {
+                    "name": "FooterBaseEventEvent",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Footer.js"
+                  }
+                ]
               },
               "description": "Triggered on click interaction with \"Contact us by email\" link"
             },
             {
               "name": "contact-chat-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<FooterBaseEventEvent>",
+                "references": [
+                  {
+                    "name": "FooterBaseEventEvent",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Footer.js"
+                  }
+                ]
               },
               "description": "Triggered on click interaction with \"Contact us by chat\" link"
             },
             {
               "name": "quick-links-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<FooterDetailedClickEvent>",
+                "references": [
+                  {
+                    "name": "FooterDetailedClickEvent",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Footer.js"
+                  }
+                ]
               },
               "description": "Triggered on click interaction with a link within \"Quick Links\" category"
             },
             {
               "name": "trending-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<FooterDetailedClickEvent>",
+                "references": [
+                  {
+                    "name": "FooterDetailedClickEvent",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Footer.js"
+                  }
+                ]
               },
               "description": "Triggered on click interaction with a link within \"Trending\" category"
             },
             {
               "name": "about-sap-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<FooterDetailedClickEvent>",
+                "references": [
+                  {
+                    "name": "FooterDetailedClickEvent",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Footer.js"
+                  }
+                ]
               },
               "description": "Triggered on click interaction with a link within \"About SAP\" category"
             },
             {
               "name": "site-information-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<FooterDetailedClickEvent>",
+                "references": [
+                  {
+                    "name": "FooterDetailedClickEvent",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Footer.js"
+                  }
+                ]
               },
               "description": "Triggered on click interaction with a link within \"Site Information\" category"
             },
             {
               "name": "social-media-link-click",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<FooterDetailedClickEvent>",
+                "references": [
+                  {
+                    "name": "FooterDetailedClickEvent",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Footer.js"
+                  }
+                ]
               },
               "description": "Triggered on click interaction with any of the social media links within footer"
             }
           ],
           "attributes": [
+            {
+              "description": "Defines the Logo default title",
+              "name": "logo-title",
+              "default": "\"\"",
+              "fieldName": "logoTitle",
+              "type": {
+                "text": "string"
+              }
+            },
             {
               "description": "Defines the Logo URL",
               "name": "logo-url",
@@ -4230,6 +4454,14 @@
               "type": {
                 "text": "string"
               }
+            },
+            {
+              "description": "Defines an aria label for the logo link",
+              "name": "logo-aria-label",
+              "fieldName": "logoAriaLabel",
+              "type": {
+                "text": "string"
+              }
             }
           ],
           "superclass": {
@@ -4563,7 +4795,7 @@
       "declarations": [
         {
           "kind": "class",
-          "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 @udex/web-components/dist/Link.js\";</code>",
+          "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 \"@udex/web-components/dist/Link.js\";</code>",
           "name": "UDExLink",
           "members": [
             {
@@ -4646,7 +4878,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\\e\n\n<h3>Usage</h3>\n\nFor the <code>udex-list</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/List.js\";</code>",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\\e\n\n<h3>Usage</h3>\n\nFor the <code>udex-list</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/List.js\";</code>",
           "name": "UDExList",
           "slots": [
             {
@@ -4833,7 +5065,7 @@
       "declarations": [
         {
           "kind": "class",
-          "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 @udex/web-components/dist/ListGroupHeader.js\";</code>",
+          "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 \"@udex/web-components/dist/ListGroupHeader.js\";</code>",
           "name": "UDExListGroupHeader",
           "superclass": {
             "name": "UDExListGroupHeaderBase",
@@ -5518,7 +5750,7 @@
       "declarations": [
         {
           "kind": "class",
-          "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 @udex/web-components/dist/ListItem.js\";</code>",
+          "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 \"@udex/web-components/dist/ListItem.js\";</code>",
           "name": "UDExListItem",
           "slots": [
             {
@@ -5534,6 +5766,7 @@
                 "text": "string | undefined"
               },
               "description": "Defines the accessible name of the item.",
+              "default": "\"\"",
               "privacy": "public"
             },
             {
@@ -5847,6 +6080,7 @@
             {
               "description": "Defines the accessible name of the item.",
               "name": "accessible-name",
+              "default": "\"\"",
               "fieldName": "accessibleName",
               "type": {
                 "text": "string | undefined"
@@ -6332,7 +6566,7 @@
       "declarations": [
         {
           "kind": "class",
-          "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 \"@udex/web-components/dist/ListSelectAll.js\";</code>",
+          "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 \"@udex/web-components/dist/ListSelectAll.js\";</code>",
           "name": "UDExListSelectAll",
           "superclass": {
             "name": "UDExListGroupHeaderBase",
@@ -6787,8 +7021,8 @@
               "type": {
                 "text": "string | undefined"
               },
-              "default": "\"\"",
               "description": "Defines an alt text for item icon",
+              "default": "\"\"",
               "privacy": "public"
             },
             {
@@ -6804,7 +7038,7 @@
           ],
           "events": [
             {
-              "name": "click",
+              "name": "item-click",
               "type": {
                 "text": "CustomEvent"
               },
@@ -6968,6 +7202,15 @@
               "privacy": "public"
             }
           ],
+          "events": [
+            {
+              "name": "menu-item-click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fires when menu item is clicked"
+            }
+          ],
           "attributes": [
             {
               "description": "Defines a menu heading",
@@ -7019,251 +7262,55 @@
     {
       "kind": "javascript-module",
       "path": "dist/MastheadMenuItem.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "UDExMastheadMenuItem",
+            "module": "dist/MastheadMenuItem.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/MastheadMobileMenu.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>masthead-menu-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/MastheadMenuItem.js\";</code>",
-          "name": "UDExMastheadMenuItem",
-          "members": [
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-mobile-menu</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/MastheadMobileMenu.js\";</code>",
+          "name": "UDExMastheadMobileMenu",
+          "slots": [
             {
-              "kind": "field",
-              "name": "type",
+              "name": "search",
+              "description": "Slot for search"
+            },
+            {
+              "name": "default",
+              "description": "List of the menu items",
+              "default": "\"[]\""
+            },
+            {
+              "name": "exploreSapMobileButton",
+              "description": "Slot for explore Sap mobile button"
+            }
+          ],
+          "events": [
+            {
+              "name": "item-click",
               "type": {
-                "text": "ItemType",
-                "references": [
-                  {
-                    "name": "ItemType",
-                    "package": "@sapudex/web-components",
-                    "module": "dist/MastheadMenuItem.js"
-                  }
-                ]
+                "text": "CustomEvent"
               },
-              "description": "Defines the type of the item.",
-              "default": "\"Link\"",
-              "privacy": "public"
+              "description": "Fires when item is clicked"
             },
             {
-              "kind": "field",
-              "name": "accessibleRole",
+              "name": "explorer-menu-click",
               "type": {
-                "text": "string"
+                "text": "CustomEvent"
               },
-              "description": "Controls the ARIA role of the item",
-              "default": "\"\"",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "description": "Defines the label of the component.",
-              "default": "\"\"",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "url",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Defines the url of the component.",
-              "default": "\"\"",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "badge",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Defines the badge of the component.",
-              "default": "\"\"",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "externalLink",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Defines the externalLink of the component.",
-              "privacy": "public",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "hasBorder",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Defines the border for component.",
-              "privacy": "public",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "iconStart",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Defines the start position of icon arrow.",
-              "privacy": "public",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "iconEnd",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Defines the end position of icon arrow.",
-              "privacy": "public",
-              "default": "false"
-            }
-          ],
-          "events": [
-            {
-              "name": "click",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fires when item button is clicked"
-            }
-          ],
-          "attributes": [
-            {
-              "description": "Defines the type of the item.",
-              "name": "type",
-              "default": "\"Link\"",
-              "fieldName": "type",
-              "type": {
-                "text": "\"Heading\" | \"Button\" | \"Link\""
-              }
-            },
-            {
-              "description": "Controls the ARIA role of the item",
-              "name": "accessible-role",
-              "default": "\"\"",
-              "fieldName": "accessibleRole",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "description": "Defines the label of the component.",
-              "name": "label",
-              "default": "\"\"",
-              "fieldName": "label",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "description": "Defines the url of the component.",
-              "name": "url",
-              "default": "\"\"",
-              "fieldName": "url",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "description": "Defines the badge of the component.",
-              "name": "badge",
-              "default": "\"\"",
-              "fieldName": "badge",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "description": "Defines the externalLink of the component.",
-              "name": "external-link",
-              "default": "false",
-              "fieldName": "externalLink",
-              "type": {
-                "text": "boolean | undefined"
-              }
-            },
-            {
-              "description": "Defines the border for component.",
-              "name": "has-border",
-              "default": "false",
-              "fieldName": "hasBorder",
-              "type": {
-                "text": "boolean | undefined"
-              }
-            },
-            {
-              "description": "Defines the start position of icon arrow.",
-              "name": "icon-start",
-              "default": "false",
-              "fieldName": "iconStart",
-              "type": {
-                "text": "boolean | undefined"
-              }
-            },
-            {
-              "description": "Defines the end position of icon arrow.",
-              "name": "icon-end",
-              "default": "false",
-              "fieldName": "iconEnd",
-              "type": {
-                "text": "boolean | undefined"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "UI5Element",
-            "package": "@ui5/webcomponents-base",
-            "module": "dist/UI5Element.js"
-          },
-          "tagName": "udex-masthead-menu-item",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "UDExMastheadMenuItem",
-            "module": "dist/MastheadMenuItem.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "udex-masthead-menu-item",
-          "declaration": {
-            "name": "UDExMastheadMenuItem",
-            "module": "dist/MastheadMenuItem.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/MastheadMobileMenu.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-mobile-menu</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/MastheadMobileMenu.js\";</code>",
-          "name": "UDExMastheadMobileMenu",
-          "slots": [
-            {
-              "name": "search",
-              "description": "Slot for search"
-            },
-            {
-              "name": "default",
-              "description": "List of the menu items",
-              "default": "\"[]\""
-            },
-            {
-              "name": "exploreSapMobileButton",
-              "description": "Slot for explore Sap mobile button"
+              "description": "Fires when explorer menu button is clicked"
             }
           ],
           "superclass": {
@@ -7347,6 +7394,13 @@
                 "text": "CustomEvent"
               },
               "description": "Fired when use click Logout link"
+            },
+            {
+              "name": "profile-item-click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fires when profile ment item is clicked"
             }
           ],
           "attributes": [
@@ -7491,6 +7545,16 @@
               "default": "\"\"",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "logoTitle",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the Logo default title",
+              "default": "\"\"",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "siteLabel",
@@ -7559,6 +7623,20 @@
                 "text": "CustomEvent"
               },
               "description": "Fired event when the user clicks the profile button trigger."
+            },
+            {
+              "name": "logo-click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired event when the user clicks the logo."
+            },
+            {
+              "name": "site-label-click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired event when the user clicks the site label."
             }
           ],
           "attributes": [
@@ -7607,6 +7685,15 @@
                 "text": "string"
               }
             },
+            {
+              "description": "Defines the Logo default title",
+              "name": "logo-title",
+              "default": "\"\"",
+              "fieldName": "logoTitle",
+              "type": {
+                "text": "string"
+              }
+            },
             {
               "description": "Defines a site label. It will be displayed next to a logo.",
               "name": "site-label",
@@ -7683,7 +7770,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-media-player</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/MediaPlayer.js\";</code>",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-media-player</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/MediaPlayer.js\";</code>",
           "name": "UDExMediaPlayer",
           "slots": [
             {
@@ -8766,16 +8853,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 \"@udex/web-components/dist/UDExPasswordField.js\";</code>",
           "name": "UDExPasswordField",
           "members": [
-            {
-              "kind": "field",
-              "name": "type",
-              "type": {
-                "text": "string"
-              },
-              "description": "Defines supporting text under the input field.",
-              "default": "\"\"",
-              "privacy": "public"
-            },
             {
               "kind": "field",
               "name": "disabled",
@@ -8829,7 +8906,14 @@
               "kind": "field",
               "name": "valueState",
               "type": {
-                "text": "\"Standard\" | \"Warning\" | \"Error\" | \"Success\""
+                "text": "ValueState",
+                "references": [
+                  {
+                    "name": "ValueState",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/types/common.js"
+                  }
+                ]
               },
               "description": "Defines the value state of the component.",
               "default": "\"Standard\"",
@@ -8907,15 +8991,6 @@
             }
           ],
           "attributes": [
-            {
-              "description": "Defines supporting text under the input field.",
-              "name": "type",
-              "default": "\"\"",
-              "fieldName": "type",
-              "type": {
-                "text": "string"
-              }
-            },
             {
               "description": "Defines whether the component is in disabled state.\n<br><br>\n<b>Note:</b> A disabled component is completely noninteractive.",
               "name": "disabled",
@@ -8966,7 +9041,7 @@
               "default": "\"Standard\"",
               "fieldName": "valueState",
               "type": {
-                "text": "\"Success\" | \"Error\" | \"Warning\" | \"Standard\""
+                "text": "ValueState"
               }
             },
             {
@@ -9619,24 +9694,121 @@
     },
     {
       "kind": "javascript-module",
-      "path": "dist/RatingIndicator.js",
+      "path": "dist/RatingBar.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "### Overview\n\n### ES6 Module Import\n\n`import @udex/web-components/dist/RatingIndicator.js\";`",
-          "name": "UDExRatingIndicator",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-rating-bar</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/RatingBar.js\";</code>",
+          "name": "UDExRatingBar",
           "members": [
             {
               "kind": "field",
-              "name": "display",
+              "name": "rating",
               "type": {
-                "text": "DisplayType",
-                "references": [
-                  {
-                    "name": "DisplayType",
-                    "package": "@sapudex/web-components",
-                    "module": "dist/RatingIndicator.js"
-                  }
+                "text": "number"
+              },
+              "description": "Defines the associated rating.",
+              "default": "0",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "percentage",
+              "type": {
+                "text": "number"
+              },
+              "description": "Defines the percentage.",
+              "default": "0",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "showPercentage",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines wether the percentage is shown or not.",
+              "default": "false",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Defines the associated rating.",
+              "name": "rating",
+              "default": "0",
+              "fieldName": "rating",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "description": "Defines the percentage.",
+              "name": "percentage",
+              "default": "0",
+              "fieldName": "percentage",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "description": "Defines wether the percentage is shown or not.",
+              "name": "show-percentage",
+              "default": "false",
+              "fieldName": "showPercentage",
+              "type": {
+                "text": "boolean"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "dist/UI5Element.js"
+          },
+          "tagName": "udex-rating-bar",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "UDExRatingBar",
+            "module": "dist/RatingBar.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "udex-rating-bar",
+          "declaration": {
+            "name": "UDExRatingBar",
+            "module": "dist/RatingBar.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/RatingIndicator.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "### Overview\n\n### ES6 Module Import\n\n`import @udex/web-components/dist/RatingIndicator.js\";`",
+          "name": "UDExRatingIndicator",
+          "members": [
+            {
+              "kind": "field",
+              "name": "display",
+              "type": {
+                "text": "DisplayType",
+                "references": [
+                  {
+                    "name": "DisplayType",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/RatingIndicator.js"
+                  }
                 ]
               },
               "description": "Defines the display type of the component.",
@@ -9700,13 +9872,221 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/Review.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-review</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/Review.js\";</code>",
+          "name": "UDExReview",
+          "slots": [
+            {
+              "name": "reviewButton",
+              "description": "Slot for a button for writing a review."
+            },
+            {
+              "name": "defaultText",
+              "description": "Slot for the default text when there are no reviews or rating."
+            },
+            {
+              "name": "default",
+              "description": "Slot for rating bars."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "rating",
+              "type": {
+                "text": "number"
+              },
+              "description": "Defines the rating.",
+              "default": "0",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "reviews",
+              "type": {
+                "text": "number"
+              },
+              "description": "Defines the total number of reviews.",
+              "default": "0",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Defines the rating.",
+              "name": "rating",
+              "default": "0",
+              "fieldName": "rating",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "description": "Defines the total number of reviews.",
+              "name": "reviews",
+              "default": "0",
+              "fieldName": "reviews",
+              "type": {
+                "text": "number"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "dist/UI5Element.js"
+          },
+          "tagName": "udex-review",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "UDExReview",
+            "module": "dist/Review.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "udex-review",
+          "declaration": {
+            "name": "UDExReview",
+            "module": "dist/Review.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/ReviewItem.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-review-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/ReviewItem.js\";</code>",
+          "name": "UDExReviewItem",
+          "members": [
+            {
+              "kind": "field",
+              "name": "showRatingTop",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines the position of the rating in review.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "rating",
+              "type": {
+                "text": "number"
+              },
+              "description": "Defines the rating in the review.",
+              "default": "0",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "reviewTitle",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the title of the review.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "text",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the text of the review.",
+              "default": "\"\"",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Defines the position of the rating in review.",
+              "name": "show-rating-top",
+              "default": "false",
+              "fieldName": "showRatingTop",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "description": "Defines the rating in the review.",
+              "name": "rating",
+              "default": "0",
+              "fieldName": "rating",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "description": "Defines the title of the review.",
+              "name": "review-title",
+              "default": "\"\"",
+              "fieldName": "reviewTitle",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "description": "Defines the text of the review.",
+              "name": "text",
+              "default": "\"\"",
+              "fieldName": "text",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "dist/UI5Element.js"
+          },
+          "tagName": "udex-review-item",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "UDExReviewItem",
+            "module": "dist/ReviewItem.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "udex-review-item",
+          "declaration": {
+            "name": "UDExReviewItem",
+            "module": "dist/ReviewItem.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/Search.js",
       "declarations": [
         {
           "kind": "class",
-          "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 @udex/web-components/dist/Search.js\";</code>",
+          "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 \"@udex/web-components/dist/Search.js\";</code>",
           "name": "UDExSearch",
           "slots": [
             {
@@ -9850,6 +10230,56 @@
               "default": "\"\"",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "accessibleNameResetIcon",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the accessible ARIA name of the reset icon.",
+              "default": "\"Clear\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "accessibleNameSearchIcon",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the accessible ARIA name of the search icon (applied just when \"nonInteractiveSubmitButton\" is active).",
+              "default": "\"Search\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "tooltipResetButton",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the tooltip of the clear button.",
+              "default": "\"Clear\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "tooltipVoiceButton",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the tooltip of the voice button.",
+              "default": "\"Voice\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "tooltipSubmitButton",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the tooltip of the submit button.",
+              "default": "\"Search\"",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "noResultText",
@@ -10021,6 +10451,51 @@
                 "text": "string"
               }
             },
+            {
+              "description": "Defines the accessible ARIA name of the reset icon.",
+              "name": "accessible-name-reset-icon",
+              "default": "\"Clear\"",
+              "fieldName": "accessibleNameResetIcon",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "description": "Defines the accessible ARIA name of the search icon (applied just when \"nonInteractiveSubmitButton\" is active).",
+              "name": "accessible-name-search-icon",
+              "default": "\"Search\"",
+              "fieldName": "accessibleNameSearchIcon",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "description": "Defines the tooltip of the clear button.",
+              "name": "tooltip-reset-button",
+              "default": "\"Clear\"",
+              "fieldName": "tooltipResetButton",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "description": "Defines the tooltip of the voice button.",
+              "name": "tooltip-voice-button",
+              "default": "\"Voice\"",
+              "fieldName": "tooltipVoiceButton",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "description": "Defines the tooltip of the submit button.",
+              "name": "tooltip-submit-button",
+              "default": "\"Search\"",
+              "fieldName": "tooltipSubmitButton",
+              "type": {
+                "text": "string"
+              }
+            },
             {
               "description": "Defines the text if the suggestion list doesn't return results.",
               "name": "no-result-text",
@@ -10065,7 +10540,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "A class to serve as a foundation\nfor the <code>UDExFilterMenu</code> and <code>UDExSelectBox</code> classes.",
+          "description": "A class to serve as a foundation\nfor the <code>UDExFilterMenu</code> , <code>UDExSelectBox</code> and <code>UDExCountrySelector/code> classes.",
           "name": "UDExSearchableListBase",
           "slots": [
             {
@@ -10298,30 +10773,16 @@
             {
               "name": "item-click",
               "type": {
-                "text": "CustomEvent<SecondaryNavigationItemClickDetail>",
+                "text": "CustomEvent<ItemClickDetail>",
                 "references": [
                   {
-                    "name": "SecondaryNavigationItemClickDetail",
+                    "name": "ItemClickDetail",
                     "package": "@sapudex/web-components",
                     "module": "dist/SecondaryNavigation.js"
                   }
                 ]
               },
               "description": "Fires when item is clicked"
-            },
-            {
-              "name": "sub-item-click",
-              "type": {
-                "text": "CustomEvent<SecondaryNavigationSubItemClickDetail>",
-                "references": [
-                  {
-                    "name": "SecondaryNavigationSubItemClickDetail",
-                    "package": "@sapudex/web-components",
-                    "module": "dist/SecondaryNavigation.js"
-                  }
-                ]
-              },
-              "description": "Fires when sub item is clicked"
             }
           ],
           "attributes": [
@@ -10413,6 +10874,15 @@
           "description": "A class to serve as a foundation\nfor the <code>UDExSecondaryNavigationItem</code> and <code>UDExSecondaryNavigationSubItem</code> classes.",
           "name": "UDExSecondaryNavigationItemBase",
           "members": [
+            {
+              "kind": "field",
+              "name": "mobileLinkTitle",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines an aria label for item",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "active",
@@ -10435,7 +10905,14 @@
               "kind": "field",
               "name": "target",
               "type": {
-                "text": "string"
+                "text": "Target",
+                "references": [
+                  {
+                    "name": "Target",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/SecondaryNavigationItemBase.js"
+                  }
+                ]
               },
               "description": "Defines target for the item",
               "privacy": "public"
@@ -10469,6 +10946,14 @@
             }
           ],
           "attributes": [
+            {
+              "description": "Defines an aria label for item",
+              "name": "mobile-link-title",
+              "fieldName": "mobileLinkTitle",
+              "type": {
+                "text": "string"
+              }
+            },
             {
               "description": "Defines active state for the item",
               "name": "active",
@@ -10490,7 +10975,7 @@
               "name": "target",
               "fieldName": "target",
               "type": {
-                "text": "string"
+                "text": "Target"
               }
             },
             {
@@ -10583,6 +11068,19 @@
               "default": "\"[]\"",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "mobileLinkTitle",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines an aria label for item",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "UDExSecondaryNavigationItemBase",
+                "module": "dist/SecondaryNavigationItemBase.js"
+              }
+            },
             {
               "kind": "field",
               "name": "active",
@@ -10613,7 +11111,14 @@
               "kind": "field",
               "name": "target",
               "type": {
-                "text": "string"
+                "text": "Target",
+                "references": [
+                  {
+                    "name": "Target",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/SecondaryNavigationItemBase.js"
+                  }
+                ]
               },
               "description": "Defines target for the item",
               "privacy": "public",
@@ -10697,6 +11202,18 @@
                 "text": "boolean"
               }
             },
+            {
+              "description": "Defines an aria label for item",
+              "name": "mobile-link-title",
+              "fieldName": "mobileLinkTitle",
+              "type": {
+                "text": "string"
+              },
+              "inheritedFrom": {
+                "name": "UDExSecondaryNavigationItemBase",
+                "module": "dist/SecondaryNavigationItemBase.js"
+              }
+            },
             {
               "description": "Defines active state for the item",
               "name": "active",
@@ -10726,7 +11243,7 @@
               "name": "target",
               "fieldName": "target",
               "type": {
-                "text": "string"
+                "text": "Target"
               },
               "inheritedFrom": {
                 "name": "UDExSecondaryNavigationItemBase",
@@ -13175,32 +13692,194 @@
               }
             },
             {
-              "description": "Determines the number of digits after the decimal point of the component.",
-              "name": "value-precision",
-              "default": "0",
-              "fieldName": "valuePrecision",
+              "description": "Determines the number of digits after the decimal point of the component.",
+              "name": "value-precision",
+              "default": "0",
+              "fieldName": "valuePrecision",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "description": "Defines label text for the input field.",
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "description": "Defines supporting text under the input field.",
+              "name": "supporting-text",
+              "fieldName": "supportingText",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "description": "Defines the accessible ARIA name of the component.",
+              "name": "accessible-name",
+              "default": "\"\"",
+              "fieldName": "accessibleName",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "description": "Receives id (or many ids) of the elements that label the component.",
+              "name": "accessible-name-ref",
+              "default": "\"\"",
+              "fieldName": "accessibleNameRef",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "dist/UI5Element.js"
+          },
+          "tagName": "udex-step-input",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "UDExStepInput",
+            "module": "dist/StepInput.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "udex-step-input",
+          "declaration": {
+            "name": "UDExStepInput",
+            "module": "dist/StepInput.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/Switch.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-switch</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/Switch.js\";</code>",
+          "name": "UDExSwitch",
+          "members": [
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the label near switch.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "SwitchColor",
+                "references": [
+                  {
+                    "name": "SwitchColor",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Switch.js"
+                  }
+                ]
+              },
+              "description": "Defines the color of the component.",
+              "default": "\"Non-Semantic\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "accessibleName",
+              "type": {
+                "text": "string"
+              },
+              "description": "Sets the accessible ARIA name of the component.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "accessibleNameRef",
+              "type": {
+                "text": "string"
+              },
+              "description": "Receives id (or many ids) of the elements that label the component.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "checked",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines if the component is checked.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines whether the component is disabled.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "tooltip",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the tooltip of the component.",
+              "default": "\"\"",
+              "privacy": "public"
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
               "type": {
-                "text": "number"
-              }
-            },
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the component checked state changes."
+            }
+          ],
+          "attributes": [
             {
-              "description": "Defines label text for the input field.",
+              "description": "Defines the label near switch.",
               "name": "label",
+              "default": "\"\"",
               "fieldName": "label",
               "type": {
                 "text": "string"
               }
             },
             {
-              "description": "Defines supporting text under the input field.",
-              "name": "supporting-text",
-              "fieldName": "supportingText",
+              "description": "Defines the color of the component.",
+              "name": "color",
+              "default": "\"Non-Semantic\"",
+              "fieldName": "color",
               "type": {
-                "text": "string"
+                "text": "\"Non-Semantic\" | \"Semantic\""
               }
             },
             {
-              "description": "Defines the accessible ARIA name of the component.",
+              "description": "Sets the accessible ARIA name of the component.",
               "name": "accessible-name",
               "default": "\"\"",
               "fieldName": "accessibleName",
@@ -13216,6 +13895,33 @@
               "type": {
                 "text": "string"
               }
+            },
+            {
+              "description": "Defines if the component is checked.",
+              "name": "checked",
+              "default": "false",
+              "fieldName": "checked",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "description": "Defines whether the component is disabled.",
+              "name": "disabled",
+              "default": "false",
+              "fieldName": "disabled",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "description": "Defines the tooltip of the component.",
+              "name": "tooltip",
+              "default": "\"\"",
+              "fieldName": "tooltip",
+              "type": {
+                "text": "string"
+              }
             }
           ],
           "superclass": {
@@ -13223,7 +13929,7 @@
             "package": "@ui5/webcomponents-base",
             "module": "dist/UI5Element.js"
           },
-          "tagName": "udex-step-input",
+          "tagName": "udex-switch",
           "customElement": true
         }
       ],
@@ -13232,28 +13938,13 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "UDExStepInput",
-            "module": "dist/StepInput.js"
+            "name": "UDExSwitch",
+            "module": "dist/Switch.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "udex-step-input",
-          "declaration": {
-            "name": "UDExStepInput",
-            "module": "dist/StepInput.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/Switch.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
+          "name": "udex-switch",
           "declaration": {
             "name": "UDExSwitch",
             "module": "dist/Switch.js"
@@ -13267,7 +13958,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-tab</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/Tab.js\";</code>",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-tab</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/Tab.js\";</code>",
           "name": "UDExTab",
           "slots": [
             {
@@ -13460,7 +14151,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-tab-navigation</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/TabNavigation.js\";</code>",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-tab-navigation</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/TabNavigation.js\";</code>",
           "name": "UDExTabNavigation",
           "slots": [
             {
@@ -14314,7 +15005,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-tag</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/Tag.js\";</code>",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-tag</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/Tag.js\";</code>",
           "name": "UDExTag",
           "members": [
             {
@@ -14327,6 +15018,16 @@
               "default": "\"\"",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the href for behavior of the tag as a link",
+              "default": "\"\"",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "design",
@@ -14348,7 +15049,14 @@
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "\"Small\" | \"Medium\""
+                "text": "TagSize",
+                "references": [
+                  {
+                    "name": "TagSize",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Tag.js"
+                  }
+                ]
               },
               "description": "Defines the size of the component.",
               "default": "\"Small\"",
@@ -14436,6 +15144,13 @@
                 "text": "CustomEvent"
               },
               "description": "Emitted when icon in tag was clicked"
+            },
+            {
+              "name": "tagLinkClick",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Emitted when tag link was clicked"
             }
           ],
           "attributes": [
@@ -14448,6 +15163,15 @@
                 "text": "string"
               }
             },
+            {
+              "description": "Defines the href for behavior of the tag as a link",
+              "name": "href",
+              "default": "\"\"",
+              "fieldName": "href",
+              "type": {
+                "text": "string"
+              }
+            },
             {
               "description": "Defines the design type of tag",
               "name": "design",
@@ -14549,6 +15273,184 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/TagGroup.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-tag-group</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/TagGroup.js\";</code>",
+          "name": "UDExTagGroup",
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the tags."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "tokenizerExpanded",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines whether the UI5Tokenizer is expanded.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines whether the component is in disabled state.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines whether the component is readonly.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "displayonly",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines whether the component is displayonly.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "tooltipPlacement",
+              "type": {
+                "text": "PlacementType",
+                "references": [
+                  {
+                    "name": "PlacementType",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/TagGroup.js"
+                  }
+                ]
+              },
+              "description": "Determines on which side of the component the Tooltip is displayed.",
+              "default": "\"Bottom\"",
+              "privacy": "public"
+            }
+          ],
+          "events": [
+            {
+              "name": "tag-click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Emitted when tag was clicked"
+            },
+            {
+              "name": "tag-icon-click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Emitted when icon in tag was clicked"
+            },
+            {
+              "name": "show-more-tags",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Emitted when the tooltip was opened, can be canceled"
+            },
+            {
+              "name": "tag-keydown",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Emitted  when a keydown event occurs on a tag, can be canceled\nEmitted custom event with keycode and tag details"
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Defines whether the UI5Tokenizer is expanded.",
+              "name": "tokenizer-expanded",
+              "default": "false",
+              "fieldName": "tokenizerExpanded",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "description": "Defines whether the component is in disabled state.",
+              "name": "disabled",
+              "default": "false",
+              "fieldName": "disabled",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "description": "Defines whether the component is readonly.",
+              "name": "readonly",
+              "default": "false",
+              "fieldName": "readonly",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "description": "Defines whether the component is displayonly.",
+              "name": "displayonly",
+              "default": "false",
+              "fieldName": "displayonly",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "description": "Determines on which side of the component the Tooltip is displayed.",
+              "name": "tooltip-placement",
+              "default": "\"Bottom\"",
+              "fieldName": "tooltipPlacement",
+              "type": {
+                "text": "\"Left\" | \"Right\" | \"Top\" | \"Bottom\""
+              }
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "dist/UI5Element.js"
+          },
+          "tagName": "udex-tag-group",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "UDExTagGroup",
+            "module": "dist/TagGroup.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "udex-tag-group",
+          "declaration": {
+            "name": "UDExTagGroup",
+            "module": "dist/TagGroup.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/TextArea.js",
@@ -14970,7 +15872,14 @@
               "kind": "field",
               "name": "valueState",
               "type": {
-                "text": "\"Standard\" | \"Warning\" | \"Error\" | \"Success\""
+                "text": "ValueState",
+                "references": [
+                  {
+                    "name": "ValueState",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/types/common.js"
+                  }
+                ]
               },
               "description": "Defines the value state of the component.",
               "default": "\"Standard\"",
@@ -15482,7 +16391,7 @@
       "declarations": [
         {
           "kind": "class",
-          "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 @udex/web-components/dist/Tooltip.js\";</code>",
+          "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 \"@udex/web-components/dist/Tooltip.js\";</code>",
           "name": "UDExTooltip",
           "slots": [
             {