@ui5/webcomponents 2.6.0-rc.2 → 2.6.0-rc.3

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

@@ -2958,6 +2958,11 @@
           "description": "The number of displayed rating symbols.",
           "values": []
         },
+        {
+          "name": "size",
+          "description": "Defines the size of the component.",
+          "values": [{ "name": "S" }, { "name": "M" }, { "name": "L" }]
+        },
         {
           "name": "disabled",
           "description": "Defines whether the component is disabled.\n\n**Note:** A disabled component is completely noninteractive.",
@@ -3370,7 +3375,7 @@
       "attributes": [
         {
           "name": "icon",
-          "description": "Defines the icon to be displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\nExample:\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
+          "description": "Defines the icon to be displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\nExample:\n\nSee all available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
           "values": []
         },
         {

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.6.0-rc.2",
+  "version": "2.6.0-rc.3",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -6179,6 +6179,11 @@
               "description": "The number of displayed rating symbols.",
               "value": { "type": "number", "default": "5" }
             },
+            {
+              "name": "size",
+              "description": "Defines the size of the component.",
+              "value": { "type": "\"S\" | \"M\" | \"L\"", "default": "\"M\"" }
+            },
             {
               "name": "disabled",
               "description": "Defines whether the component is disabled.\n\n**Note:** A disabled component is completely noninteractive.",
@@ -6228,6 +6233,11 @@
                 "description": "The number of displayed rating symbols.",
                 "value": { "type": "number" }
               },
+              {
+                "name": "size",
+                "description": "Defines the size of the component.",
+                "value": { "type": "\"S\" | \"M\" | \"L\"" }
+              },
               {
                 "name": "disabled",
                 "description": "Defines whether the component is disabled.\n\n**Note:** A disabled component is completely noninteractive.",
@@ -6965,7 +6975,7 @@
           "attributes": [
             {
               "name": "icon",
-              "description": "Defines the icon to be displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\nExample:\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
+              "description": "Defines the icon to be displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\nExample:\n\nSee all available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
               "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
@@ -7012,7 +7022,7 @@
             "properties": [
               {
                 "name": "icon",
-                "description": "Defines the icon to be displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\nExample:\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
+                "description": "Defines the icon to be displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\nExample:\n\nSee all available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
                 "value": { "type": "string | undefined" }
               },
               {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents",
-  "version": "2.6.0-rc.2",
+  "version": "2.6.0-rc.3",
   "description": "UI5 Web Components: webcomponents.main",
   "ui5": {
     "webComponentsPackage": true
@@ -50,17 +50,17 @@
     "directory": "packages/main"
   },
   "dependencies": {
-    "@ui5/webcomponents-base": "2.6.0-rc.2",
-    "@ui5/webcomponents-icons": "2.6.0-rc.2",
-    "@ui5/webcomponents-icons-business-suite": "2.6.0-rc.2",
-    "@ui5/webcomponents-icons-tnt": "2.6.0-rc.2",
-    "@ui5/webcomponents-localization": "2.6.0-rc.2",
-    "@ui5/webcomponents-theming": "2.6.0-rc.2"
+    "@ui5/webcomponents-base": "2.6.0-rc.3",
+    "@ui5/webcomponents-icons": "2.6.0-rc.3",
+    "@ui5/webcomponents-icons-business-suite": "2.6.0-rc.3",
+    "@ui5/webcomponents-icons-tnt": "2.6.0-rc.3",
+    "@ui5/webcomponents-localization": "2.6.0-rc.3",
+    "@ui5/webcomponents-theming": "2.6.0-rc.3"
   },
   "devDependencies": {
-    "@ui5/webcomponents-tools": "2.6.0-rc.2",
+    "@ui5/webcomponents-tools": "2.6.0-rc.3",
     "chromedriver": "^131.0.0",
     "lit": "^2.0.0"
   },
-  "gitHead": "1d0e96fdf4cf4126817c45a9dad1c893d52a63fc"
+  "gitHead": "9f80bd09659fd2f19ec7e66e19352c76d9b81d1b"
 }

package/src/SplitButtonTemplate.tsx

@@ -5,7 +5,7 @@ import Button from "./Button.js";
 export default function SplitButtonTemplate(this: SplitButton) {
 	return (
 		<div
-			role="group"
+			role={this._hideArrowButton ? "button" : "group"}
 			class="ui5-split-button-root"
 			tabindex={this._tabIndex}
 			aria-labelledby={`${this._id}-invisibleTextDefault ${this._id}}-invisibleText`}
@@ -18,9 +18,11 @@ export default function SplitButtonTemplate(this: SplitButton) {
 				class="ui5-split-text-button"
 				design={this.design}
 				icon={this.icon}
+				endIcon={this._endIcon}
 				tabindex={-1}
 				disabled={this.disabled}
 				active={this._textButtonActive}
+				exportparts="icon,endIcon,button"
 				onClick={this._handleMouseClick}
 				onTouchStart={this.handleTouchStart}
 				onMouseDown={this.handleTouchStart}
@@ -31,22 +33,25 @@ export default function SplitButtonTemplate(this: SplitButton) {
 				{this.isTextButton && <slot></slot> }
 			</Button>
 
-			<Button
-				class="ui5-split-arrow-button"
-				design={this.design}
-				icon={slimArrowDown}
-				tabindex={-1}
-				tooltip={this.accInfo.arrowButton.title}
-				accessibilityAttributes={this.accInfo.arrowButton.accessibilityAttributes}
-				disabled={this.disabled}
-				active={this.effectiveActiveArrowButton}
-				onClick={this._handleArrowButtonAction}
-				onMouseDown={this._arrowButtonPress}
-				onMouseUp={this._arrowButtonRelease}
-				onFocusIn={this._onInnerButtonFocusIn}
-				onActiveStateChange={this._onArrowButtonActiveStateChange}
-			>
-			</Button>
+			{!this._hideArrowButton &&
+				<Button
+					class="ui5-split-arrow-button"
+					design={this.design}
+					icon={slimArrowDown}
+					tabindex={-1}
+					tooltip={this.accInfo.arrowButton.title}
+					accessibilityAttributes={this.accInfo.arrowButton.accessibilityAttributes}
+					disabled={this.disabled}
+					active={this.effectiveActiveArrowButton}
+					part="arrowButton"
+					onClick={this._handleArrowButtonAction}
+					onMouseDown={this._arrowButtonPress}
+					onMouseUp={this._arrowButtonRelease}
+					onFocusIn={this._onInnerButtonFocusIn}
+					onActiveStateChange={this._onArrowButtonActiveStateChange}
+				>
+				</Button>
+			}
 			<span id={`${this._id}-invisibleText`} class="ui5-hidden-text">{this.accInfo.root.description} {this.accInfo.root.keyboardHint} {this.accessibleName}</span>
 			<span id={`${this._id}-invisibleTextDefault`} class="ui5-hidden-text">{this.textButtonAccText}</span>
 		</div>

package/src/themes/RatingIndicator.css

@@ -32,6 +32,14 @@
 	border-radius: var(--_ui5_rating_indicator_border_radius);
 }
 
+:host([size="S"]) .ui5-rating-indicator-item {
+	font-size: var(--_ui5_rating_indicator_item_size_s);
+}
+
+ :host([size="L"]) .ui5-rating-indicator-item {
+	font-size: var(--_ui5_rating_indicator_item_size_l);
+}
+
 [ui5-icon] {
 	display: flex;
 	text-shadow: var(--sapContent_TextShadow);
@@ -57,6 +65,10 @@
 	height: var(--_ui5_rating_indicator_item_height);
 }
 
+:host([size="L"]) .ui5-rating-indicator-item:not(:last-child) {
+	margin-inline-end: 0.25rem;
+}
+
 .ui5-rating-indicator-item:not(:last-child) {
 	margin-inline-end: 0.1875rem;
 }

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

@@ -6,7 +6,7 @@
 	--_ui5_panel_border_radius: 0px;
 	--_ui5_panel_border_radius_expanded: 0;
 	--_ui5_panel_default_header_border: none;
-	--_ui5_panel_border_bottom: 0.0625rem solid var(--sapGroup_TitleBorderColor);
+	--_ui5_panel_border_bottom: var(--sapGroup_TitleBorderWidth) solid var(--sapGroup_TitleBorderColor);
 	--_ui5_panel_outline_offset: -3px;
 	--_ui5_panel_icon_color: var(--sapContent_IconColor);
 	--_ui5_panel_header_padding_right: 0.5rem;

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

@@ -8,6 +8,8 @@
 	--_ui5_rating_indicator_readonly_item_spacing: 0px;
 	--_ui5_rating_indicator_component_spacing: 0.5rem 0px;
 	--_ui5_rating_indicator_component_padding: 0.25rem;
+	--_ui5_rating_indicator_item_size_s: 1.375rem;
+	--_ui5_rating_indicator_item_size_l: 2rem;
 }
 
 [data-ui5-compact-size],

package/src/themes/sap_horizon/Panel-parameters.css

@@ -1,7 +1,7 @@
 @import "../base/Panel-parameters.css";
 
 :root {
-	--_ui5_panel_border_radius: var(--sapElement_BorderCornerRadius);
+	--_ui5_panel_border_radius: var(--sapGroup_BorderCornerRadius);
 	--_ui5_panel_border_bottom: none;
 	--_ui5_panel_default_header_border: 0.0625rem solid var(--sapGroup_TitleBorderColor);
 	--_ui5_panel_outline_offset: -0.125rem;

package/src/themes/sap_horizon_dark/Panel-parameters.css

@@ -1,7 +1,7 @@
 @import "../base/Panel-parameters.css";
 
 :root {
-	--_ui5_panel_border_radius: var(--sapElement_BorderCornerRadius);
+	--_ui5_panel_border_radius: var(--sapGroup_BorderCornerRadius);
 	--_ui5_panel_border_bottom: none;
 	--_ui5_panel_default_header_border: 0.0625rem solid var(--sapGroup_TitleBorderColor);
 	--_ui5_panel_outline_offset: -0.125rem;