@openui5/themelib_sap_horizon 1.114.10 → 1.114.12

package/src/sap/m/themes/sap_horizon_dark/SplitButton.less

@@ -8,13 +8,11 @@
 	border-color: @sapUiContentContrastFocusColor;
 }
 
-.sapMSB .sapMSBArrow:not(.sapMBtnDisabled) .sapMBtnTransparent:not(.sapMToggleBtnPressed),
 .sapContrast.sapMIBar-CTX .sapMSB .sapMSBArrow:not(.sapMBtnDisabled) .sapMBtnTransparent:not(.sapMToggleBtnPressed),
 .sapContrast .sapMIBar-CTX .sapMSB .sapMSBArrow:not(.sapMBtnDisabled) .sapMBtnTransparent:not(.sapMToggleBtnPressed) {
 	border-left-color: @sapUiButtonBorderColor;
 }
 
-.sapMSB .sapMSBArrow:not(.sapMBtnDisabled) .sapMBtnActive.sapMBtnTransparent:not(.sapMToggleBtnPressed),
 .sapContrast.sapMIBar-CTX .sapMSB .sapMSBArrow:not(.sapMBtnDisabled) .sapMBtnActive.sapMBtnTransparent:not(.sapMToggleBtnPressed),
 .sapContrast .sapMIBar-CTX .sapMSB .sapMSBArrow:not(.sapMBtnDisabled) .sapMBtnActive.sapMBtnTransparent:not(.sapMToggleBtnPressed) {
 	border-left-color: @sapUiButtonLiteActiveBorderColor;
@@ -45,7 +43,7 @@
 }
 
 .sapMSB .sapMSBInner .sapMSBText:not(.sapMSBTextIE) .sapMBtnInner {
-	margin-right: 2.3125rem;
+	margin-right: 2.25rem;
 }
 
 .sapMSB .sapMSBInner {
@@ -61,10 +59,10 @@
 
 .sapUiSizeCompact {
 	.sapMSB .sapMSBInner {
-		padding: 0.15rem 0;
+		padding: 0.1875rem 0;
 	}
 	.sapMSB .sapMSBText {
-		height: 1.75rem;
+		height: 1.625rem;
 	}
 }
 
@@ -100,8 +98,13 @@
 	background-color: @sapUiButtonAttentionBackground;
 }
 
-.sapMSB .sapMBtnInner {
-	border: none;
+.sapMMenuBtnSplit {
+	.sapMBtnInner,
+	span.sapMBtnInner.sapMBtnAccept,
+	span.sapMBtnInner.sapMBtnAttention,
+	span.sapMBtnInner.sapMBtnReject {
+		border-color: transparent;
+	}
 }
 
 .sapMSB .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
@@ -117,12 +120,18 @@
 	border-radius: 0.35rem;
 }
 
-.sapMSB.sapMSBEmphasized .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before,
-.sapMSB.sapMSBNeutral .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before,
+.sapMSB.sapMSBEmphasized .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
+	background-color: @sapUiButtonEmphasizedTextColor;
+}
+
+.sapMSB.sapMSBNeutral .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
+	background-color: @sapUiButtonInformationTextColor;
+}
+
 .sapMSB.sapMSBSuccess .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before,
 .sapMSB.sapMSBCritical .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before,
 .sapMSB.sapMSBNegative .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
-	background-color: @sapUiButtonEmphasizedTextColor;
+	background-color: @sapUiButtonSuccessTextColor;
 }
 
 .sapMSB.sapMSBAccept .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
@@ -158,7 +167,10 @@
 	border-radius: 0.375rem;
 }
 
-.sapMSB.sapMSBEmphasized:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
+.sapMSB.sapMSBEmphasized:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after,
+.sapMSB.sapMSBCritical:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after,
+.sapMSB.sapMSBNegative:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after,
+.sapMSB.sapMSBSuccess:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
 	border-color: @sapUiContentContrastFocusColor;
 }
 
@@ -167,7 +179,7 @@
 }
 
 .sapMSB :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
