@ui5/webcomponents 2.15.0 → 2.16.0-rc.0

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

@@ -3586,6 +3586,15 @@
           "description": "Defines the tooltip of the select.",
           "values": []
         },
+        {
+          "name": "two-column-separator",
+          "description": "Defines the separator type for the two columns layout when Select is in read-only mode.",
+          "values": [
+            { "name": "Bullet" },
+            { "name": "Dash" },
+            { "name": "VerticalLine" }
+          ]
+        },
         {
           "name": "value",
           "description": "Defines the value of the component:\n\n- when get - returns the value of the component or the value/text content of the selected option.\n- when set - selects the option with matching `value` property or text content.\n\n**Note:** Use either the Select's value or the Options' selected property.\nMixed usage could result in unexpected behavior.\n\n**Note:** If the given value does not match any existing option,\nno option will be selected and the Select component will be displayed as empty.",

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.15.0",
+  "version": "2.16.0-rc.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -7519,6 +7519,14 @@
               "description": "Defines the tooltip of the select.",
               "value": { "type": "string | undefined", "default": "undefined" }
             },
+            {
+              "name": "two-column-separator",
+              "description": "Defines the separator type for the two columns layout when Select is in read-only mode.",
+              "value": {
+                "type": "\"Bullet\" | \"Dash\" | \"VerticalLine\"",
+                "default": "\"Dash\""
+              }
+            },
             {
               "name": "value",
               "description": "Defines the value of the component:\n\n- when get - returns the value of the component or the value/text content of the selected option.\n- when set - selects the option with matching `value` property or text content.\n\n**Note:** Use either the Select's value or the Options' selected property.\nMixed usage could result in unexpected behavior.\n\n**Note:** If the given value does not match any existing option,\nno option will be selected and the Select component will be displayed as empty.",
@@ -7616,6 +7624,11 @@
                 "description": "Defines the tooltip of the select.",
                 "value": { "type": "string | undefined" }
               },
+              {
+                "name": "two-column-separator",
+                "description": "Defines the separator type for the two columns layout when Select is in read-only mode.",
+                "value": { "type": "\"Bullet\" | \"Dash\" | \"VerticalLine\"" }
+              },
               {
                 "name": "value",
                 "description": "Defines the value of the component:\n\n- when get - returns the value of the component or the value/text content of the selected option.\n- when set - selects the option with matching `value` property or text content.\n\n**Note:** Use either the Select's value or the Options' selected property.\nMixed usage could result in unexpected behavior.\n\n**Note:** If the given value does not match any existing option,\nno option will be selected and the Select component will be displayed as empty.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents",
-  "version": "2.15.0",
+  "version": "2.16.0-rc.0",
   "description": "UI5 Web Components: webcomponents.main",
   "ui5": {
     "webComponentsPackage": true
@@ -52,17 +52,17 @@
     "directory": "packages/main"
   },
   "dependencies": {
-    "@ui5/webcomponents-base": "2.15.0",
-    "@ui5/webcomponents-icons": "2.15.0",
-    "@ui5/webcomponents-icons-business-suite": "2.15.0",
-    "@ui5/webcomponents-icons-tnt": "2.15.0",
-    "@ui5/webcomponents-localization": "2.15.0",
-    "@ui5/webcomponents-theming": "2.15.0"
+    "@ui5/webcomponents-base": "2.16.0-rc.0",
+    "@ui5/webcomponents-icons": "2.16.0-rc.0",
+    "@ui5/webcomponents-icons-business-suite": "2.16.0-rc.0",
+    "@ui5/webcomponents-icons-tnt": "2.16.0-rc.0",
+    "@ui5/webcomponents-localization": "2.16.0-rc.0",
+    "@ui5/webcomponents-theming": "2.16.0-rc.0"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "patch:@custom-elements-manifest/analyzer@npm%3A0.10.6#~/.yarn/patches/@custom-elements-manifest-analyzer-npm-0.10.6-9b5ff0c50b.patch",
     "@ui5/cypress-internal": "0.1.0",
-    "@ui5/webcomponents-tools": "2.15.0",
+    "@ui5/webcomponents-tools": "2.16.0-rc.0",
     "chokidar-cli": "^3.0.0",
     "cypress": "^15.3.0",
     "eslint": "^7.22.0",
@@ -71,5 +71,5 @@
     "vite": "5.4.8",
     "vitest": "^3.0.2"
   },
-  "gitHead": "5c40df56e6b1b834e277adee102d0e299a5c772c"
+  "gitHead": "07b91ccebabfc50f7ae3112c66255423c2dde07d"
 }

package/src/SelectTemplate.tsx

@@ -13,7 +13,7 @@ export default function SelectTemplate(this: Select) {
 				}}
 				id={`${this._id}-select`}
 				onClick={this._onclick}
-				title={this.tooltip}
+				title={this._effectiveTooltip}
 			>
 				{!this.icon && this.selectedOptionIcon &&
 					<Icon

package/src/themes/ListItem.css

@@ -194,19 +194,19 @@
 }
 
 :host([highlight="Negative"]) .ui5-li-highlight {
-	background: var(--sapNegativeTextColor);
+	background: var(--sapErrorBorderColor);
 }
 
 :host([highlight="Critical"]) .ui5-li-highlight {
-	background: var(--sapCriticalTextColor);
+	background: var(--sapWarningBorderColor);
 }
 
 :host([highlight="Positive"]) .ui5-li-highlight {
-	background: var(--sapPositiveTextColor);
+	background: var(--sapSuccessBorderColor);
 }
 
 :host([highlight="Information"]) .ui5-li-highlight {
-	background: var(--sapInformativeTextColor);
+	background: var(--sapInformationBorderColor);
 }
 
 /* wrapping */

package/src/themes/SliderTooltip.css

@@ -24,7 +24,7 @@
 	height: fit-content;
 	border: none;
 	padding: 0;
-	margin-top: -3.25rem;
+	margin-top: -3rem;
 	box-shadow: none;
 }
 

package/src/themes/TableHeaderRow.css

@@ -12,7 +12,7 @@
 :host([sticky]) {
 	position: sticky;
 	top: var(--ui5_grid_sticky_top, 0);
-	z-index: 2;
+	z-index: 3;
 }
 
 #popin-cell {