@openui5/sap.ui.unified 1.150.0 → 1.151.0

package/src/sap/ui/unified/themes/base/ColorPicker.less

@@ -170,7 +170,6 @@
 	border-color: var(--sapField_BorderColor);
 	position: relative;
 	cursor: crosshair;
-	display: inline-block;
 	width: 105px;
 	height: 105px;
 	background-color: none;
@@ -371,7 +370,7 @@
 		padding: 10px 0;
 
 		.sapMSliderInner {
-			height: 1.625rem;
+			height: 1.5rem;
 			border: 1px solid var(--sapContent_ForegroundBorderColor);
 			border-radius: 0;
 			box-sizing: border-box;
@@ -386,7 +385,7 @@
 		/* slider handle */
 		.sapMSliderHandle {
 			width: 0.9375rem;
-			height: 1.875rem;
+			height: 1.75rem;
 			box-shadow: inset 0 0 0 0.125rem var(--sapContent_ContrastShadowColor);
 			top: -0.45rem;
 			/* to center the handle at the both ends */
@@ -681,6 +680,129 @@
 			border-bottom: none;
 		}
 	}
+
+	&.sapUiCPHighZoom {
+		.sapUiColorPicker-ColorPickerBox {
+			float: none;
+			width: 100%;
+			max-width: 100%;
+			height: auto;
+			display: block;
+			box-sizing: border-box;
+
+			&::after {
+				padding-bottom: 100%;
+			}
+		}
+
+		.sapUiCPSlidersPhone {
+			width: 100%;
+			box-sizing: border-box;
+		}
+
+		.sapUiColorPicker-ColorPickerSlider,
+		.sapUiColorPicker-ColorPickerAlphaSlider {
+			width: 100%;
+		}
+
+		.sapMDialogScrollCont.sapMDialogStretchContent {
+			overflow: hidden;
+		}
+	}
+}
+
+.sapUiColorPicker-Simplified.sapUnifiedColorPicker.sapUiCPHighZoom {
+	box-sizing: border-box;
+	width: 100%;
+	max-width: 100%;
+	min-width: 0;
+	overflow: hidden;
+	padding: 1rem;
+
+	.sapUiColorPicker-ColorPickerBox {
+		float: none;
+		width: 100%;
+		max-width: 100%;
+		margin: 0 auto 0.5rem auto;
+		height: auto;
+		display: block;
+		box-sizing: border-box;
+
+		&::after {
+			padding-bottom: 100%;
+		}
+	}
+
+	.sapUiColorPicker-ColorPickerSlider {
+		width: 100%;
+		max-width: 100%;
+		box-sizing: border-box;
+		margin: 0.5rem auto 0 auto;
+		height: 2.25rem;
+	}
+
+	.sapUiCPHexRow {
+		display: flex;
+		flex-direction: row;
+		align-items: flex-start;
+		gap: 0.5rem;
+		width: 100%;
+	}
+
+	.sapUiCPComparisonWrapper {
+		flex: 0 0 3.375rem;
+		width: 3.375rem;
+		box-sizing: border-box;
+		height: 2.25rem;
+		border: 1px solid var(--sapContent_ForegroundBorderColor);
+	}
+
+	.sapUiColorPicker-ColorPickerHexField {
+		box-sizing: border-box;
+		margin-top: 0;
+	}
+
+	.sapUiColorPicker-ColorPickerHexField.sapMInputBase {
+		width: 100%;
+	}
+
+	.sapUiCPHexWrapper {
+		display: flex;
+		flex-direction: column;
+		flex: 1 1 0;
+		min-width: 0;
+		height: auto;
+		box-sizing: border-box;
+		line-height: 1.25rem;
+		margin-bottom: 0;
+	}
+
+	.sapUiCPHexText {
+		display: block;
+		text-align: center;
+		width: 100%;
+	}
+
+	.sapUiColorPicker-ColorPickerOldColor.sapUiColorPicker-ColorPickerOldColor,
+	.sapUiColorPicker-ColorPickerNewColor.sapUiColorPicker-ColorPickerNewColor {
+		width: 50%;
+		height: 2.25rem;
+		border: 0;
+		border-bottom: 1px solid var(--sapContent_ForegroundBorderColor);
+	}
+}
+
+.sapMDialog.sapMResponsivePopover .sapUiColorPicker-Simplified.sapUnifiedColorPicker.sapUiCPHighZoom {
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.sapMPopover.sapMResponsivePopover .sapUiColorPicker-Simplified.sapUnifiedColorPicker.sapUiCPHighZoom {
+	padding-top: 1rem;
+}
+
+.sapMResponsivePopover:has(.sapUiColorPicker-Simplified.sapUnifiedColorPicker.sapUiCPHighZoom) .sapMPopoverScroll {
+	overflow: hidden;
 }
 
 /* unified Large */

package/src/sap/ui/unified/themes/base/FileUploader.less

@@ -435,4 +435,9 @@ html[data-sap-ui-browser^='cr'] .sapUiFupInputMask > input {
 .sapUiFup.sapUiFupButtonOnly.sapMInputBase:not(.sapMFocus) .sapMInputBaseContentWrapper:has(.sapMBtnEmphasized):not(.sapMInputBaseReadonlyWrapper):not(.sapMInputBaseContentWrapperState):not(.sapMInputBaseDisabledWrapper):hover {
 	background-color: var(--sapButton_Emphasized_Hover_Background);
 	border-color: var(--sapButton_Emphasized_Hover_BorderColor);
+}
+
+/* Override default width of the FileUploader when it is used inside a Bar/Toolbar/OverflowToolbar */
+.sapMIBar .sapUiFup:not(.sapUiFupButtonOnly) {
+	width: 12rem;
 }

package/src/sap/ui/unified/themes/base/ShellHeader.less

@@ -140,7 +140,7 @@
 	font-size: @_sap_ui_unified_ShellHeader_HeaderBarHeight / 2;
 	margin: @_sap_ui_unified_ShellHeader_ButtonOuterSpace - @_sap_ui_unified_ShellHeader_ButtonOutlineWidth;
 	margin-top: @_sap_ui_unified_ShellHeader_ButtonOuterSpace;
-	color: var(--sapTextColor);
+	color: var(--sapButton_IconColor);
 	border-radius: @_sap_ui_unified_ShellHeader_ButtonBorderRadius;
 	border: @_sap_ui_unified_ShellHeader_ButtonOutlineWidth solid transparent;
 	box-sizing: border-box;
@@ -180,11 +180,6 @@
 	border-right: @_sap_ui_unified_ShellHeader_ButtonSeparatorWidth solid var(--sapToolbar_SeparatorColor);
 }
 
-.sapUiUfdShellHeadItm > span,
-.sapUiUfdShellHeadUsrItm {
-	color: var(--sapButton_IconColor);
-}
-
 html.sapUiMedia-Std-Desktop .sapUiUfdShellHeadItm:hover > span,
 html.sapUiMedia-Std-Desktop .sapUiUfdShellHeadUsrItm:hover > * {
 	background-color: var(--sapButton_Hover_Background);
@@ -300,7 +295,7 @@ html.sapUiMedia-Std-Desktop .sapUiUfdShellHeadItm.sapUiUfdShellHeadItmSel:hover
 	display: inline-block;
 	vertical-align: top;
 	height: 100%;
-	color: var(--sapButton_TextColor);
+	color: var(--sapButton_IconColor);
 }
 
 .sapUiUfdShellHeadUsrItm > * {

package/src/sap/ui/unified/themes/sap_hcb/Calendar.less

@@ -14,7 +14,8 @@
 	border-radius: 0.375rem;
 }
 
-.sapUiCalHeadB:focus{
+html.sap-desktop .sapUiCalHeadB:focus,
+.sapUiCalHeadB:focus-visible {
 	border-radius: 0;
 }