@sapudex/web-components 0.114.2 → 0.117.1

package/dist/generated/themes/StatusBadge.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.css.js","sourceRoot":"","sources":["../../../src/generated/themes/StatusBadge.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,2BAA2B,EAAC,OAAO,EAAC;CAChH,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/StatusBadge.css.ts\",content:`:host{--udex-status-badge-icon-color-error: var(--udexColorRed8);--udex-status-badge-background-color-error: var(--udexColorRed2);--udex-status-badge-border-color-error: var(--udexColorRed7);--udex-status-badge-icon-color-success: var(--udexColorGreen8);--udex-status-badge-background-color-success: var(--udexColorGreen2);--udex-status-badge-border-color-success: var(--udexColorGreen7);--udex-status-badge-icon-color-warning: var(--udexColorMango8);--udex-status-badge-background-color-warning: var(--udexColorMango2);--udex-status-badge-border-color-warning: var(--udexColorMango7);--udex-status-badge-icon-color-information: var(--udexColorBlue8);--udex-status-badge-background-color-information: var(--udexColorBlue2);--udex-status-badge-border-color-information: var(--udexColorBlue7);--udex-status-badge-icon-color-edit: white;--udex-status-badge-background-color-edit: var(--udexColorBlue7);--udex-status-badge-size-background-xs-and-s-and-m: 18px;--udex-status-badge-size-background-l: 20px;--udex-status-badge-size-background-xl: 28px;--udex-status-badge-size-icon-xs-and-s-and-m: 12px;--udex-status-badge-size-icon-l: 14px;--udex-status-badge-size-icon-xl: 16px;display:inline-block;box-sizing:border-box;position:relative}.udex-status-badge__icon{color:inherit;display:inline-block;border-radius:50%;outline:1px solid;vertical-align:top}.udex-status-badge__icon,:host([value-state=\"Information\"]) .udex-status-badge__icon{color:var(--udex-status-badge-icon-color-information);border-color:var(--udex-status-badge-border-color-information);background:var(--udex-status-badge-background-color-information)}:host([value-state=\"Error\"]) .udex-status-badge__icon{color:var(--udex-status-badge-icon-color-error);border-color:var(--udex-status-badge-border-color-error);background:var(--udex-status-badge-background-color-error)}:host([value-state=\"Success\"]) .udex-status-badge__icon{color:var(--udex-status-badge-icon-color-success);border-color:var(--udex-status-badge-border-color-success);background:var(--udex-status-badge-background-color-success)}:host([value-state=\"Warning\"]) .udex-status-badge__icon{color:var(--udex-status-badge-icon-color-warning);border-color:var(--udex-status-badge-border-color-warning);background:var(--udex-status-badge-background-color-warning)}:host([value-state=\"Edit\"]) .udex-status-badge__icon{color:var(--udex-status-badge-icon-color-edit);background:var(--udex-status-badge-background-color-edit);border:0;outline:0;cursor:pointer}.udex-status-badge__icon,:host([size=\"XS\"]) .udex-status-badge__icon{width:var(--udex-status-badge-size-icon-xs-and-s-and-m);height:var(--udex-status-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size=\"S\"]) .udex-status-badge__icon{width:var(--udex-status-badge-size-icon-xs-and-s-and-m);height:var(--udex-status-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size=\"M\"]) .udex-status-badge__icon{width:var(--udex-status-badge-size-icon-xs-and-s-and-m);height:var(--udex-status-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size=\"L\"]) .udex-status-badge__icon{width:var(--udex-status-badge-size-icon-l);height:var(--udex-status-badge-size-icon-l);padding:3px}:host([size=\"XL\"]) .udex-status-badge__icon{width:var(--udex-status-badge-size-icon-xl);height:var(--udex-status-badge-size-icon-xl);padding:6px}.udex-status-badge,:host([size=\"XS\"]) .udex-status-badge{width:var(--udex-status-badge-size-background-xs-and-s-and-m);height:var(--udex-status-badge-size-background-xs-and-s-and-m)}:host([size=\"S\"]) .udex-status-badge{width:var(--udex-status-badge-size-background-xs-and-s-and-m);height:var(--udex-status-badge-size-background-xs-and-s-and-m)}:host([size=\"M\"]) .udex-status-badge{width:var(--udex-status-badge-size-background-xs-and-s-and-m);height:var(--udex-status-badge-size-background-xs-and-s-and-m)}:host([size=\"L\"]) .udex-status-badge{width:var(--udex-status-badge-size-background-l);height:var(--udex-status-badge-size-background-l)}:host([size=\"XL\"]) .udex-status-badge{width:var(--udex-status-badge-size-background-xl);height:var(--udex-status-badge-size-background-xl)}\n`};\nexport default styleData;\n\t"]}

