@sapudex/web-components 2.4.2 → 2.6.0

package/dist/vscode.html-custom-data.json

@@ -20,7 +20,7 @@
     },
     {
       "name": "udex-accordion-item",
-      "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 \"@sapudex/web-components/dist/AccordionItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **accordion-item-focus** - Triggered when the user focuses on an accordion item.\n\n### **Slots:**\n - **default** - Slot for accordion item content.",
+      "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 \"@sapudex/web-components/dist/AccordionItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **accordion-item-focus** - Triggered when the user focuses on an accordion item.\n- **accordion-item-click** - Triggered when the user clicks on an accordion item.\n\n### **Slots:**\n - **default** - Slot for accordion item content.",
       "attributes": [
         {
           "name": "number-badge",
@@ -128,7 +128,7 @@
     },
     {
       "name": "udex-badge",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-badge</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Badge.js\";</code>\n\n\n---\n\n\n\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-badge</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Badge.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
       "attributes": [
         {
           "name": "type",
@@ -233,7 +233,7 @@
     },
     {
       "name": "udex-carousel",
-      "description": "\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-carousel</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Carousel.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
       "attributes": [
         {
           "name": "navigation-placement",
@@ -453,6 +453,11 @@
           "values": []
         },
         { "name": "hide-flag-images", "values": [] },
+        {
+          "name": "prevent-page-scroll",
+          "description": "Defines if page scrolling should be prevented within the list of items.",
+          "values": []
+        },
         {
           "name": "busy",
           "description": "Defines if the component would display a loading indicator.",
@@ -570,7 +575,7 @@
     },
     {
       "name": "udex-divider",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>udex-divider</code> component is a divider component used to separate content in a page.\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-divider</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Divider.js\";</code>\n\n\n---\n\n\n",
       "attributes": [
         {
           "name": "accessible-role",
@@ -656,11 +661,6 @@
           "description": "Determines if there is no enough space, the component can be placed\nover the target.",
           "values": []
         },
-        {
-          "name": "height",
-          "description": "Allows control over the height.",
-          "values": []
-        },
         {
           "name": "placement",
           "description": "Determines on which side the component is placed at.",
@@ -750,6 +750,16 @@
           "description": "Allows setting a custom role for dropdown trigger.",
           "values": []
         },
+        {
+          "name": "height",
+          "description": "Allows control over the height.",
+          "values": []
+        },
+        {
+          "name": "prevent-page-scroll",
+          "description": "Defines if page scrolling should be prevented within the list of items.",
+          "values": []
+        },
         {
           "name": "busy",
           "description": "Defines if the component would display a loading indicator.",
@@ -1807,7 +1817,7 @@
     },
     {
       "name": "udex-masthead-shell",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-shell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadShell.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **mobile-menu-open** - Fired event when the user clicks the mobile menu button opener.\n- **mobile-menu-close** - Fired event when the user clicks the mobile menu button closer.\n- **search-click** - Fired event when the user clicks the search button trigger.\n- **search-close-click** - Fired event when the user clicks the search close button.\n- **search-opened** - Fired event when the search panel is opened.\n- **search-closed** - Fired event when the search panel is closed.\n- **cart-click** - Fired event when the user clicks the cart button trigger.\n- **support-click** - Fired event when the user clicks the support button trigger.\n- **profile-click** - Fired event when the user clicks the profile button trigger.\n- **country-selector-click** - Fired event when the user clicks the country selector button trigger.\n- **logo-click** - Fired event when the user clicks the logo.\n- **site-label-click** - Fired event when the user clicks the site label.\n\n### **Methods:**\n - **closeSearch(): _void_** - Close the search panel.\n- **openSearch(): _void_** - Open the search panel.\n- **openMobileMenu(): _void_** - Open the mobile menu panel.\n- **closeMobileMenu(): _void_** - Close the mobile menu panel.\n\n### **Slots:**\n - **countrySelector** - Slot for country selector item.\n- **mobileMenu** - Slot for mobile menu\n- **default** - Slot for main menu items.\n- **search** - Slot for search component - will be visible on search icon click.\nNote: search component should be hidden by default.\nNote: search icon won't be visible if this slot would be empty\n- **exploreSAP** - Slot for 'Explore SAP' menu\n- **cart** - Slot for cart menu\n- **profile** - Slot for avatar\n- **support** - Slot for support",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-shell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadShell.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **mobile-menu-open** - Fired event when the user clicks the mobile menu button opener.\n- **mobile-menu-close** - Fired event when the user clicks the mobile menu button closer.\n- **search-click** - Fired event when the user clicks the search button trigger.\n- **search-close-click** - Fired event when the user clicks the search close button.\n- **search-opened** - Fired event when the search panel is opened.\n- **search-closed** - Fired event when the search panel is closed.\n- **cart-click** - Fired event when the user clicks the cart button trigger.\n- **support-click** - Fired event when the user clicks the support button trigger.\n- **profile-click** - Fired event when the user clicks the profile button trigger.\n- **country-selector-click** - Fired event when the user clicks the country selector button trigger.\n- **logo-click** - Fired event when the user clicks the logo.\n- **site-label-click** - Fired event when the user clicks the site label.\n- **co-brand-click** - Fired event when the user clicks the co-brand.\n\n### **Methods:**\n - **closeSearch(): _void_** - Close the search panel.\n- **openSearch(): _void_** - Open the search panel.\n- **openMobileMenu(): _void_** - Open the mobile menu panel.\n- **closeMobileMenu(): _void_** - Close the mobile menu panel.\n\n### **Slots:**\n - **countrySelector** - Slot for country selector item.\n- **mobileMenu** - Slot for mobile menu\n- **default** - Slot for main menu items.\n- **search** - Slot for search component - will be visible on search icon click.\nNote: search component should be hidden by default.\nNote: search icon won't be visible if this slot would be empty\n- **exploreSAP** - Slot for 'Explore SAP' menu\n- **cart** - Slot for cart menu\n- **profile** - Slot for avatar\n- **support** - Slot for support",
       "attributes": [
         {
           "name": "home-url",
@@ -1834,6 +1844,31 @@
           "description": "Defines sticky position for component",
           "values": []
         },
+        {
+          "name": "co-brand-image",
+          "description": "Defines the co-brand image",
+          "values": []
+        },
+        {
+          "name": "co-brand-alt",
+          "description": "Defines an alt text for the co-brand image",
+          "values": []
+        },
+        {
+          "name": "co-brand-url",
+          "description": "Defines the co-brand URL",
+          "values": []
+        },
+        {
+          "name": "co-brand-title",
+          "description": "Defines the default tooltip title for co-brand",
+          "values": []
+        },
+        {
+          "name": "co-brand-aria-label",
+          "description": "Defines an aria label for the co-brand link",
+          "values": []
+        },
         {
           "name": "logo-url",
           "description": "Defines the Logo image URL",
@@ -1844,6 +1879,11 @@
           "description": "Defines the Logo default title",
           "values": []
         },
+        {
+          "name": "site-label-title",
+          "description": "Defines the default tooltip title for site label",
+          "values": []
+        },
         {
           "name": "site-label",
           "description": "Defines a site label. It will be displayed next to a logo.",
@@ -2493,6 +2533,16 @@
       "name": "udex-searchable-list-base",
       "description": "A class to serve as a foundation\nfor the <code>UDExFilterMenu</code> , <code>UDExSelectBox</code> and <code>UDExCountrySelector/code> classes.\n\n\n---\n\n\n\n\n### **Events:**\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.",
       "attributes": [
+        {
+          "name": "height",
+          "description": "Allows control over the height.",
+          "values": []
+        },
+        {
+          "name": "prevent-page-scroll",
+          "description": "Defines if page scrolling should be prevented within the list of items.",
+          "values": []
+        },
         {
           "name": "busy",
           "description": "Defines if the component would display a loading indicator.",
@@ -2723,11 +2773,6 @@
           "description": "Defines whether the component is in disabled state.",
           "values": []
         },
-        {
-          "name": "height",
-          "description": "Allows control over the height.",
-          "values": []
-        },
         {
           "name": "label",
           "description": "Defines label text for field container.",
@@ -2778,6 +2823,16 @@
             { "name": "Bottom" }
           ]
         },
+        {
+          "name": "height",
+          "description": "Allows control over the height.",
+          "values": []
+        },
+        {
+          "name": "prevent-page-scroll",
+          "description": "Defines if page scrolling should be prevented within the list of items.",
+          "values": []
+        },
         {
           "name": "busy",
           "description": "Defines if the component would display a loading indicator.",
@@ -3328,7 +3383,7 @@
     },
     {
       "name": "udex-tab-navigation",
-      "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 \"@sapudex/web-components/dist/TabNavigation.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fires when the tab was clicked.\n\n### **Slots:**\n - **default** - Defines the tabs and content.",
+      "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 \"@sapudex/web-components/dist/TabNavigation.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fires when the tab was clicked.\n- **tab-select** - Fired when a tab is selected.\n\n### **Slots:**\n - **default** - Defines the tabs and content.",
       "attributes": [
         {
           "name": "ud-exsize-more-button",

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@sapudex/web-components",
-  "version": "2.4.2",
+  "version": "2.6.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -54,7 +54,7 @@
         },
         {
           "name": "udex-accordion-item",
-          "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 \"@sapudex/web-components/dist/AccordionItem.js\";</code>\n---\n\n\n### **Events:**\n - **accordion-item-focus** - Triggered when the user focuses on an accordion item.\n\n### **Slots:**\n - **default** - Slot for accordion item content.",
+          "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 \"@sapudex/web-components/dist/AccordionItem.js\";</code>\n---\n\n\n### **Events:**\n - **accordion-item-focus** - Triggered when the user focuses on an accordion item.\n- **accordion-item-click** - Triggered when the user clicks on an accordion item.\n\n### **Slots:**\n - **default** - Slot for accordion item content.",
           "doc-url": "",
           "attributes": [
             {
@@ -88,6 +88,10 @@
             {
               "name": "accordion-item-focus",
               "description": "Triggered when the user focuses on an accordion item."
+            },
+            {
+              "name": "accordion-item-click",
+              "description": "Triggered when the user clicks on an accordion item."
             }
           ],
           "js": {
@@ -117,6 +121,10 @@
               {
                 "name": "accordion-item-focus",
                 "description": "Triggered when the user focuses on an accordion item."
+              },
+              {
+                "name": "accordion-item-click",
+                "description": "Triggered when the user clicks on an accordion item."
               }
             ]
           }
@@ -275,7 +283,7 @@
         },
         {
           "name": "udex-badge",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-badge</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Badge.js\";</code>\n---\n\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-badge</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Badge.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
           "doc-url": "",
           "attributes": [
             {
@@ -299,7 +307,7 @@
               "description": "Defines the design of text type component.",
               "value": {
                 "type": "\"Neutral\" | \"Negative\" | \"Information\" | \"Positive\" | \"Warning\"",
-                "default": "\"Info\""
+                "default": "\"Information\""
               }
             },
             {
@@ -491,7 +499,7 @@
         },
         {
           "name": "udex-carousel",
-          "description": "\n---\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-carousel</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Carousel.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
           "doc-url": "",
           "attributes": [
             {
@@ -855,6 +863,11 @@
               "name": "hide-flag-images",
               "value": { "type": "boolean | undefined" }
             },
+            {
+              "name": "prevent-page-scroll",
+              "description": "Defines if page scrolling should be prevented within the list of items.",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "busy",
               "description": "Defines if the component would display a loading indicator.",
@@ -1008,6 +1021,11 @@
                 "name": "hide-flag-images",
                 "value": { "type": "boolean | undefined" }
               },
+              {
+                "name": "prevent-page-scroll",
+                "description": "Defines if page scrolling should be prevented within the list of items.",
+                "value": { "type": "boolean" }
+              },
               {
                 "name": "busy",
                 "description": "Defines if the component would display a loading indicator.",
@@ -1239,7 +1257,7 @@
         },
         {
           "name": "udex-divider",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>udex-divider</code> component is a divider component used to separate content in a page.\n---\n",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-divider</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Divider.js\";</code>\n---\n",
           "doc-url": "",
           "attributes": [
             {
@@ -1395,11 +1413,6 @@
               "description": "Determines if there is no enough space, the component can be placed\nover the target.",
               "value": { "type": "boolean | undefined", "default": "false" }
             },
-            {
-              "name": "height",
-              "description": "Allows control over the height.",
-              "value": { "type": "string | undefined" }
-            },
             {
               "name": "placement",
               "description": "Determines on which side the component is placed at.",
@@ -1485,6 +1498,16 @@
               "description": "Allows setting a custom role for dropdown trigger.",
               "value": { "type": "string", "default": "\"combobox\"" }
             },
+            {
+              "name": "height",
+              "description": "Allows control over the height.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "prevent-page-scroll",
+              "description": "Defines if page scrolling should be prevented within the list of items.",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "busy",
               "description": "Defines if the component would display a loading indicator.",
@@ -1582,11 +1605,6 @@
                 "description": "Determines if there is no enough space, the component can be placed\nover the target.",
                 "value": { "type": "boolean | undefined" }
               },
-              {
-                "name": "height",
-                "description": "Allows control over the height.",
-                "value": { "type": "string | undefined" }
-              },
               {
                 "name": "placement",
                 "description": "Determines on which side the component is placed at.",
@@ -1663,6 +1681,16 @@
                 "description": "Allows setting a custom role for dropdown trigger.",
                 "value": { "type": "string" }
               },
+              {
+                "name": "height",
+                "description": "Allows control over the height.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "prevent-page-scroll",
+                "description": "Defines if page scrolling should be prevented within the list of items.",
+                "value": { "type": "boolean" }
+              },
               {
                 "name": "busy",
                 "description": "Defines if the component would display a loading indicator.",
@@ -3695,7 +3723,7 @@
         },
         {
           "name": "udex-masthead-shell",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-shell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadShell.js\";</code>\n---\n\n\n### **Events:**\n - **mobile-menu-open** - Fired event when the user clicks the mobile menu button opener.\n- **mobile-menu-close** - Fired event when the user clicks the mobile menu button closer.\n- **search-click** - Fired event when the user clicks the search button trigger.\n- **search-close-click** - Fired event when the user clicks the search close button.\n- **search-opened** - Fired event when the search panel is opened.\n- **search-closed** - Fired event when the search panel is closed.\n- **cart-click** - Fired event when the user clicks the cart button trigger.\n- **support-click** - Fired event when the user clicks the support button trigger.\n- **profile-click** - Fired event when the user clicks the profile button trigger.\n- **country-selector-click** - Fired event when the user clicks the country selector button trigger.\n- **logo-click** - Fired event when the user clicks the logo.\n- **site-label-click** - Fired event when the user clicks the site label.\n\n### **Methods:**\n - **closeSearch(): _void_** - Close the search panel.\n- **openSearch(): _void_** - Open the search panel.\n- **openMobileMenu(): _void_** - Open the mobile menu panel.\n- **closeMobileMenu(): _void_** - Close the mobile menu panel.\n\n### **Slots:**\n - **countrySelector** - Slot for country selector item.\n- **mobileMenu** - Slot for mobile menu\n- **default** - Slot for main menu items.\n- **search** - Slot for search component - will be visible on search icon click.\nNote: search component should be hidden by default.\nNote: search icon won't be visible if this slot would be empty\n- **exploreSAP** - Slot for 'Explore SAP' menu\n- **cart** - Slot for cart menu\n- **profile** - Slot for avatar\n- **support** - Slot for support",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-shell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadShell.js\";</code>\n---\n\n\n### **Events:**\n - **mobile-menu-open** - Fired event when the user clicks the mobile menu button opener.\n- **mobile-menu-close** - Fired event when the user clicks the mobile menu button closer.\n- **search-click** - Fired event when the user clicks the search button trigger.\n- **search-close-click** - Fired event when the user clicks the search close button.\n- **search-opened** - Fired event when the search panel is opened.\n- **search-closed** - Fired event when the search panel is closed.\n- **cart-click** - Fired event when the user clicks the cart button trigger.\n- **support-click** - Fired event when the user clicks the support button trigger.\n- **profile-click** - Fired event when the user clicks the profile button trigger.\n- **country-selector-click** - Fired event when the user clicks the country selector button trigger.\n- **logo-click** - Fired event when the user clicks the logo.\n- **site-label-click** - Fired event when the user clicks the site label.\n- **co-brand-click** - Fired event when the user clicks the co-brand.\n\n### **Methods:**\n - **closeSearch(): _void_** - Close the search panel.\n- **openSearch(): _void_** - Open the search panel.\n- **openMobileMenu(): _void_** - Open the mobile menu panel.\n- **closeMobileMenu(): _void_** - Close the mobile menu panel.\n\n### **Slots:**\n - **countrySelector** - Slot for country selector item.\n- **mobileMenu** - Slot for mobile menu\n- **default** - Slot for main menu items.\n- **search** - Slot for search component - will be visible on search icon click.\nNote: search component should be hidden by default.\nNote: search icon won't be visible if this slot would be empty\n- **exploreSAP** - Slot for 'Explore SAP' menu\n- **cart** - Slot for cart menu\n- **profile** - Slot for avatar\n- **support** - Slot for support",
           "doc-url": "",
           "attributes": [
             {
@@ -3706,7 +3734,7 @@
             {
               "name": "site-label-url",
               "description": "Defines URL for site label. 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": "body-overflow",
@@ -3723,40 +3751,70 @@
               "description": "Defines sticky position for component",
               "value": { "type": "boolean", "default": "\"\"" }
             },
+            {
+              "name": "co-brand-image",
+              "description": "Defines the co-brand image",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "co-brand-alt",
+              "description": "Defines an alt text for the co-brand image",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "co-brand-url",
+              "description": "Defines the co-brand URL",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "co-brand-title",
+              "description": "Defines the default tooltip title for co-brand",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "co-brand-aria-label",
+              "description": "Defines an aria label for the co-brand link",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
             {
               "name": "logo-url",
               "description": "Defines the Logo image URL",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "logo-title",
               "description": "Defines the Logo default title",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "site-label-title",
+              "description": "Defines the default tooltip title for site label",
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "site-label",
               "description": "Defines a site label. It will be displayed next to a logo.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "logo-alt",
               "description": "Defines an alt text for logo",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "close-button-accessible-name",
               "description": "Defines an accessible name for close icon for the search bar",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "homepage-aria-label",
               "description": "Defines an aria label for the homepage link",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "site-label-aria-label",
               "description": "Defines an aria label for the site label",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "slots": [
@@ -3826,6 +3884,10 @@
             {
               "name": "site-label-click",
               "description": "Fired event when the user clicks the site label."
+            },
+            {
+              "name": "co-brand-click",
+              "description": "Fired event when the user clicks the co-brand."
             }
           ],
           "js": {
@@ -3838,7 +3900,7 @@
               {
                 "name": "site-label-url",
                 "description": "Defines URL for site label. It will be used as a link on a logo and a site label",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "body-overflow",
@@ -3855,40 +3917,70 @@
                 "description": "Defines sticky position for component",
                 "value": { "type": "boolean" }
               },
+              {
+                "name": "co-brand-image",
+                "description": "Defines the co-brand image",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "co-brand-alt",
+                "description": "Defines an alt text for the co-brand image",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "co-brand-url",
+                "description": "Defines the co-brand URL",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "co-brand-title",
+                "description": "Defines the default tooltip title for co-brand",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "co-brand-aria-label",
+                "description": "Defines an aria label for the co-brand link",
+                "value": { "type": "string | undefined" }
+              },
               {
                 "name": "logo-url",
                 "description": "Defines the Logo image URL",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "logo-title",
                 "description": "Defines the Logo default title",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "site-label-title",
+                "description": "Defines the default tooltip title for site label",
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "site-label",
                 "description": "Defines a site label. It will be displayed next to a logo.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "logo-alt",
                 "description": "Defines an alt text for logo",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "close-button-accessible-name",
                 "description": "Defines an accessible name for close icon for the search bar",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "homepage-aria-label",
                 "description": "Defines an aria label for the homepage link",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "site-label-aria-label",
                 "description": "Defines an aria label for the site label",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": [
@@ -3939,6 +4031,10 @@
               {
                 "name": "site-label-click",
                 "description": "Fired event when the user clicks the site label."
+              },
+              {
+                "name": "co-brand-click",
+                "description": "Fired event when the user clicks the co-brand."
               }
             ]
           }
@@ -5621,11 +5717,6 @@
               "description": "Defines whether the component is in disabled state.",
               "value": { "type": "boolean", "default": "false" }
             },
-            {
-              "name": "height",
-              "description": "Allows control over the height.",
-              "value": { "type": "string | undefined" }
-            },
             {
               "name": "label",
               "description": "Defines label text for field container.",
@@ -5672,6 +5763,16 @@
                 "default": "\"Bottom\""
               }
             },
+            {
+              "name": "height",
+              "description": "Allows control over the height.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "prevent-page-scroll",
+              "description": "Defines if page scrolling should be prevented within the list of items.",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "busy",
               "description": "Defines if the component would display a loading indicator.",
@@ -5766,11 +5867,6 @@
                 "description": "Defines whether the component is in disabled state.",
                 "value": { "type": "boolean" }
               },
-              {
-                "name": "height",
-                "description": "Allows control over the height.",
-                "value": { "type": "string | undefined" }
-              },
               {
                 "name": "label",
                 "description": "Defines label text for field container.",
@@ -5815,6 +5911,16 @@
                   "type": "\"Start\" | \"End\" | \"Top\" | \"Bottom\""
                 }
               },
+              {
+                "name": "height",
+                "description": "Allows control over the height.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "prevent-page-scroll",
+                "description": "Defines if page scrolling should be prevented within the list of items.",
+                "value": { "type": "boolean" }
+              },
               {
                 "name": "busy",
                 "description": "Defines if the component would display a loading indicator.",
@@ -6864,7 +6970,7 @@
         },
         {
           "name": "udex-tab-navigation",
-          "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 \"@sapudex/web-components/dist/TabNavigation.js\";</code>\n---\n\n\n### **Events:**\n - **click** - Fires when the tab was clicked.\n\n### **Slots:**\n - **default** - Defines the tabs and content.",
+          "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 \"@sapudex/web-components/dist/TabNavigation.js\";</code>\n---\n\n\n### **Events:**\n - **click** - Fires when the tab was clicked.\n- **tab-select** - Fired when a tab is selected.\n\n### **Slots:**\n - **default** - Defines the tabs and content.",
           "doc-url": "",
           "attributes": [
             {
@@ -6899,6 +7005,10 @@
             {
               "name": "click",
               "description": "Fires when the tab was clicked."
+            },
+            {
+              "name": "tab-select",
+              "description": "Fired when a tab is selected."
             }
           ],
           "js": {
@@ -6923,6 +7033,10 @@
               {
                 "name": "click",
                 "description": "Fires when the tab was clicked."
+              },
+              {
+                "name": "tab-select",
+                "description": "Fired when a tab is selected."
               }
             ]
           }