@ui5/webcomponents 2.11.0-rc.1 → 2.11.0-rc.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents",
-  "version": "2.11.0-rc.1",
+  "version": "2.11.0-rc.2",
   "description": "UI5 Web Components: webcomponents.main",
   "ui5": {
     "webComponentsPackage": true
@@ -54,20 +54,20 @@
     "directory": "packages/main"
   },
   "dependencies": {
-    "@ui5/webcomponents-base": "2.11.0-rc.1",
-    "@ui5/webcomponents-icons": "2.11.0-rc.1",
-    "@ui5/webcomponents-icons-business-suite": "2.11.0-rc.1",
-    "@ui5/webcomponents-icons-tnt": "2.11.0-rc.1",
-    "@ui5/webcomponents-localization": "2.11.0-rc.1",
-    "@ui5/webcomponents-theming": "2.11.0-rc.1"
+    "@ui5/webcomponents-base": "2.11.0-rc.2",
+    "@ui5/webcomponents-icons": "2.11.0-rc.2",
+    "@ui5/webcomponents-icons-business-suite": "2.11.0-rc.2",
+    "@ui5/webcomponents-icons-tnt": "2.11.0-rc.2",
+    "@ui5/webcomponents-localization": "2.11.0-rc.2",
+    "@ui5/webcomponents-theming": "2.11.0-rc.2"
   },
   "devDependencies": {
     "@ui5/cypress-internal": "0.0.0",
-    "@ui5/webcomponents-tools": "2.11.0-rc.1",
+    "@ui5/webcomponents-tools": "2.11.0-rc.2",
     "chromedriver": "^135.0.0",
     "jsdom": "^26.0.0",
     "lit": "^2.0.0",
     "vitest": "^3.0.2"
   },
-  "gitHead": "8702780b18c6100b879cab8d93ca992a944868e0"
+  "gitHead": "ee469c159184053263f933da57457025a8ac7ddb"
 }

package/src/SplitButtonTemplate.tsx