package/dist/i18n/messagebundle.properties

@@ -147,13 +147,21 @@ QUICK_LINKS=Quick Links
 TRENDING=Trending
 ABOUT_SAP=About SAP
 SITE_INFORMATION=Site Information
-SEE_COMPLETE_LIST=Or see our complete list of 
+SEE_COMPLETE_LIST=Or see our complete list of
 LOCAL_COUNTRY_NAMES=local country numbers
 
 #Avatar accessible names
 AVATAR_TEXT=Avatar
 DISABLED=Disabled
 
+#Status badge accessible names
+STATUS_BADGE_TEXT=Status badge
+STATUS_BADGE_EDIT_TITLE=Click to edit profile
+STATUS_BADGE_INFORMATION_TITLE=Click to open profile information
+STATUS_BADGE_WARNING_TITLE=Warning, potential risk with the profile
+STATUS_BADGE_ERROR_TITLE=There is an error with the profile
+STATUS_BADGE_SUCCESS_TITLE=Successfully verified profile
+
 
 #Text for Date Picker Calendar button icon
 CALENDAR_ICON=Employee start date
@@ -164,3 +172,6 @@ TABLE_NO_DATA_FOUND=No data found
 #Text for List Item button icons
 LIST_ITEM_EDIT_ICON=Edit list item entry
 LIST_ITEM_DELETE_ICON=Delete list item entry
+
+#SecondaryNavigationSubItem Aria label for back button
+BACK_BUTTON_LABEL=back button

package/dist/i18n/messagebundle_en.properties

@@ -77,9 +77,16 @@ QUICK_LINKS=Quick Links
 TRENDING=Trending
 ABOUT_SAP=About SAP
 SITE_INFORMATION=Site Information
-SEE_COMPLETE_LIST=Or see our complete list of 
+SEE_COMPLETE_LIST=Or see our complete list of
 LOCAL_COUNTRY_NAMES=local country numbers
 AVATAR_TEXT=Avatar
 CALENDAR_ICON=Employee start date
 LIST_ITEM_EDIT_ICON=Edit list item entry
 LIST_ITEM_DELETE_ICON=Delete list item entry
+BACK_BUTTON_LABEL=back button label
+STATUS_BADGE_TEXT=Status Badge
+STATUS_BADGE_EDIT_TITLE=Click to edit profile
+STATUS_BADGE_INFORMATION_TITLE=Click to open profile information
+STATUS_BADGE_WARNING_TITLE=Warning, potential risk with the profile
+STATUS_BADGE_ERROR_TITLE=There is an error with the profile
+STATUS_BADGE_SUCCESS_TITLE=Successfully verified profile

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

@@ -98,7 +98,7 @@
         },
         {
           "name": "size",
-          "description": "Controls id of the element that label the component",
+          "description": "Defines predefined size of the component.",
           "values": [
             { "name": "XS" },
             { "name": "S" },
@@ -106,6 +106,11 @@
             { "name": "L" },
             { "name": "XL" }
           ]
+        },
+        {
+          "name": "show-attention-badge",
+          "description": "Defines the displaying attention badge.",
+          "values": []
         }
       ],
       "references": []
