@ui5/webcomponents 2.3.0-rc.0 → 2.3.0-rc.2

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

@@ -1747,7 +1747,7 @@
     },
     {
       "name": "ui5-list",
-      "description": "### Overview\n\nThe `ui5-list` component allows displaying a list of items, advanced keyboard\nhandling support for navigating between items, and predefined modes to improve the development efficiency.\n\nThe `ui5-list` is a container for the available list items:\n\n- `ui5-li`\n- `ui5-li-custom`\n- `ui5-li-group`\n\nTo benefit from the built-in selection mechanism, you can use the available\nselection modes, such as\n`Single`, `Multiple` and `Delete`.\n\nAdditionally, the `ui5-list` provides header, footer, and customization for the list item separators.\n\n### Keyboard Handling\n\n#### Basic Navigation\nThe `ui5-list` provides advanced keyboard handling.\nWhen a list is focused the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n- [Up] or [Down] - Navigates up and down the items\n- [Home] - Navigates to first item\n- [End] - Navigates to the last item\n\nThe user can use the following keyboard shortcuts to perform actions (such as select, delete),\nwhen the `selectionMode` property is in use:\n\n- [Space] - Select an item (if `type` is 'Active') when `selectionMode` is selection\n- [Delete] - Delete an item if `selectionMode` property is `Delete`\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/List.js\";`\n\n`import \"@ui5/webcomponents/dist/ListItemStandard.js\";` (for `ui5-li`)\n\n`import \"@ui5/webcomponents/dist/ListItemCustom.js\";` (for `ui5-li-custom`)\n\n`import \"@ui5/webcomponents/dist/ListItemGroup.js\";` (for `ui5-li-group`)\n\n\n---\n\n\n\n\n### **Events:**\n - **item-click** - Fired when an item is activated, unless the item's `type` property\nis set to `Inactive`.\n- **item-close** - Fired when the `Close` button of any item is clicked\n\n**Note:** This event is only applicable to list items that can be closed (such as notification list items),\nnot to be confused with `item-delete`.\n- **item-toggle** - Fired when the `Toggle` button of any item is clicked.\n\n**Note:** This event is only applicable to list items that can be toggled (such as notification group list items).\n- **item-delete** - Fired when the Delete button of any item is pressed.\n\n**Note:** A Delete button is displayed on each item,\nwhen the component `selectionMode` property is set to `Delete`.\n- **selection-change** - Fired when selection is changed by user interaction\nin `Single`, `SingleStart`, `SingleEnd` and `Multiple` selection modes.\n- **load-more** - Fired when the user scrolls to the bottom of the list.\n\n**Note:** The event is fired when the `growing='Scroll'` property is enabled.\n- **move-over** - Fired when a movable list item is moved over a potential drop target during a dragging operation.\n\nIf the new position is valid, prevent the default action of the event using `preventDefault()`.\n- **move** - Fired when a movable list item is dropped onto a drop target.\n\n**Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.\n\n### **Slots:**\n - **default** - Defines the items of the component.\n\n**Note:** Use `ui5-li`, `ui5-li-custom`, and `ui5-li-group` for the intended design.\n- **header** - Defines the component header.\n\n**Note:** When `header` is set, the\n`headerText` property is ignored.",
+      "description": "### Overview\n\nThe `ui5-list` component allows displaying a list of items, advanced keyboard\nhandling support for navigating between items, and predefined modes to improve the development efficiency.\n\nThe `ui5-list` is a container for the available list items:\n\n- `ui5-li`\n- `ui5-li-custom`\n- `ui5-li-group`\n\nTo benefit from the built-in selection mechanism, you can use the available\nselection modes, such as\n`Single`, `Multiple` and `Delete`.\n\nAdditionally, the `ui5-list` provides header, footer, and customization for the list item separators.\n\n### Keyboard Handling\n\n#### Basic Navigation\nThe `ui5-list` provides advanced keyboard handling.\nWhen a list is focused the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n- [Up] or [Down] - Navigates up and down the items\n- [Home] - Navigates to first item\n- [End] - Navigates to the last item\n\nThe user can use the following keyboard shortcuts to perform actions (such as select, delete),\nwhen the `selectionMode` property is in use:\n\n- [Space] - Select an item (if `type` is 'Active') when `selectionMode` is selection\n- [Delete] - Delete an item if `selectionMode` property is `Delete`\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/List.js\";`\n\n`import \"@ui5/webcomponents/dist/ListItemStandard.js\";` (for `ui5-li`)\n\n`import \"@ui5/webcomponents/dist/ListItemCustom.js\";` (for `ui5-li-custom`)\n\n`import \"@ui5/webcomponents/dist/ListItemGroup.js\";` (for `ui5-li-group`)\n\n\n---\n\n\n\n\n### **Events:**\n - **item-click** - Fired when an item is activated, unless the item's `type` property\nis set to `Inactive`.\n- **item-close** - Fired when the `Close` button of any item is clicked\n\n**Note:** This event is only applicable to list items that can be closed (such as notification list items),\nnot to be confused with `item-delete`.\n- **item-toggle** - Fired when the `Toggle` button of any item is clicked.\n\n**Note:** This event is only applicable to list items that can be toggled (such as notification group list items).\n- **item-delete** - Fired when the Delete button of any item is pressed.\n\n**Note:** A Delete button is displayed on each item,\nwhen the component `selectionMode` property is set to `Delete`.\n- **selection-change** - Fired when selection is changed by user interaction\nin `Single`, `SingleStart`, `SingleEnd` and `Multiple` selection modes.\n- **load-more** - Fired when the user scrolls to the bottom of the list.\n\n**Note:** The event is fired when the `growing='Scroll'` property is enabled.\n- **move-over** - Fired when a movable list item is moved over a potential drop target during a dragging operation.\n\nIf the new position is valid, prevent the default action of the event using `preventDefault()`.\n- **move** - Fired when a movable list item is dropped onto a drop target.\n\n**Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.\n\n### **Slots:**\n - **default** - Defines the items of the component.\n\n**Note:** Use `ui5-li`, `ui5-li-custom`, and `ui5-li-group` for the intended design.\n- **header** - Defines the component header.\n\n**Note:** When `header` is set, the\n`headerText` property is ignored.\n\n### **CSS Parts:**\n - **growing-button** - Used to style the button, that is used for growing of the component\n- **growing-button-inner** - Used to style the button inner element",
       "attributes": [
         {
           "name": "header-text",

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@ui5/webcomponents",
-  "version": "2.3.0-rc.0",
+  "version": "2.3.0-rc.2",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -3574,7 +3574,7 @@
         },
         {
           "name": "ui5-list",
-          "description": "### Overview\n\nThe `ui5-list` component allows displaying a list of items, advanced keyboard\nhandling support for navigating between items, and predefined modes to improve the development efficiency.\n\nThe `ui5-list` is a container for the available list items:\n\n- `ui5-li`\n- `ui5-li-custom`\n- `ui5-li-group`\n\nTo benefit from the built-in selection mechanism, you can use the available\nselection modes, such as\n`Single`, `Multiple` and `Delete`.\n\nAdditionally, the `ui5-list` provides header, footer, and customization for the list item separators.\n\n### Keyboard Handling\n\n#### Basic Navigation\nThe `ui5-list` provides advanced keyboard handling.\nWhen a list is focused the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n- [Up] or [Down] - Navigates up and down the items\n- [Home] - Navigates to first item\n- [End] - Navigates to the last item\n\nThe user can use the following keyboard shortcuts to perform actions (such as select, delete),\nwhen the `selectionMode` property is in use:\n\n- [Space] - Select an item (if `type` is 'Active') when `selectionMode` is selection\n- [Delete] - Delete an item if `selectionMode` property is `Delete`\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/List.js\";`\n\n`import \"@ui5/webcomponents/dist/ListItemStandard.js\";` (for `ui5-li`)\n\n`import \"@ui5/webcomponents/dist/ListItemCustom.js\";` (for `ui5-li-custom`)\n\n`import \"@ui5/webcomponents/dist/ListItemGroup.js\";` (for `ui5-li-group`)\n---\n\n\n### **Events:**\n - **item-click** - Fired when an item is activated, unless the item's `type` property\nis set to `Inactive`.\n- **item-close** - Fired when the `Close` button of any item is clicked\n\n**Note:** This event is only applicable to list items that can be closed (such as notification list items),\nnot to be confused with `item-delete`.\n- **item-toggle** - Fired when the `Toggle` button of any item is clicked.\n\n**Note:** This event is only applicable to list items that can be toggled (such as notification group list items).\n- **item-delete** - Fired when the Delete button of any item is pressed.\n\n**Note:** A Delete button is displayed on each item,\nwhen the component `selectionMode` property is set to `Delete`.\n- **selection-change** - Fired when selection is changed by user interaction\nin `Single`, `SingleStart`, `SingleEnd` and `Multiple` selection modes.\n- **load-more** - Fired when the user scrolls to the bottom of the list.\n\n**Note:** The event is fired when the `growing='Scroll'` property is enabled.\n- **move-over** - Fired when a movable list item is moved over a potential drop target during a dragging operation.\n\nIf the new position is valid, prevent the default action of the event using `preventDefault()`.\n- **move** - Fired when a movable list item is dropped onto a drop target.\n\n**Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.\n\n### **Slots:**\n - **default** - Defines the items of the component.\n\n**Note:** Use `ui5-li`, `ui5-li-custom`, and `ui5-li-group` for the intended design.\n- **header** - Defines the component header.\n\n**Note:** When `header` is set, the\n`headerText` property is ignored.",
+          "description": "### Overview\n\nThe `ui5-list` component allows displaying a list of items, advanced keyboard\nhandling support for navigating between items, and predefined modes to improve the development efficiency.\n\nThe `ui5-list` is a container for the available list items:\n\n- `ui5-li`\n- `ui5-li-custom`\n- `ui5-li-group`\n\nTo benefit from the built-in selection mechanism, you can use the available\nselection modes, such as\n`Single`, `Multiple` and `Delete`.\n\nAdditionally, the `ui5-list` provides header, footer, and customization for the list item separators.\n\n### Keyboard Handling\n\n#### Basic Navigation\nThe `ui5-list` provides advanced keyboard handling.\nWhen a list is focused the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n- [Up] or [Down] - Navigates up and down the items\n- [Home] - Navigates to first item\n- [End] - Navigates to the last item\n\nThe user can use the following keyboard shortcuts to perform actions (such as select, delete),\nwhen the `selectionMode` property is in use:\n\n- [Space] - Select an item (if `type` is 'Active') when `selectionMode` is selection\n- [Delete] - Delete an item if `selectionMode` property is `Delete`\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/List.js\";`\n\n`import \"@ui5/webcomponents/dist/ListItemStandard.js\";` (for `ui5-li`)\n\n`import \"@ui5/webcomponents/dist/ListItemCustom.js\";` (for `ui5-li-custom`)\n\n`import \"@ui5/webcomponents/dist/ListItemGroup.js\";` (for `ui5-li-group`)\n---\n\n\n### **Events:**\n - **item-click** - Fired when an item is activated, unless the item's `type` property\nis set to `Inactive`.\n- **item-close** - Fired when the `Close` button of any item is clicked\n\n**Note:** This event is only applicable to list items that can be closed (such as notification list items),\nnot to be confused with `item-delete`.\n- **item-toggle** - Fired when the `Toggle` button of any item is clicked.\n\n**Note:** This event is only applicable to list items that can be toggled (such as notification group list items).\n- **item-delete** - Fired when the Delete button of any item is pressed.\n\n**Note:** A Delete button is displayed on each item,\nwhen the component `selectionMode` property is set to `Delete`.\n- **selection-change** - Fired when selection is changed by user interaction\nin `Single`, `SingleStart`, `SingleEnd` and `Multiple` selection modes.\n- **load-more** - Fired when the user scrolls to the bottom of the list.\n\n**Note:** The event is fired when the `growing='Scroll'` property is enabled.\n- **move-over** - Fired when a movable list item is moved over a potential drop target during a dragging operation.\n\nIf the new position is valid, prevent the default action of the event using `preventDefault()`.\n- **move** - Fired when a movable list item is dropped onto a drop target.\n\n**Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.\n\n### **Slots:**\n - **default** - Defines the items of the component.\n\n**Note:** Use `ui5-li`, `ui5-li-custom`, and `ui5-li-group` for the intended design.\n- **header** - Defines the component header.\n\n**Note:** When `header` is set, the\n`headerText` property is ignored.\n\n### **CSS Parts:**\n - **growing-button** - Used to style the button, that is used for growing of the component\n- **growing-button-inner** - Used to style the button inner element",
           "doc-url": "",
           "attributes": [
             {
@@ -9838,6 +9838,14 @@
           "name": "part(endIcon)",
           "description": "Used to style the provided endIcon within the link"
         },
+        {
+          "name": "part(growing-button)",
+          "description": "Used to style the button, that is used for growing of the component"
+        },
+        {
+          "name": "part(growing-button-inner)",
+          "description": "Used to style the button inner element"
+        },
         {
           "name": "part(native-li)",
           "description": "Used to style the main li tag of the list item"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents",
-  "version": "2.3.0-rc.0",
+  "version": "2.3.0-rc.2",
   "description": "UI5 Web Components: webcomponents.main",
   "ui5": {
     "webComponentsPackage": true
@@ -50,17 +50,17 @@
     "directory": "packages/main"
   },
   "dependencies": {
-    "@ui5/webcomponents-base": "2.3.0-rc.0",
-    "@ui5/webcomponents-icons": "2.3.0-rc.0",
-    "@ui5/webcomponents-icons-business-suite": "2.3.0-rc.0",
-    "@ui5/webcomponents-icons-tnt": "2.3.0-rc.0",
-    "@ui5/webcomponents-localization": "2.3.0-rc.0",
-    "@ui5/webcomponents-theming": "2.3.0-rc.0"
+    "@ui5/webcomponents-base": "2.3.0-rc.2",
+    "@ui5/webcomponents-icons": "2.3.0-rc.2",
+    "@ui5/webcomponents-icons-business-suite": "2.3.0-rc.2",
+    "@ui5/webcomponents-icons-tnt": "2.3.0-rc.2",
+    "@ui5/webcomponents-localization": "2.3.0-rc.2",
+    "@ui5/webcomponents-theming": "2.3.0-rc.2"
   },
   "devDependencies": {
-    "@ui5/webcomponents-tools": "2.3.0-rc.0",
+    "@ui5/webcomponents-tools": "2.3.0-rc.2",
     "chromedriver": "^127.0.3",
     "lit": "^2.0.0"
   },
-  "gitHead": "5403403ad15199aa0ab5fef3af2458c87ded99ce"
+  "gitHead": "0b5a320e502e0b83a5e7dc45898e1115dce13b81"
 }

package/src/Link.hbs

@@ -1,4 +1,5 @@
 <a
+	part="root"
 	class="ui5-link-root"
 	role="{{effectiveAccRole}}"
 	href="{{parsedRef}}"

package/src/List.hbs

@@ -81,8 +81,9 @@
 
 
 {{#*inline "moreRow"}}
-	<div growing-button>
+	<div growing-button part="growing-button">
 		<div
+			part="growing-button-inner"
 			tabindex="0"
 			role="button"
 			id="{{_id}}-growing-btn"

package/src/SegmentedButtonItem.hbs

@@ -18,7 +18,7 @@
 			class="ui5-segmented-button-item-icon"
 			name="{{icon}}"
 			part="icon"
-			?show-tooltip={{iconOnly}}
+			?show-tooltip={{showIconTooltip}}
 		></ui5-icon>
 	{{/if}}
 

package/src/themes/Breadcrumbs.css

@@ -59,6 +59,12 @@
     bottom: 0;
 }
 
+.ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-link]::part(root),
+.ui5-breadcrumbs-link-wrapper [ui5-link]::part(root) {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+}
+
 /* underline icon on hover */
 .ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-link][focused] [ui5-icon]::after,
 .ui5-breadcrumbs-dropdown-arrow-link-wrapper:hover [ui5-icon]::after {
@@ -71,6 +77,10 @@
     right: 0;
 }
 
+.ui5-breadcrumbs-popover {
+    margin-top: 0.25rem;
+}
+
 .ui5-breadcrumbs-popover-footer {
     display: flex;
     justify-content: flex-end;

package/src/themes/Dialog.css

@@ -150,9 +150,13 @@
 	box-shadow: none;
 }
 
+::slotted([slot="footer"][ui5-toolbar]) {
+	border: 0;
+}
+
 :host::backdrop {
 	background-color: var(--_ui5_popup_block_layer_background);
-	opacity: var(--_ui5_dialog_block_layer_opacity);
+	opacity: var(--_ui5_popup_block_layer_opacity);
 }
 
 .ui5-block-layer {

package/src/themes/GrowingButton.css

@@ -57,7 +57,7 @@
 
 [growing-button-text] {
 	height: var(--_ui5_load_more_text_height);
-	padding: 0.875rem 1rem 0 1rem;
+	padding: 0.875rem 1rem 1rem;
 	font-size: var(--_ui5_load_more_text_font_size);
 	font-weight: bold;
 }

package/src/themes/Popover.css

@@ -20,7 +20,7 @@
 :host([actual-placement="Bottom"]) .ui5-popover-arrow {
 	left: calc(50% - 0.5625rem);
 	top: -0.5rem;
-	height: 0.5625rem;
+	height: 0.5rem;
 }
 
 :host([actual-placement="Bottom"]) .ui5-popover-arrow:after {
@@ -92,6 +92,7 @@
 
 :host([modal])::backdrop {
 	background-color: var(--_ui5_popup_block_layer_background);
+	opacity: var(--_ui5_popup_block_layer_opacity);
 }
 
 :host([modal]) .ui5-block-layer {

package/src/themes/base/Dialog-parameters.css

@@ -9,5 +9,4 @@
 	--_ui5_dialog_header_success_state_icon_color: var(--sapPositiveElementColor);
 	--_ui5_dialog_header_warning_state_icon_color: var(--sapCriticalElementColor);
 	--_ui5_dialog_header_state_line_height: 0.0625rem;
-	--_ui5_dialog_block_layer_opacity: 0.2;
 }

package/src/themes/base/PopupBlockLayer-parameters.css

@@ -1,3 +1,4 @@
 :root {
 	--_ui5_popup_block_layer_background: var(--sapBlockLayer_Background);
+	--_ui5_popup_block_layer_opacity: 0.2;
 }

package/src/themes/sap_fiori_3_hcb/Dialog-parameters.css

@@ -2,5 +2,4 @@
 
 :root {
 	--_ui5_dialog_header_state_line_height: 0.125rem;
-	--_ui5_dialog_block_layer_opacity: 0.3;
 }

package/src/themes/sap_fiori_3_hcb/PopupBlockLayer-parameters.css

@@ -0,0 +1,5 @@
+@import "../base/PopupBlockLayer-parameters.css";
+
+:root {
+	--_ui5_popup_block_layer_opacity: 0.3;
+}

package/src/themes/sap_fiori_3_hcb/parameters-bundle.css

@@ -30,8 +30,8 @@
 @import "./MessageStrip-parameters.css";
 @import "./Panel-parameters.css";
 @import "../base/Popover-parameters.css";
+@import "./PopupBlockLayer-parameters.css";
 @import "./PopupsCommon-parameters.css";
-@import "../base/PopupBlockLayer-parameters.css";
 @import "./ProgressIndicator-parameters.css";
 @import "./RadioButton-parameters.css";
 @import "../base/RatingIndicator-parameters.css";

package/src/themes/sap_fiori_3_hcw/Dialog-parameters.css

@@ -2,5 +2,4 @@
 
 :root {
 	--_ui5_dialog_header_state_line_height: 0.125rem;
-	--_ui5_dialog_block_layer_opacity: 0.3;
 }

package/src/themes/sap_fiori_3_hcw/PopupBlockLayer-parameters.css

@@ -0,0 +1,5 @@
+@import "../base/PopupBlockLayer-parameters.css";
+
+:root {
+	--_ui5_popup_block_layer_opacity: 0.3;
+}

package/src/themes/sap_fiori_3_hcw/parameters-bundle.css

@@ -29,8 +29,8 @@
 @import "./MessageStrip-parameters.css";
 @import "./Panel-parameters.css";
 @import "../base/Popover-parameters.css";
+@import "./PopupBlockLayer-parameters.css";
 @import "./PopupsCommon-parameters.css";
-@import "../base/PopupBlockLayer-parameters.css";
 @import "./ProgressIndicator-parameters.css";
 @import "./RadioButton-parameters.css";
 @import "../base/RatingIndicator-parameters.css";

package/src/themes/sap_horizon_hcb/Dialog-parameters.css

@@ -2,5 +2,4 @@
 
 :root {
 	--_ui5_dialog_header_state_line_height: 0.125rem;
-	--_ui5_dialog_block_layer_opacity: 0.3;
 }

package/src/themes/sap_horizon_hcb/PopupBlockLayer-parameters.css

@@ -0,0 +1,5 @@
+@import "../base/PopupBlockLayer-parameters.css";
+
+:root {
+	--_ui5_popup_block_layer_opacity: 0.3;
+}

package/src/themes/sap_horizon_hcb/parameters-bundle.css

@@ -30,8 +30,8 @@
 @import "./MessageStrip-parameters.css";
 @import "./Panel-parameters.css";
 @import "../base/Popover-parameters.css";
+@import "./PopupBlockLayer-parameters.css";
 @import "./PopupsCommon-parameters.css";
-@import "../base/PopupBlockLayer-parameters.css";
 @import "./ProgressIndicator-parameters";
 @import "./RadioButton-parameters.css";
 @import "./RatingIndicator-parameters.css";

package/src/themes/sap_horizon_hcw/Dialog-parameters.css

@@ -2,5 +2,4 @@
 
 :root {
 	--_ui5_dialog_header_state_line_height: 0.125rem;
-	--_ui5_dialog_block_layer_opacity: 0.3;
 }

package/src/themes/sap_horizon_hcw/PopupBlockLayer-parameters.css

@@ -0,0 +1,5 @@
+@import "../base/PopupBlockLayer-parameters.css";
+
+:root {
+	--_ui5_popup_block_layer_opacity: 0.3;
+}

package/src/themes/sap_horizon_hcw/parameters-bundle.css

@@ -29,8 +29,8 @@
 @import "./MessageStrip-parameters.css";
 @import "./Panel-parameters.css";
 @import "../base/Popover-parameters.css";
+@import "./PopupBlockLayer-parameters.css";
 @import "./PopupsCommon-parameters.css";
-@import "../base/PopupBlockLayer-parameters.css";
 @import "../sap_horizon_hcb/ProgressIndicator-parameters";
 @import "./RadioButton-parameters.css";
 @import "./RatingIndicator-parameters.css";