-	border: 0.125rem solid @sapUiContentFocusColor;
+	border: 0.0625rem solid @sapUiContentFocusColor;
 	min-width: 2.3125rem;
 
 	&.sapMBtnText > .sapUiIcon {
@@ -176,35 +188,15 @@
 
 	.sapUiIcon {
 		position: absolute;
-		top: -0.0625rem;
-		left: -0.0625rem;
-		padding-left: 0.0625rem;
+		left: 0.0625rem;
 		padding-right: 0.0625rem;
 	}
 
-	.sapMBtnContent {
-		top: 2px;
-		padding-left: 0.0625rem;
-	}
-
 	.sapUiIcon + .sapMBtnContent {
-		top: -1px;
 		padding-left: 1.4375rem;
 	}
 }
 
-.sapMMenuBtnSplit .sapMSB:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnEmphasized:not(.sapMBtnIconFirst) .sapMBtnContent {
-	position: relative;
-	left: 0.0625rem;
-	top: 0.0625rem;
-}
-
-.sapMMenuBtnSplit .sapMSB:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnEmphasized.sapMBtnActive:not(.sapMBtnIconFirst) .sapMBtnContent {
-	position: relative;
-	left: 0;
-	top: -0.0625rem;
-}
-
 .sapUiSizeCompact .sapMSB {
 	.sapMSBText:not(.sapMBtnDisabled)  > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
 		margin-right: 2rem;
@@ -212,8 +204,8 @@
 
 	:not(.sapMBtnDisabled) > span.sapMBtnInner {
 		&.sapMBtnInner.sapMBtnText {
-			padding-left: 0.4375rem;
-			padding-right: 0.5rem;
+			padding-right: 0.3125rem;
+			padding-left: 0.3125rem;
 		}
 		&.sapMBtnEmphasized.sapMBtnActive {
 			min-width: 2rem;
@@ -225,8 +217,18 @@
 	}
 }
 
-.sapMSB .sapMSBArrow:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive .sapUiIcon {
-  left: -0.0625rem;
+.sapUiSizeCompact {
+	.sapMSB :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
+		.sapUiIcon {
+			position: absolute;
+			left: 0;
+			padding-right: 0;
+		}
+	
+		.sapMBtnContent {
+			top: 0;
+		}
+	}
 }
 
 .sapMMenuBtn .sapMBtnDisabled {
@@ -251,6 +253,13 @@ html.sap-desktop .sapMMenuBtnSplit .sapMBtn:focus > .sapMFocusable:after {
 	right: 0.125rem;
 }
 
+.sapUiSizeCompact {
+	.sapMSB:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
+		left: 0.0625rem;
+		right: 0.0625rem;
+	}
+}
+
 html.sap-desktop .sapMSB .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator):before {
 	width: auto;
 	height: auto;

package/src/sap/m/themes/sap_horizon_hcb/CheckBox.less

@@ -58,8 +58,12 @@
 
 // value state
 .sapMCbErr {
-	.sapMCbBg {
+	&:hover .sapMCbBg,
+	.sapMCbBg{
 		background-color: @sapUiFieldInvalidBackground;
+	}
+
+	.sapMCbBg {
 		border: @sapUiFieldInvalidBorderWidth dashed  @sapUiFieldInvalidColor;
 		color: @sapUiFieldInvalidColor;
 

package/src/sap/m/themes/sap_horizon_hcb/MenuButton.less

@@ -38,4 +38,8 @@
 
 .sapMMenuBtn .sapMBtn:not(.sapMSBArrow) .sapMBtnInner.sapMBtnIconFirst:not(.sapMBtnText) .sapMBtnIcon {
 	padding-right: 0rem;
+}
+
+.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner {
+	background-color: @sapUiButtonSelectedBackground;
 }

package/src/sap/m/themes/sap_horizon_hcb/ObjectNumber.less

@@ -8,20 +8,17 @@
 .sapMObjectNumberInverted {
 	box-sizing: border-box;
 	&:not(.sapMObjectNumberLarge) .sapMObjectNumberInner {
-		height: 0.875rem;
-		line-height: 0.75rem;
-	}
-	.sapMObjectNumberText,
-	.sapMObjectNumberUnit {
-		vertical-align: middle;
-		line-height: 0.875rem;
+		min-height: 1rem;
+		height: auto;
 	}
 }
 
 .sapMObjectNumberInverted .sapMObjectNumberInner {
 	background-color: @sapUiBaseBG;
-	border-width: 0.0625rem;
-	border-style: solid;
+	border: 0.0625rem solid;
+	border-radius: @sapUiButtonBorderCornerRadius;
+	padding: 0.1875rem 0.25rem;
+	vertical-align: middle;
 }
 
 html.sap-desktop .sapMObjectNumberActive:focus {
@@ -35,11 +32,11 @@ html.sap-desktop .sapMObjectNumberActive:focus {
 	}
 
 	&.sapMObjectNumberInverted .sapMObjectNumberInner::after {
-		top: -2px;
-		left: 1px;
-		bottom: -2px;
-		right: 1px;
-		outline: 2px dotted @sapUiContentFocusColor;
+		top: 0.125rem;
+		left: 0.125rem;
+		bottom: 0.0625rem;
+		right: 0.125rem;
+		outline: 0.125rem dotted @sapUiContentFocusColor;
 	}
 
 	&.sapMObjectNumberLarge {

package/src/sap/m/themes/sap_horizon_hcb/ProgressIndicator.less

@@ -29,6 +29,10 @@
 	}
 }
 
+.sapMPIValueMax .sapMPIBarRemaining {
+	display: flex;
+}
+
 .sapMPIBarRemaining {
 	position: absolute;
     width: ~'calc(100% - 1.25rem)';

package/src/sap/m/themes/sap_horizon_hcb/SegmentedButton.less

@@ -77,7 +77,7 @@ html.sap-desktop {
 
 .sapMSegBBtn.sapMSegBBtnFocusable:active:hover {
 	.sapMSegBBtnInner {
-		background: @sapUiButtonSelectedBackground;
+		background: @sapButton_Active_Background;
 		color: @sapUiButtonSelectedTextColor;
 		border-color: @sapUiButtonSelectedBorderColor;
 	}

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

@@ -58,8 +58,12 @@
 
 // value state
 .sapMCbErr {
-	.sapMCbBg {
+	&:hover .sapMCbBg,
+	.sapMCbBg{
 		background-color: @sapUiFieldInvalidBackground;
+	}
+
+	.sapMCbBg {
 		border: @sapUiFieldInvalidBorderWidth dashed  @sapUiFieldInvalidColor;
 		color: @sapUiFieldInvalidColor;
 

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

@@ -38,4 +38,8 @@
 
 .sapMMenuBtn .sapMBtn:not(.sapMSBArrow) .sapMBtnInner.sapMBtnIconFirst:not(.sapMBtnText) .sapMBtnIcon {
 	padding-right: 0rem;
+}
+
+.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner {
+	background-color: @sapUiButtonSelectedBackground;
 }

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

@@ -8,20 +8,17 @@
 .sapMObjectNumberInverted {
 	box-sizing: border-box;
 	&:not(.sapMObjectNumberLarge) .sapMObjectNumberInner {
-		height: 0.875rem;
-		line-height: 0.75rem;
-	}
-	.sapMObjectNumberText,
-	.sapMObjectNumberUnit {
-		vertical-align: middle;
-		line-height: 0.875rem;
+		min-height: 1rem;
+		height: auto;
 	}
 }
 
 .sapMObjectNumberInverted .sapMObjectNumberInner {
 	background-color: @sapUiBaseBG;
-	border-width: 0.0625rem;
-	border-style: solid;
+	border: 0.0625rem solid;
+	border-radius: @sapUiButtonBorderCornerRadius;
+	padding: 0.1875rem 0.25rem;
+	vertical-align: middle;
 }
 
 html.sap-desktop .sapMObjectNumberActive:focus {
@@ -35,11 +32,11 @@ html.sap-desktop .sapMObjectNumberActive:focus {
 	}
 
 	&.sapMObjectNumberInverted .sapMObjectNumberInner::after {
-		top: -2px;
-		left: 1px;
-		bottom: -2px;
-		right: 1px;
-		outline: 2px dotted @sapUiContentFocusColor;
+		top: 0.125rem;
+		left: 0.125rem;
+		bottom: 0.0625rem;
+		right: 0.125rem;
+		outline: 0.125rem dotted @sapUiContentFocusColor;
 	}
 
 	&.sapMObjectNumberLarge {

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

@@ -29,6 +29,10 @@
 	}
 }
 
+.sapMPIValueMax .sapMPIBarRemaining {
+	display: flex;
+}
+
 .sapMPIBarRemaining {
 	position: absolute;
     width: ~'calc(100% - 1.25rem)';

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

@@ -77,7 +77,7 @@ html.sap-desktop {
 
 .sapMSegBBtn.sapMSegBBtnFocusable:active:hover {
 	.sapMSegBBtnInner {
-		background: @sapUiButtonSelectedBackground;
+		background: @sapButton_Active_Background;
 		color: @sapUiButtonSelectedTextColor;
 		border-color: @sapUiButtonSelectedBorderColor;
 	}

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

@@ -350,10 +350,6 @@
 		height: 1.625rem;
 	}
 
-	&.sapMIBar.sapMTB .sapMBarChild.sapMImg {
-		margin-left: 0.75rem;
-	}
-
 	.sapMImgFocusable:focus {
 		outline: @sapContent_FocusStyle @sapContent_FocusWidth @sapContent_FocusColor;
 		outline-offset: 0.125rem;

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

@@ -350,10 +350,6 @@
 		height: 1.625rem;
 	}
 
-	&.sapMIBar.sapMTB .sapMBarChild.sapMImg {
-		margin-left: 0.75rem;
-	}
-
 	.sapMImgFocusable:focus {
 		outline: @sapContent_FocusStyle @sapContent_FocusWidth @sapContent_FocusColor;
 		outline-offset: 0.125rem;

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

@@ -359,10 +359,6 @@ html.sap-desktop .sapTntToolHeader .sapMSF:not(.sapMSFDisabled) {
 		height: 1.625rem;
 	}
 
-	&.sapMIBar.sapMTB .sapMBarChild.sapMImg {
-		margin-left: 0.75rem;
-	}
-
 	.sapMImgFocusable:focus {
 		outline: @sapContent_FocusStyle @sapContent_FocusWidth @sapContent_FocusColor;
 		outline-offset: 0.125rem;

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

@@ -359,10 +359,6 @@ html.sap-desktop .sapTntToolHeader .sapMSF:not(.sapMSFDisabled) {
 		height: 1.625rem;
 	}
 
-	&.sapMIBar.sapMTB .sapMBarChild.sapMImg {
-		margin-left: 0.75rem;
-	}
-
 	.sapMImgFocusable:focus {
 		outline: @sapContent_FocusStyle @sapContent_FocusWidth @sapContent_FocusColor;
 		outline-offset: 0.125rem;

package/src/sap/ui/commons/themes/sap_horizon/MenuButton.less

@@ -67,3 +67,15 @@ html[data-sap-ui-browser^="ie"] .sapUiBtnLite > .sapUiMenuButtonIco{
 .sapUiBtnS.sapUiBtnEmph > .sapUiMenuButtonIco{
 	background-image: url("img/menubutton/Menu_Hover.png");
 }
+
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnNegative.sapMBtnActive::after {
+	color: @sapUiButtonNegativeActiveTextColor;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnCritical.sapMBtnActive::after {
+	color: @sapUiButtonCriticalActiveTextColor;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnSuccess.sapMBtnActive::after {
+	color: @sapUiButtonSuccessActiveTextColor;
+}

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.10</version>
+	<version>1.114.12</version>
 
 	<documentation>SAPUI5 Horizon theme library.</documentation>
 

package/src/sap/ui/core/themes/sap_horizon_dark/.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.10</version>
+	<version>1.114.12</version>
 
 	<documentation>SAPUI5 Evening Horizon theme library.</documentation>
 

package/src/sap/ui/core/themes/sap_horizon_hcb/.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.10</version>
+	<version>1.114.12</version>
 
 	<documentation>SAPUI5 horizon high contrast black theme library.</documentation>
 

package/src/sap/ui/core/themes/sap_horizon_hcw/.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.10</version>
+	<version>1.114.12</version>
 
 	<documentation>SAPUI5 horizon high contrast white theme library.</documentation>