@@ -2090,7 +2095,7 @@
     },
     {
       "name": "udex-search",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-search</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/Search.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **submit-search-value** - Fired event when the user submitted the value.\n- **handle-value-search** - Fired event when the user typed to search field.\n- **handle-value-reset** - Fired event when the user clicks on the reset button.\n- **dropdown-item-click** - Fired event when the user clicks on the item inside the popover.\n- **prefix-item-click** - Fired event when the user clicks on the intem inside the prefix dropdown.\n\n### **Slots:**\n - **default** - Defines the prefix dropdown of the Search component.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-search</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/Search.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **submit-search-value** - Fired event when the user submitted the value.\n- **handle-value-search** - Fired event when the user typed to search field.\n- **handle-value-reset** - Fired event when the user clicks on the reset button.\n- **handle-close-search** - Fired event when the user presses escape in search field.\n- **dropdown-item-click** - Fired event when the user clicks on the item inside the popover.\n- **prefix-item-click** - Fired event when the user clicks on the intem inside the prefix dropdown.\n\n### **Slots:**\n - **default** - Defines the prefix dropdown of the Search component.",
       "attributes": [
         {
           "name": "value",
@@ -2204,7 +2209,7 @@
     },
     {
       "name": "udex-secondary-navigation",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-secondary-navigation</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/SecondaryNavigation.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n\n### **Slots:**\n - **breadcrumbs** - Slot for breadcrumbs.\n- **buttons** - Slot for action buttons.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-secondary-navigation</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/SecondaryNavigation.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n- **sub-item-click** - Fires when sub item is clicked\n\n### **Slots:**\n - **breadcrumbs** - Slot for breadcrumbs.\n- **buttons** - Slot for action buttons.",
       "attributes": [
         {
           "name": "mobile-menu-opener-aria-label",
@@ -2220,6 +2225,95 @@
           "name": "title",
           "description": "Defines the title of the component.",
           "values": []
+        },
+        {
+          "name": "title-href",
+          "description": "Defines the href of the title.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-secondary-navigation-item-base",
+      "description": "A class to serve as a foundation\nfor the <code>UDExSecondaryNavigationItem</code> and <code>UDExSecondaryNavigationSubItem</code> classes.\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "active",
+          "description": "Defines active state for the item",
+          "values": []
+        },
+        {
+          "name": "path",
+          "description": "Defines path for the item",
+          "values": []
+        },
+        {
+          "name": "target",
+          "description": "Defines target for the item",
+          "values": []
+        },
+        {
+          "name": "sub-title",
+          "description": "Defines subTitle for the item",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "Defines label for the item",
+          "values": []
+        },
+        {
+          "name": "index",
+          "description": "Defines the index for the item.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-secondary-navigation-sub-item",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-secondary-navigation-sub-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/SecondaryNavigationSubItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **sub-item-click** - Fires when item is clicked\n- **back-item-click** - Fires when back item is clicked",
+      "attributes": [
+        {
+          "name": "is-active",
+          "description": "Defines active item.",
+          "values": []
+        },
+        {
+          "name": "is-back",
+          "description": "Defines back item.",
+          "values": []
+        },
+        {
+          "name": "active",
+          "description": "Defines active state for the item",
+          "values": []
+        },
+        {
+          "name": "path",
+          "description": "Defines path for the item",
+          "values": []
+        },
+        {
+          "name": "target",
+          "description": "Defines target for the item",
+          "values": []
+        },
+        {
+          "name": "sub-title",
+          "description": "Defines subTitle for the item",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "Defines label for the item",
+          "values": []
+        },
+        {
+          "name": "index",
+          "description": "Defines the index for the item.",
+          "values": []
         }
       ],
       "references": []
@@ -2616,6 +2710,40 @@
       "attributes": [],
       "references": []
     },
+    {
+      "name": "udex-status-badge",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-status-badge</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/StatusBadge.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "value-state",
+          "description": "Defines the value state of the component.",
+          "values": [
+            { "name": "Success" },
+            { "name": "Error" },
+            { "name": "Warning" },
+            { "name": "Information" },
+            { "name": "Edit" }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Defines predefined size of the component.",
+          "values": [
+            { "name": "XS" },
+            { "name": "S" },
+            { "name": "M" },
+            { "name": "L" },
+            { "name": "XL" }
+          ]
+        },
+        {
+          "name": "accessible-name",
+          "description": "Defines the text alternative of the component.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "udex-status-message",
       "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-status-message</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/StatusMessage.js\";</code>\n\n\n---\n\n\n",

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": "0.114.2",
+  "version": "0.117.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -164,11 +164,16 @@
             },
             {
               "name": "size",
-              "description": "Controls id of the element that label the component",
+              "description": "Defines predefined size of the component.",
               "value": {
                 "type": "\"XS\" | \"S\" | \"M\" | \"L\" | \"XL\"",
                 "default": "\"S\""
               }
+            },
+            {
+              "name": "show-attention-badge",
+              "description": "Defines the displaying attention badge.",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "slots": [
@@ -228,8 +233,13 @@
               },
               {
                 "name": "size",
-                "description": "Controls id of the element that label the component",
+                "description": "Defines predefined size of the component.",
                 "value": { "type": "\"XS\" | \"S\" | \"M\" | \"L\" | \"XL\"" }
+              },
+              {
+                "name": "show-attention-badge",
+                "description": "Defines the displaying attention badge.",
+                "value": { "type": "boolean" }
               }
             ],
             "events": []
@@ -4349,7 +4359,7 @@
         },
         {
           "name": "udex-search",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-search</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/Search.js\";</code>\n---\n\n\n### **Events:**\n - **submit-search-value** - Fired event when the user submitted the value.\n- **handle-value-search** - Fired event when the user typed to search field.\n- **handle-value-reset** - Fired event when the user clicks on the reset button.\n- **dropdown-item-click** - Fired event when the user clicks on the item inside the popover.\n- **prefix-item-click** - Fired event when the user clicks on the intem inside the prefix dropdown.\n\n### **Slots:**\n - **default** - Defines the prefix dropdown of the Search component.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-search</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/Search.js\";</code>\n---\n\n\n### **Events:**\n - **submit-search-value** - Fired event when the user submitted the value.\n- **handle-value-search** - Fired event when the user typed to search field.\n- **handle-value-reset** - Fired event when the user clicks on the reset button.\n- **handle-close-search** - Fired event when the user presses escape in search field.\n- **dropdown-item-click** - Fired event when the user clicks on the item inside the popover.\n- **prefix-item-click** - Fired event when the user clicks on the intem inside the prefix dropdown.\n\n### **Slots:**\n - **default** - Defines the prefix dropdown of the Search component.",
           "doc-url": "",
           "attributes": [
             {
@@ -4442,6 +4452,10 @@
               "name": "handle-value-reset",
               "description": "Fired event when the user clicks on the reset button."
             },
+            {
+              "name": "handle-close-search",
+              "description": "Fired event when the user presses escape in search field."
+            },
             {
               "name": "dropdown-item-click",
               "description": "Fired event when the user clicks on the item inside the popover."
@@ -4537,6 +4551,10 @@
                 "name": "handle-value-reset",
                 "description": "Fired event when the user clicks on the reset button."
               },
+              {
+                "name": "handle-close-search",
+                "description": "Fired event when the user presses escape in search field."
+              },
               {
                 "name": "dropdown-item-click",
                 "description": "Fired event when the user clicks on the item inside the popover."
@@ -4550,7 +4568,7 @@
         },
         {
           "name": "udex-secondary-navigation",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-secondary-navigation</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/SecondaryNavigation.js\";</code>\n---\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n\n### **Slots:**\n - **breadcrumbs** - Slot for breadcrumbs.\n- **buttons** - Slot for action buttons.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-secondary-navigation</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/SecondaryNavigation.js\";</code>\n---\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n- **sub-item-click** - Fires when sub item is clicked\n\n### **Slots:**\n - **breadcrumbs** - Slot for breadcrumbs.\n- **buttons** - Slot for action buttons.",
           "doc-url": "",
           "attributes": [
             {
@@ -4567,6 +4585,11 @@
               "name": "title",
               "description": "Defines the title of the component.",
               "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "title-href",
+              "description": "Defines the href of the title.",
+              "value": { "type": "string", "default": "\"\"" }
             }
           ],
           "slots": [
@@ -4577,6 +4600,10 @@
             {
               "name": "item-click",
               "description": "Fires when item is clicked"
+            },
+            {
+              "name": "sub-item-click",
+              "description": "Fires when sub item is clicked"
             }
           ],
           "js": {
@@ -4595,12 +4622,132 @@
                 "name": "title",
                 "description": "Defines the title of the component.",
                 "value": { "type": "string" }
+              },
+              {
+                "name": "title-href",
+                "description": "Defines the href of the title.",
+                "value": { "type": "string" }
               }
             ],
             "events": [
               {
                 "name": "item-click",
                 "description": "Fires when item is clicked"
+              },
+              {
+                "name": "sub-item-click",
+                "description": "Fires when sub item is clicked"
+              }
+            ]
+          }
+        },
+        {
+          "name": "udex-secondary-navigation-sub-item",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-secondary-navigation-sub-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/SecondaryNavigationSubItem.js\";</code>\n---\n\n\n### **Events:**\n - **sub-item-click** - Fires when item is clicked\n- **back-item-click** - Fires when back item is clicked",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "is-active",
+              "description": "Defines active item.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "is-back",
+              "description": "Defines back item.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "active",
+              "description": "Defines active state for the item",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "path",
+              "description": "Defines path for the item",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "target",
+              "description": "Defines target for the item",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "sub-title",
+              "description": "Defines subTitle for the item",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "label",
+              "description": "Defines label for the item",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "index",
+              "description": "Defines the index for the item.",
+              "value": { "type": "number" }
+            }
+          ],
+          "events": [
+            {
+              "name": "sub-item-click",
+              "description": "Fires when item is clicked"
+            },
+            {
+              "name": "back-item-click",
+              "description": "Fires when back item is clicked"
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "is-active",
+                "description": "Defines active item.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "is-back",
+                "description": "Defines back item.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "active",
+                "description": "Defines active state for the item",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "path",
+                "description": "Defines path for the item",
+                "value": { "type": "string" }
+              },
+              {
+                "name": "target",
+                "description": "Defines target for the item",
+                "value": { "type": "string" }
+              },
+              {
+                "name": "sub-title",
+                "description": "Defines subTitle for the item",
+                "value": { "type": "string" }
+              },
+              {
+                "name": "label",
+                "description": "Defines label for the item",
+                "value": { "type": "string" }
+              },
+              {
+                "name": "index",
+                "description": "Defines the index for the item.",
+                "value": { "type": "number" }
+              }
+            ],
+            "events": [
+              {
+                "name": "sub-item-click",
+                "description": "Fires when item is clicked"
+              },
+              {
+                "name": "back-item-click",
+                "description": "Fires when back item is clicked"
               }
             ]
           }
@@ -5375,6 +5522,57 @@
           "events": [],
           "js": { "properties": [], "events": [] }
         },
+        {
+          "name": "udex-status-badge",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-status-badge</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/StatusBadge.js\";</code>\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "value-state",
+              "description": "Defines the value state of the component.",
+              "value": {
+                "type": "\"Success\" | \"Error\" | \"Warning\" | \"Information\" | \"Edit\"",
+                "default": "\"Information\""
+              }
+            },
+            {
+              "name": "size",
+              "description": "Defines predefined size of the component.",
+              "value": {
+                "type": "\"XS\" | \"S\" | \"M\" | \"L\" | \"XL\"",
+                "default": "\"S\""
+              }
+            },
+            {
+              "name": "accessible-name",
+              "description": "Defines the text alternative of the component.",
+              "value": { "type": "string", "default": "\"\"" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "value-state",
+                "description": "Defines the value state of the component.",
+                "value": {
+                  "type": "\"Success\" | \"Error\" | \"Warning\" | \"Information\" | \"Edit\""
+                }
+              },
+              {
+                "name": "size",
+                "description": "Defines predefined size of the component.",
+                "value": { "type": "\"XS\" | \"S\" | \"M\" | \"L\" | \"XL\"" }
+              },
+              {
+                "name": "accessible-name",
+                "description": "Defines the text alternative of the component.",
+                "value": { "type": "string" }
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "udex-status-message",
           "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-status-message</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/StatusMessage.js\";</code>\n---\n",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sapudex/web-components",
-  "version": "0.114.2",
+  "version": "0.117.1",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },

package/src/Avatar.ts

@@ -5,7 +5,7 @@ import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
 import Avatar from "@ui5/webcomponents/dist/Avatar.js";
 import I18nBundle, { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import { AVATAR_TEXT, DISABLED } from "./generated/i18n/i18n-defaults.js";
+import { ATTENTION_BADGE, AVATAR_TEXT, DISABLED } from "./generated/i18n/i18n-defaults.js";
 
 // Template
 import AvatarTemplate from "./generated/templates/AvatarTemplate.lit.js";
@@ -152,7 +152,7 @@ class UDExAvatar extends UI5Element {
     shape!: `${AvatarShape}`;
 
   /**
-   * Controls id of the element that label the component
+   * Defines predefined size of the component.
    *
    * @default "S"
    * @public
@@ -160,6 +160,15 @@ class UDExAvatar extends UI5Element {
   @property({ type: AvatarSize, defaultValue: AvatarSize.S })
     size!: `${AvatarSize}`;
 
+  /**
+   * Defines the displaying attention badge.
+   *
+   * @public
+   * @default false
+   */
+    @property({ type: Boolean })
+      showAttentionBadge!: boolean;
+
   /**
    * Receives the desired <img> tag
    *
@@ -214,7 +223,7 @@ class UDExAvatar extends UI5Element {
   }
 
   get avatarAccessibleName(): string {
-    return `${this.accessibleName ? this.accessibleName : UDExAvatar.i18nBundle.getText(AVATAR_TEXT)} ${this.disabled ? UDExAvatar.i18nBundle.getText(DISABLED) : ""}`;
+    return `${this.accessibleName ? this.accessibleName : UDExAvatar.i18nBundle.getText(AVATAR_TEXT)} ${this.disabled ? UDExAvatar.i18nBundle.getText(DISABLED) : ""} ${this.showAttentionBadge ? UDExAvatar.i18nBundle.getText(ATTENTION_BADGE) : ""}`;
   }
 }
 

package/src/CountrySelector.hbs

@@ -11,7 +11,8 @@
         @click-trigger="{{handleTriggerClick}}"
         @ui5-submit-search-value="{{handleSubmitSearch}}"
         @ui5-handle-value-search="{{handleValueSearch}}"
-        @ui5-handle-value-reset="{{handleResetSearch}}">
+        @ui5-handle-value-reset="{{handleResetSearch}}"
+        @ui5-handle-close-search="{{handleCloseSearch}}">
         {{> trigger}}
         {{searchableList}}
     </udex-dropdown>

package/src/CountrySelector.ts

@@ -378,6 +378,10 @@ class CountrySelector extends UDExSearchableListBase {
     return localName ? `${countryName} (${localName})` : countryName;
   }
 
+  handleCloseSearch() {
+    this._dropdown.onClose();
+  }
+
   handleItemPress(e: CustomEvent) {
     this.onItemPress(e);
     const target = e.target as HTMLElement;
@@ -393,7 +397,6 @@ class CountrySelector extends UDExSearchableListBase {
 
     const keyEvent = e.detail as KeyboardEvent;
     const key = keyEvent.key;
-
     if (isEnter(keyEvent) || isSpace(keyEvent)) {
       if (this._dropdown.open) {
         this._dropdown.onClose();

package/src/Dropdown.hbs

@@ -3,7 +3,6 @@
         <div
             class="udex-dropdown__opener"
             aria-haspopup="true"
-            aria-expanded="{{open}}"
             aria-controls="udex-dropdown"
             @click="{{onTriggerClick}}">
             <slot slot="trigger" name="trigger"></slot>

package/src/FilterMenu.hbs

@@ -12,7 +12,9 @@
     @ui5-after-open="{{_dropdownAfterOpen}}"
     @ui5-before-close="{{_dropdownBeforeClose}}"
     @ui5-after-close="{{_dropdownAfterClose}}"
-    @click-trigger="{{handleTriggerClick}}"
+    @click-trigger="{{onDropdownClose}}"
+    @search-keydown="{{handleKeyDownSearch}}"
+    @keydown="{{handleKeyDownList}}"
     @ui5-submit-search-value="{{handleSubmitSearch}}"
     @ui5-handle-value-search="{{handleValueSearch}}"
     @ui5-handle-value-reset="{{handleResetSearch}}">
@@ -64,6 +66,7 @@
                     size="Medium"
                     design="Primary"
                     ?disabled="{{disabledResultBtn}}"
+                    @keydown="{{handleKeyDownResultBtn}}"
                     @click="{{handleResult}}">
                     {{getResultLabelText}}
                 </udex-button>
@@ -73,6 +76,7 @@
                     class="udex-filter-menu__reset-btn"
                     size="Medium"
                     design="Tertiary"
+                    @keydown="{{handleKeyDownResetBtn}}"
                     @click="{{handleReset}}">
                     {{getResetLabelText}}
                 </udex-button>