@openui5/themelib_sap_horizon 1.114.8 → 1.114.10

package/src/sap/m/themes/sap_horizon_hcw/Page.less

@@ -76,7 +76,8 @@
 	opacity: 1;
 
 	.sapMIBar-CTX.sapMFooter-CTX {
-		box-shadow: @sapUiShadowLevel1;
+		box-shadow: @sapUiContentShadow1;
+		border: none;
 	}
 }
 

package/src/sap/m/themes/sap_horizon_hcw/RangeSlider.less

@@ -25,7 +25,6 @@
 	}
 	.sapMSliderInner .sapMSliderHandle {
 		background: @sapUiSliderRangeHandleBackground;
-		box-shadow: @sapUiContentSelectedShadow;
 		top: -.6875rem;
 	}
 
@@ -33,13 +32,12 @@
 		&:hover {
 			background-color: @sapUiSliderHoverHandleBackground;
 			border-color: @sapUiSliderHoverHandleBorderColor;
-			box-shadow: @sapUiContentSelectedShadow;
 		}
 
 		&.sapMSliderHandlePressed {
 			&:not(:focus) {
 				background: transparent;
-				border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
+				border: 0.125rem solid @sapUiContentFocusColor;
 				outline: none;
 				box-shadow: none;
 				top: -.6875rem;
@@ -48,7 +46,7 @@
 
 		&:focus {
 			background: @sapUiSliderActiveRangeHandleBackground;
-			border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
+			border: 0.125rem solid @sapUiContentFocusColor;
 			outline: none;
 			box-shadow: none;
 			top: -.6875rem;
@@ -69,7 +67,7 @@
 	.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle.sapMSliderHandlePressed {
 		&:not(:focus) {
 			background: transparent;
-			border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
+			border: 0.125rem solid @sapUiContentFocusColor;
 			outline: none;
 			box-shadow: none;
 			top: -0.5rem;
@@ -78,7 +76,7 @@
 
 	.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
 		background: @sapUiSliderActiveRangeHandleBackground;
-		border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
+		border: 0.125rem solid @sapUiContentFocusColor;
 		outline: none;
 		box-shadow: none;
 		top: -0.5rem;

package/src/sap/m/themes/sap_horizon_hcw/SearchField.less

@@ -36,8 +36,8 @@
 	}
 
 	&:hover {
-		box-shadow: @sapUiContentInteractionShadow;
-		background-color: @sapUiButtonLiteHoverBackground;
+		box-shadow: @sapUiFieldHoverShadow;
+		background-color: @sapUiButtonHoverBackground;
 		border-left: 1px solid @sapUiButtonHoverBorderColor; // contrast themes specific
 		border-right: 1px solid transparent;
 	}
@@ -49,9 +49,9 @@
 	&:active,
 	&.sapMSFBA // Firefox specific
 	{
-		box-shadow: @sapUiContentInteractionShadow;
+		box-shadow: @sapUiFieldHoverShadow;
 		color: @sapUiButtonSelectedTextColor;
-		background-color: @sapUiButtonLiteActiveBackground;
+		background-color: @sapUiButtonHoverBackground;
 	}
 }
 

package/src/sap/m/themes/sap_horizon_hcw/Slider.less

@@ -30,7 +30,6 @@
 .sapMSliderHandle:hover {
 	background: @sapUiSliderHoverHandleBackground;
 	border-color: @sapUiSliderHoverHandleBorderColor;
-	box-shadow: @sapUiContentSelectedShadow;
 }
 
 /* slider handle */
@@ -43,10 +42,6 @@
 	margin-left: -1rem;
 	top: -0.625rem;
 
-	&:not(:focus) {
-		box-shadow: @sapUiContentSelectedShadow;
-	}
-
 	&:focus:before {
 		content: '';
 		position: absolute;
@@ -60,7 +55,7 @@
 	}
 }
 
-.sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
+.sapMSliderInner .sapMSliderHandle:not(:focus):not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
 	font-family: SAP-icons;
 	content: "\e29c";
 	position: absolute;
@@ -73,34 +68,17 @@
 	color: @sapContent_Selected_ForegroundColor;
 }
 
-.sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):focus:active {
-	&:after {
-		top: 0.1875rem;
-		right: 0.4375rem;
-	}
-}
-
 .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle {
 	&:hover {
 		background: @sapUiSliderHoverHandleBackground;
 		border-color: @sapUiSliderHoverHandleBorderColor;
-		box-shadow: @sapUiContentSelectedShadow;
-	}
-
-	&:focus:active {
-		background: @sapUiSliderActiveHandleBackground;
-		border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
-		box-shadow: none;
-		&:before {
-			content: none;
-		}
 	}
 }
 
 .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