@@ -10,7 +10,6 @@ export default function SplitButtonTemplate(this: SplitButton) {
 			tabindex={this._tabIndex}
 			aria-labelledby={`${this._id}-invisibleTextDefault ${this._id}}-invisibleText`}
 			onFocusOut={this._onFocusOut}
-			onFocusIn={this._onFocusIn}
 			onKeyDown={this._onKeyDown}
 			onKeyUp={this._onKeyUp}
 		>

package/src/themes/Avatar.css

@@ -32,6 +32,7 @@
 
 :host([disabled]) {
 	opacity: var(--sapContent_DisabledOpacity);
+	pointer-events: none;
 }
 
 :host {
@@ -302,7 +303,6 @@
 
 /* Slotted Badge */
 ::slotted([slot="badge"]) {
-	pointer-events: initial;
 	position: absolute;
 	bottom: 0;
 	right: 0;
@@ -315,6 +315,10 @@
 	--_ui5-tag-height: 1.125rem;
 }
 
+:host(:not([disabled])) ::slotted([slot="badge"]) {
+	pointer-events: initial;
+}
+
 :host([_size="L"]) ::slotted([slot="badge"]),
 :host([size="L"]) ::slotted([slot="badge"]) {
 	width: 1.25rem;

package/src/themes/ColorPaletteItem.css

@@ -66,7 +66,7 @@
 	outline: none;
 }
 
-:host(:not([_disabled]):not([on-phone]):focus) .ui5-cp-item {
+:host(:not([_disabled]):not([on-phone]):focus:not(:hover)) .ui5-cp-item {
 	pointer-events: none;
 }
 
@@ -90,7 +90,7 @@
 	pointer-events: none;
 }
 
-:host(:not([_disabled]):not([on-phone]):hover:focus) .ui5-cp-item:focus:not(:hover)::before {
+:host(:not([_disabled]):not([on-phone]):focus:hover) .ui5-cp-item::before {
 	content: "";
 	box-sizing: border-box;
 	position: absolute;
@@ -100,7 +100,7 @@
 	pointer-events: none;
 }
 
-:host(:not([_disabled]):not([on-phone]):focus:not(:hover)) .ui5-cp-item:focus:not(:hover)::after {
+:host(:not([_disabled]):not([on-phone]):focus:hover) .ui5-cp-item::after {
 	content: "";
 	box-sizing: border-box;
 	position: absolute;

package/src/themes/ListItem.css

@@ -167,15 +167,15 @@
 	margin-top: var(--_ui5_list_item_selection_btn_margin_top);
 }
 
-:host([ui5-li][_selection-mode="SingleStart"]) .ui5-li-root {
+:host([_selection-mode="SingleStart"][wrapping-type]) .ui5-li-root {
 	padding-inline: 0 1rem;
 }
 
-:host([ui5-li][_selection-mode="Multiple"]) .ui5-li-root {
+:host([_selection-mode="Multiple"][wrapping-type]) .ui5-li-root {
 	padding-inline: 0 1rem;
 }
 
-:host([ui5-li][_selection-mode="SingleEnd"]) .ui5-li-root {
+:host([_selection-mode="SingleEnd"][wrapping-type]) .ui5-li-root {
 	padding-inline: 1rem 0;
 }
 

package/src/themes/ListItemCustom.css

@@ -29,3 +29,15 @@
 [ui5-radio-button].ui5-li-singlesel-radiobtn {
 	min-width: var(--_ui5_custom_list_item_rb_min_width);
 }
+
+:host([_selection-mode="SingleStart"]) .ui5-li-root.ui5-custom-li-root {
+	padding-inline: 0 1rem;
+}
+
+:host([_selection-mode="Multiple"]) .ui5-li-root.ui5-custom-li-root {
+	padding-inline: 0 1rem;
+}
+
+:host([_selection-mode="SingleEnd"]) .ui5-li-root.ui5-custom-li-root {
+	padding-inline: 1rem 0;
+}

package/src/themes/PopupsCommon.css

@@ -23,7 +23,6 @@
 }
 
 .ui5-popup-root .ui5-popup-header-root {
-    color: var(--sapPageHeader_TextColor);
     box-shadow: var(--_ui5_popup_header_shadow);
     border-bottom: var(--_ui5_popup_header_border);
 }
@@ -56,7 +55,9 @@
 }
 
 .ui5-popup-header-root .ui5-popup-header-text {
-	font-weight: var(--_ui5_popup_header_font_weight);
+	font-weight: var(--sapFontHeaderFamily);
+	font-size: var(--sapFontHeader5Size);
+	color: var(--sapPageHeader_TextColor);
 }
 
 .ui5-popup-content {

package/src/themes/TextArea.css

@@ -422,22 +422,6 @@
 	border-bottom-right-radius: var(--sapField_BorderCornerRadius);
 }
 
-:host([value-state="Negative"]) .ui5-content-custom-scrollbars ::-webkit-scrollbar {
-	background-color: var(--sapScrollBar_TrackColor);
-}
-
-:host([value-state="Critical"]) .ui5-content-custom-scrollbars ::-webkit-scrollbar {
-	background-color: var(--sapScrollBar_TrackColor);
-}
-
-:host([value-state="Information"]) .ui5-content-custom-scrollbars ::-webkit-scrollbar {
-	background-color: var(--sapScrollBar_TrackColor);
-}
-
-:host([value-state="Positive"]) .ui5-content-custom-scrollbars ::-webkit-scrollbar {
-	background-color: var(--sapScrollBar_TrackColor);
-}
-
 :host([focused]) .ui5-content-custom-scrollbars ::-webkit-scrollbar {
 	background-image: none;
 }

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

@@ -6,7 +6,6 @@
 	--_ui5_popup_header_footer_padding_m_l: 2rem;
 	--_ui5_popup_header_footer_padding_xl: 3rem;
 	--_ui5_popup_viewport_margin: 10px;
-	--_ui5_popup_header_font_weight: 400;
 	--_ui5_popup_header_prop_header_text_alignment: flex-start;
 	--_ui5_popup_border_radius: var(--sapElement_BorderCornerRadius);
 	--_ui5_popup_header_background: var(--sapPageHeader_Background);

package/dist/css/themes/BrowserScrollbar.css

@@ -1 +0,0 @@
-::-webkit-scrollbar:horizontal{height:var(--sapScrollBar_Dimension)}::-webkit-scrollbar:vertical{width:var(--sapScrollBar_Dimension)}::-webkit-scrollbar{background-color:var(--sapScrollBar_TrackColor);border-left:none}::-webkit-scrollbar-thumb{border-radius:var(--sapElement_BorderCornerRadius);background-color:var(--sapScrollBar_FaceColor)}::-webkit-scrollbar-thumb:hover{background-color:var(--sapScrollBar_Hover_FaceColor)}::-webkit-scrollbar-corner{background-color:var(--sapScrollBar_TrackColor)}

package/dist/generated/themes/BrowserScrollbar.css.d.ts

@@ -1,2 +0,0 @@
-declare const _default: "::-webkit-scrollbar:horizontal{height:var(--sapScrollBar_Dimension)}::-webkit-scrollbar:vertical{width:var(--sapScrollBar_Dimension)}::-webkit-scrollbar{background-color:var(--sapScrollBar_TrackColor);border-left:none}::-webkit-scrollbar-thumb{border-radius:var(--sapElement_BorderCornerRadius);background-color:var(--sapScrollBar_FaceColor)}::-webkit-scrollbar-thumb:hover{background-color:var(--sapScrollBar_Hover_FaceColor)}::-webkit-scrollbar-corner{background-color:var(--sapScrollBar_TrackColor)}\n";
-export default _default;

package/dist/generated/themes/BrowserScrollbar.css.js

@@ -1,8 +0,0 @@
-import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
-import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
-import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
-registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
-registerThemePropertiesLoader("@ui5/webcomponents", "sap_horizon", async () => defaultTheme);
-export default `::-webkit-scrollbar:horizontal{height:var(--sapScrollBar_Dimension)}::-webkit-scrollbar:vertical{width:var(--sapScrollBar_Dimension)}::-webkit-scrollbar{background-color:var(--sapScrollBar_TrackColor);border-left:none}::-webkit-scrollbar-thumb{border-radius:var(--sapElement_BorderCornerRadius);background-color:var(--sapScrollBar_FaceColor)}::-webkit-scrollbar-thumb:hover{background-color:var(--sapScrollBar_Hover_FaceColor)}::-webkit-scrollbar-corner{background-color:var(--sapScrollBar_TrackColor)}
-`;
-//# sourceMappingURL=BrowserScrollbar.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BrowserScrollbar.css.js","sourceRoot":"","sources":["../../../src/generated/themes/BrowserScrollbar.css.ts"],"names":[],"mappings":"AAAA,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,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAC7F,eAAe;CACd,CAAA","sourcesContent":["import { 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(\"@ui5/webcomponents\", \"sap_horizon\", async () => defaultTheme);\nexport default `::-webkit-scrollbar:horizontal{height:var(--sapScrollBar_Dimension)}::-webkit-scrollbar:vertical{width:var(--sapScrollBar_Dimension)}::-webkit-scrollbar{background-color:var(--sapScrollBar_TrackColor);border-left:none}::-webkit-scrollbar-thumb{border-radius:var(--sapElement_BorderCornerRadius);background-color:var(--sapScrollBar_FaceColor)}::-webkit-scrollbar-thumb:hover{background-color:var(--sapScrollBar_Hover_FaceColor)}::-webkit-scrollbar-corner{background-color:var(--sapScrollBar_TrackColor)}\n`"]}

package/src/themes/BrowserScrollbar.css

@@ -1,25 +0,0 @@
-::-webkit-scrollbar:horizontal {
-	height: var(--sapScrollBar_Dimension);
-}
-
-::-webkit-scrollbar:vertical {
-	width: var(--sapScrollBar_Dimension);
-}
-
-::-webkit-scrollbar {
-	background-color: var(--sapScrollBar_TrackColor);
-	border-left: none;
-}
-
-::-webkit-scrollbar-thumb {
-	border-radius: var(--sapElement_BorderCornerRadius);
-	background-color: var(--sapScrollBar_FaceColor);
-}
-
-::-webkit-scrollbar-thumb:hover {
-	background-color: var(--sapScrollBar_Hover_FaceColor);
-}
-
-::-webkit-scrollbar-corner {
-	background-color: var(--sapScrollBar_TrackColor);
-}