-	background: @sapUiSliderHandleBackground;
+	background: @sapUiSliderActiveRangeHandleBackground;
+	border: @sapUiContentFocusWidth solid @sapUiContentFocusColor;
 	outline: none;
-	box-shadow: none;
 	top: -0.625rem;
 }
 
@@ -120,6 +98,7 @@
 }
 
 .sapMSliderTick {
+	border-color: @sapUiContentMeasureIndicatorColor;
 	margin: 0;
 	height: .5rem;
 }
@@ -213,13 +192,6 @@
 		top: 0.125rem;
 		right: 0.25rem;
 	}
-
-	.sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):focus:active {
-		&:after {
-			top: 0.0625rem;
-			right: 0.1875rem;
-		}
-	}
 }
 
 .sapMSliderTick[data-ui5-active-tickmark="true"] {

package/src/sap/tnt/themes/sap_horizon/InfoLabel.less

@@ -7,15 +7,15 @@
 // Variables and mixins
 // ==========================================================================
 
-@_sap_tnt_InfoLabel_LineHeightDisplayOnly: 0.875rem;
-@_sap_tnt_InfoLabel_DisplayModeBorder: 0.0625rem solid #354A5F;
+@_sap_tnt_InfoLabel_LineHeightDisplayOnly: 1rem;
+@_sap_tnt_InfoLabel_DisplayModeBorder: none;
 @_sap_tnt_InfoLabel_DisplayModeBackground: #EAECEE;
 @_sap_tnt_InfoLabel_DisplayModeColor: #354A5F;
 @_sap_tnt_InfoLabel_BorderRadius: 0.25rem;
 @_sap_tnt_InfoLabel_DisplayBorderRadius: 0.1875rem;
 @_sap_tnt_InfoLabel_Height: 1.375rem;
-@_sap_tnt_InfoLabel_HeightWithoutBorders: 1.25rem;
-@_sap_tnt_InfoLabel_LineHeight: 1.25rem;
+@_sap_tnt_InfoLabel_HeightWithoutBorders: 1.375rem;
+@_sap_tnt_InfoLabel_LineHeight: 1.375rem;
 @_sap_tnt_InfoLabel_Text: none;
 @_sap_tnt_InfoLabel_Padding: 0 0.375rem;
 @_sap_tnt_InfoLabel_DisplayPadding: 0 0.25rem;
@@ -26,6 +26,7 @@
 @_sap_tnt_InfoLabel_DisplayFontSize: @sapFontSmallSize;
 @_sap_tnt_InfoLabel_DisplayFontSizeIcon: 0.625rem;
 @_sap_tnt_InfoLabel_NarrowPadding: @_sap_tnt_InfoLabel_Padding;
+@_sap_tnt_InfoLabel_LetterSpacing: normal;
 
 @_sap_tnt_InfoLabel_ColorsArray:
 	@sapAvatar_1_Background @sapAvatar_1_TextColor,

package/src/sap/tnt/themes/sap_horizon_dark/InfoLabel.less

@@ -7,15 +7,15 @@
 // Variables and mixins
 // ==========================================================================
 
-@_sap_tnt_InfoLabel_LineHeightDisplayOnly: 0.875rem;
-@_sap_tnt_InfoLabel_DisplayModeBorder: 0.0625rem solid #B3BDC6;
+@_sap_tnt_InfoLabel_LineHeightDisplayOnly: 1rem;
+@_sap_tnt_InfoLabel_DisplayModeBorder: none;
 @_sap_tnt_InfoLabel_DisplayModeBackground: #29394B;
 @_sap_tnt_InfoLabel_DisplayModeColor: #B3BDC6;
 @_sap_tnt_InfoLabel_BorderRadius: 0.25rem;
 @_sap_tnt_InfoLabel_DisplayBorderRadius: 0.1875rem;
 @_sap_tnt_InfoLabel_Height: 1.375rem;
-@_sap_tnt_InfoLabel_HeightWithoutBorders: 1.25rem;
-@_sap_tnt_InfoLabel_LineHeight: 1.25rem;
+@_sap_tnt_InfoLabel_HeightWithoutBorders: 1.375rem;
+@_sap_tnt_InfoLabel_LineHeight: 1.375rem;
 @_sap_tnt_InfoLabel_Text: none;
 @_sap_tnt_InfoLabel_Padding: 0 0.375rem;
 @_sap_tnt_InfoLabel_DisplayPadding: 0 0.25rem;
@@ -26,6 +26,7 @@
 @_sap_tnt_InfoLabel_DisplayFontSize: @sapFontSmallSize;
 @_sap_tnt_InfoLabel_DisplayFontSizeIcon: 0.625rem;
 @_sap_tnt_InfoLabel_NarrowPadding: @_sap_tnt_InfoLabel_Padding;
+@_sap_tnt_InfoLabel_LetterSpacing: normal;
 
 @_sap_tnt_InfoLabel_ColorsArray:
 @sapAvatar_1_Background @sapAvatar_1_TextColor,

package/src/sap/tnt/themes/sap_horizon_hcb/InfoLabel.less

@@ -7,15 +7,15 @@
 // Variables and mixins
 // ==========================================================================
 
-@_sap_tnt_InfoLabel_LineHeightDisplayOnly: 0.875rem;
-@_sap_tnt_InfoLabel_DisplayModeBorder: 0.0625rem solid #A9BACB;
+@_sap_tnt_InfoLabel_LineHeightDisplayOnly: 1rem;
+@_sap_tnt_InfoLabel_DisplayModeBorder: none;
 @_sap_tnt_InfoLabel_DisplayModeBackground: #1C2834;
 @_sap_tnt_InfoLabel_DisplayModeColor: #A9BACB;
 @_sap_tnt_InfoLabel_BorderRadius: 0.25rem;
 @_sap_tnt_InfoLabel_DisplayBorderRadius: 0.1875rem;
 @_sap_tnt_InfoLabel_Height: 1.375rem;
-@_sap_tnt_InfoLabel_HeightWithoutBorders: 1.25rem;
-@_sap_tnt_InfoLabel_LineHeight: 1.25rem;
+@_sap_tnt_InfoLabel_HeightWithoutBorders: 1.375rem;
+@_sap_tnt_InfoLabel_LineHeight: 1.375rem;
 @_sap_tnt_InfoLabel_Text: none;
 @_sap_tnt_InfoLabel_Padding: 0 0.375rem;
 @_sap_tnt_InfoLabel_DisplayPadding: 0 0.25rem;
@@ -26,6 +26,7 @@
 @_sap_tnt_InfoLabel_DisplayFontSize: @sapFontSmallSize;
 @_sap_tnt_InfoLabel_DisplayFontSizeIcon: 0.625rem;
 @_sap_tnt_InfoLabel_NarrowPadding: @_sap_tnt_InfoLabel_Padding;
+@_sap_tnt_InfoLabel_LetterSpacing: normal;
 
 @_sap_tnt_InfoLabel_ColorsArray:
 #362401 #FDA503,

package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less

@@ -13,6 +13,7 @@
 @_sap_tnt_ToolHeader_IconTabHeader_Height: auto;
 @_sap_tnt_ToolHeader_Shadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
 @_sap_tnt_ToolHeader_DisabledOpacity: @sapUiContentDisabledOpacity;
+@_sap_tnt_ToolHeader_SF_Border: 0.0625rem solid @sapUiShellBorderColor;
 
 // ==========================================================================
 // sap.m.Toolbar overriding
@@ -207,6 +208,7 @@
 	.sapMSF .sapMSFF {
 		border-radius: 2rem;
 		height: 2.5rem;
+		border: @_sap_tnt_ToolHeader_SF_Border;
 	}
 
 	.sapMSFB {

package/src/sap/tnt/themes/sap_horizon_hcw/InfoLabel.less

@@ -7,15 +7,15 @@
 // Variables overriding
 // ==========================================================================
 
-@_sap_tnt_InfoLabel_LineHeightDisplayOnly: 0.875rem;
-@_sap_tnt_InfoLabel_DisplayModeBorder: 0.0625rem solid #2C3A48;
+@_sap_tnt_InfoLabel_LineHeightDisplayOnly: 1rem;
+@_sap_tnt_InfoLabel_DisplayModeBorder: none;
 @_sap_tnt_InfoLabel_DisplayModeBackground: #C5CDD3;
 @_sap_tnt_InfoLabel_DisplayModeColor: #2C3A48;
 @_sap_tnt_InfoLabel_BorderRadius: 0.25rem;
 @_sap_tnt_InfoLabel_DisplayBorderRadius: 0.1875rem;
 @_sap_tnt_InfoLabel_Height: 1.375rem;
-@_sap_tnt_InfoLabel_HeightWithoutBorders: 1.25rem;
-@_sap_tnt_InfoLabel_LineHeight: 1.25rem;
+@_sap_tnt_InfoLabel_HeightWithoutBorders: 1.375rem;
+@_sap_tnt_InfoLabel_LineHeight: 1.375rem;
 @_sap_tnt_InfoLabel_Text: none;
 @_sap_tnt_InfoLabel_Padding: 0 0.375rem;
 @_sap_tnt_InfoLabel_DisplayPadding: 0 0.25rem;
@@ -26,6 +26,7 @@
 @_sap_tnt_InfoLabel_DisplayFontSize: @sapFontSmallSize;
 @_sap_tnt_InfoLabel_DisplayFontSizeIcon: 0.625rem;
 @_sap_tnt_InfoLabel_NarrowPadding: @_sap_tnt_InfoLabel_Padding;
+@_sap_tnt_InfoLabel_LetterSpacing: normal;
 
 @_sap_tnt_InfoLabel_ColorsArray:
 #FFC218 #5F2900,

package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less

@@ -13,6 +13,7 @@
 @_sap_tnt_ToolHeader_IconTabHeader_Height: auto;
 @_sap_tnt_ToolHeader_Shadow: 0 0 0 0.0625rem @sapContent_ShadowColor, 0 0.5rem 1rem 0 fade(@sapContent_ShadowColor, 16);
 @_sap_tnt_ToolHeader_DisabledOpacity: @sapUiContentDisabledOpacity;
+@_sap_tnt_ToolHeader_SF_Border: 0.0625rem solid @sapUiShellBorderColor;
 
 // ==========================================================================
 // sap.m.Toolbar overriding
@@ -207,6 +208,7 @@
 	.sapMSF .sapMSFF {
 		border-radius: 2rem;
 		height: 2.5rem;
+		border: @_sap_tnt_ToolHeader_SF_Border;
 	}
 
 	.sapMSFB {

package/src/sap/ui/core/themes/sap_horizon/.theme

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.114.8</version>
+	<version>1.114.10</version>
 
 	<documentation>SAPUI5 Horizon theme library.</documentation>