@openui5/themelib_sap_horizon 1.108.19 → 1.108.20

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

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

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

@@ -76,10 +76,6 @@
 	}
 }
 
-.sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo):not(.sapMRbSucc) .sapMRbHoverable:hover {
-	filter: drop-shadow(0 0 0.125rem fade(@sapNeutralColor, 72)); //drop-shadow(@sapContent_Interaction_Shadow) doesn't work; Reason: Chrome, Safari and Opera, and maybe other browsers, do not support this 4th length; shadow will not render if added.
-}
-
 .sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo):not(.sapMRbSucc) .sapMRbHoverable:hover .sapMRbBOut {
 	stroke: @sapUiFieldHoverBorderColor;
 }
@@ -136,10 +132,6 @@
 	}
 }
 
-.sapMRbErr:not(.sapMRbDis) .sapMRbHoverable:hover {
-	filter: drop-shadow(0 0 0.125rem fade(@sapNegativeColor, 72)); // @sapContent_Negative_Shadow; same as above
-}
-
 .sapMRbWarn.sapMRbSel,
 .sapMRbWarn.sapMRbSel.sapMRbRo {
 	.sapMRbBInn {
@@ -157,10 +149,6 @@
 	}
 }
 
-.sapMRbWarn:not(.sapMRbDis) .sapMRbHoverable:hover {
-	filter: drop-shadow(0 0 0.125rem fade(@sapCriticalColor, 72)); // @sapContent_Critical_Shadow; same as above
-}
-
 .sapMRbSucc.sapMRbSel,
 .sapMRbSucc.sapMRbSel.sapMRbRo {
 	.sapMRbBInn {
@@ -178,11 +166,6 @@
 	}
 }
 
-
-.sapMRbSucc:not(.sapMRbDis) .sapMRbHoverable:hover {
-	filter: drop-shadow(0 0 0.125rem fade(@sapPositiveColor, 72)); // @sapContent_Positive_Shadow; same as above
-}
-
 .sapMRbInfo.sapMRbSel,
 .sapMRbInfo.sapMRbSel.sapMRbRo {
 	.sapMRbBInn {
@@ -200,10 +183,6 @@
 	}
 }
 
-.sapMRbInfo:not(.sapMRbDis) .sapMRbHoverable:hover {
-	filter: drop-shadow(0 0 0.125rem fade(@sapInformativeColor, 72)); // @sapContent_Informative_Shadow; same as above
-}
-
 .sapMRbRo .sapMRbBOut {
 	stroke-dasharray:  4,2; // parameter needed for the type of the dashes
 }

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

@@ -32,8 +32,8 @@
 	height: ~"calc(100% - 1px)";
 
 	border-radius: @sapUiFieldBorderCornerRadius;
-	color: @sapUiButtonTextColor;
-
+	color: @sapUiFieldTextColor;
+	
 	&:first-of-type {
 		margin-left: 0.25rem;
 	}
@@ -43,16 +43,16 @@
 	}
 
 	&:hover {
-		box-shadow: @sapUiContentInteractionShadow;
-		background-color: @sapUiButtonLiteHoverBackground;
+		box-shadow: @sapUiFieldHoverShadow;
+		background-color: @sapUiFieldHoverBackground;
 	}
 
 	&:active,
 	&.sapMSFBA // Firefox specific
 	{
-		box-shadow: @sapUiContentInteractionShadow;
+		box-shadow: @sapUiFieldHoverShadow;
 		color: @sapUiButtonSelectedTextColor;
-		background-color: @sapUiButtonLiteActiveBackground;
+		background-color: @sapUiFieldHoverBackground;
 	}
 }
 
@@ -68,4 +68,8 @@
 	&:hover .sapMSFF {
 		box-shadow: none;
 	}
+
+	.sapMSFB:hover {
+		color: @sapUiButtonSelectedTextColor;
+	}
 }

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

@@ -50,8 +50,7 @@
 html.sap-desktop .sapMSegBBtnFocusable:hover .sapMSegBBtnInner {
 	background: @sapUiButtonHoverBackground;
 	border-radius: 0.5rem;
-	box-shadow: 0 0 0.125rem 0 fade(@sapContent_ShadowColor, 72);
-	border-color: transparent;
+	border-color: @sapUiButtonHoverBorderColor;
 }
 
 html.sap-desktop .sapMSegBBtnFocusable.sapMSegBBtnSel:hover .sapMSegBBtnInner {
@@ -59,7 +58,7 @@ html.sap-desktop .sapMSegBBtnFocusable.sapMSegBBtnSel:hover .sapMSegBBtnInner {
 }
 
 html.sap-desktop .sapMSegBBtnFocusable.sapMBtnActive:hover .sapMSegBBtnInner {
-	box-shadow: 0 0 0.125rem 0 fade(@sapInformativeColor, 72);
+	border-color: @sapUiButtonHoverBorderColor;
 }
 
 /* Custom focus outline: */

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

@@ -6,6 +6,8 @@
 /* hover and down on toggled button */
 .sapMBtn:hover > .sapMBtnHoverable.sapMToggleBtnPressed:not(.sapMBtnActive),
 .sapMBtn .sapMBtnHoverable.sapMToggleBtnPressed:hover {
+	box-shadow: none;
+
 	&.sapMBtnReject {
 		background-color: @sapUiButtonRejectSelectedHoverBackground;
 		border-color: @sapUiButtonRejectSelectedHoverBorderColor;
@@ -68,26 +70,6 @@ html.sap-desktop .sapMToggleBtnPressed.sapMBtnTransparent > .sapMBtnIcon {
 	color: @sapUiButtonSelectedTextColor;
 }
 
-.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnActive) {
-	box-shadow: 0 0 0.125rem 0 fade(@sapInformativeColor, 72);
-}
-
-.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnActive).sapMBtnEmphasized {
-	box-shadow: 0 0 0.125rem 0 fade(@sapInformativeColor, 72);
-}
-
-.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnActive).sapMBtnAccept {
-	box-shadow: 0 0 0.125rem 0 fade(@sapPositiveColor, 72);
-}
-
-.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnActive).sapMBtnReject {
-	box-shadow: 0 0 0.125rem 0 fade(@sapNegativeColor, 72);
-}
-
-.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnActive).sapMBtnAttention {
-	box-shadow: 0 0 0.125rem 0 fade(@sapCriticalColor, 72);
-}
-
 html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMToggleBtnPressed.sapMFocusable {
 	border-color:    @sapUiContentFocusColor;
 }

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

@@ -5,11 +5,11 @@
 
 /* Background animation element */
 .sapUiLocalBusyIndicatorAnimation > div::before {
-	background: @sapUiContentIconColor;
+	background: @sapUiContentBusyColor;
 	animation-duration: 0ms;
 }
 
 /* Shadow animation element */
 .sapUiLocalBusyIndicatorAnimation > div::after {
-	box-shadow: inset 0px 0px 0px 0px @sapUiContentIconColor;
+	box-shadow: inset 0px 0px 0px 0px @sapUiContentBusyColor;
 }

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

@@ -35,7 +35,7 @@ span.sapMBtnInner.sapMBtnEmphasized {
 /* --------------------- */
 .sapMBtnInner {
 	font-size: @sapMFontMediumSize;
-	height: 2.25rem;
+	height: @sapUiElementHeight;
 	min-width: 2.25rem;
 	margin: 0;
 	padding: 0;

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

@@ -19,11 +19,11 @@
 @_sap_m_Carousel_PageIndicatorWidthSizeXL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
 @_sap_m_Carousel_PageIndicatorContainerPadding: 0.5rem;
 @_sap_m_Carousel_ContentArrowBoxShadow: @sapContent_Shadow1;
-@_sap_m_Carousel_BulletInactiveBackground: none;
+@_sap_m_Carousel_BulletInactiveBackground: transparent;
 @_sap_m_Carousel_BulletInactiveBorderColor: @sapContent_ForegroundBorderColor;
 @_sap_m_Carousel_BulletActiveBackground: @sapContent_Selected_ForegroundColor;
 @_sap_m_Carousel_BulletActiveBorder: @sapContent_Selected_ForegroundColor;
-@_sap_m_Carousel_BulletInactiveWidth: 0.5rem;
+@_sap_m_Carousel_BulletInactiveWidth: 0.375rem;
 @_sap_m_Carousel_BulletInactiveMargin: 0 0.25rem;
 @_sap_m_Carousel_FocusBorderOffsetArrow: -0.3125rem;
 @_sap_m_Carousel_ContrastFocusBorder: @sapUiContentFocusWidth solid @sapUiBaseBG;

package/src/sap/m/themes/sap_horizon_hcb/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_hcb/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/BusyIndicator.less

@@ -5,11 +5,11 @@
 
 /* Background animation element */
 .sapUiLocalBusyIndicatorAnimation > div::before {
-	background: @sapUiContentIconColor;
+	background: @sapUiContentBusyColor;
 	animation-duration: 0ms;
 }
 
 /* Shadow animation element */
 .sapUiLocalBusyIndicatorAnimation > div::after {
-	box-shadow: inset 0px 0px 0px 0px @sapUiContentIconColor;
+	box-shadow: inset 0px 0px 0px 0px @sapUiContentBusyColor;
 }

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

@@ -35,7 +35,7 @@ span.sapMBtnInner.sapMBtnEmphasized {
 /* --------------------- */
 .sapMBtnInner {
 	font-size: @sapMFontMediumSize;
-	height: 2.25rem;
+	height: @sapUiElementHeight;
 	min-width: 2.25rem;
 	margin: 0;
 	padding: 0;

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

@@ -19,11 +19,11 @@
 @_sap_m_Carousel_PageIndicatorWidthSizeXL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
 @_sap_m_Carousel_PageIndicatorContainerPadding: 0.5rem;
 @_sap_m_Carousel_ContentArrowBoxShadow: @sapContent_Shadow1;
-@_sap_m_Carousel_BulletInactiveBackground: none;
+@_sap_m_Carousel_BulletInactiveBackground: transparent;
 @_sap_m_Carousel_BulletInactiveBorderColor: @sapContent_ForegroundBorderColor;
 @_sap_m_Carousel_BulletActiveBackground: @sapContent_Selected_ForegroundColor;
 @_sap_m_Carousel_BulletActiveBorder: @sapContent_Selected_ForegroundColor;
-@_sap_m_Carousel_BulletInactiveWidth: 0.5rem;
+@_sap_m_Carousel_BulletInactiveWidth: 0.375rem;
 @_sap_m_Carousel_BulletInactiveMargin: 0 0.25rem;
 @_sap_m_Carousel_FocusBorderOffsetArrow: -0.3125rem;
 @_sap_m_Carousel_ContrastFocusBorder: @sapUiContentFocusWidth solid @sapUiBaseBG;

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/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/tnt/themes/sap_horizon/InfoLabel.less

@@ -7,22 +7,38 @@
 // 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.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;
+@_sap_tnt_InfoLabel_IconMargin: 0.25rem;
+@_sap_tnt_InfoLabel_DisplayIconMargin: 0.125rem;
+@_sap_tnt_InfoLabel_FontFamily: @sapFontSemiboldDuplexFamily;
+@_sap_tnt_InfoLabel_FontSize: @sapFontSize;
+@_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:
-	#FFF3B8 #A93E00,
-	#FFD5EA #AA0808,
-	#FFDCE8 #BA066C,
-	#FFDCF3 #A100C2,
-	#E2D8FF #470CED,
-	#D1EFFF #0057D2,
-	#C2FCEE #046C7A,
-	#E5F2BD #256F3A,
-	#B8F3FF #00709F,
-	#EAECEE #354A5F;
+	@sapAvatar_1_Background @sapAvatar_1_TextColor,
+	@sapAvatar_2_Background @sapAvatar_2_TextColor,
+	@sapAvatar_3_Background @sapAvatar_3_TextColor,
+	@sapAvatar_4_Background @sapAvatar_4_TextColor,
+	@sapAvatar_5_Background @sapAvatar_5_TextColor,
+	@sapAvatar_6_Background @sapAvatar_6_TextColor,
+	@sapAvatar_7_Background @sapAvatar_7_TextColor,
+	@sapAvatar_8_Background @sapAvatar_8_TextColor,
+	@sapAvatar_9_Background @sapAvatar_9_TextColor,
+	@sapAvatar_10_Background @sapAvatar_10_TextColor;
 
 .create-classes-for-background-and-border-colors(backgroundColor, @_sap_tnt_InfoLabel_ColorsArray);
 
@@ -35,11 +51,9 @@
 
 		@pair: extract(@list, @i);
 		@backgroundColor: extract(@pair, 1);
-		@borderColor: extract(@pair, 2);
 		@textColor: extract(@pair, 2);
 
 		.@{prefix}@{i} {
-			border: 0.0625rem solid @borderColor;
 			background-color: @backgroundColor;
 
 			.sapTntInfoLabelInner {

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

@@ -7,22 +7,38 @@
 // 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.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;
+@_sap_tnt_InfoLabel_IconMargin: 0.25rem;
+@_sap_tnt_InfoLabel_DisplayIconMargin: 0.125rem;
+@_sap_tnt_InfoLabel_FontFamily: @sapFontSemiboldDuplexFamily;
+@_sap_tnt_InfoLabel_FontSize: @sapFontSize;
+@_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:
-#4A3502 #EFAB01,
-#770606 #FFA0BF,
-#6E064B #FF98B6,
-#580787 #FF8FF1,
-#331C9F #C6A8FF,
-#0E3382 #5CC0FF,
-#054039 #1ECDAF,
-#164120 #81CB24,
-#063D5B #08C8E4,
-#29394B #B3BDC6;
+@sapAvatar_1_Background @sapAvatar_1_TextColor,
+@sapAvatar_2_Background @sapAvatar_2_TextColor,
+@sapAvatar_3_Background @sapAvatar_3_TextColor,
+@sapAvatar_4_Background @sapAvatar_4_TextColor,
+@sapAvatar_5_Background @sapAvatar_5_TextColor,
+@sapAvatar_6_Background @sapAvatar_6_TextColor,
+@sapAvatar_7_Background @sapAvatar_7_TextColor,
+@sapAvatar_8_Background @sapAvatar_8_TextColor,
+@sapAvatar_9_Background @sapAvatar_9_TextColor,
+@sapAvatar_10_Background @sapAvatar_10_TextColor;
 
 .create-classes-for-background-and-border-colors(backgroundColor, @_sap_tnt_InfoLabel_ColorsArray);
 
@@ -35,11 +51,9 @@
 
 		@pair: extract(@list, @i);
 		@backgroundColor: extract(@pair, 1);
-		@borderColor: extract(@pair, 2);
 		@textColor: extract(@pair, 2);
 
 		.@{prefix}@{i} {
-			border: 0.0625rem solid @borderColor;
 			background-color: @backgroundColor;
 
 			.sapTntInfoLabelInner {

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

@@ -7,10 +7,26 @@
 // 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.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;
+@_sap_tnt_InfoLabel_IconMargin: 0.25rem;
+@_sap_tnt_InfoLabel_DisplayIconMargin: 0.125rem;
+@_sap_tnt_InfoLabel_FontFamily: @sapFontSemiboldDuplexFamily;
+@_sap_tnt_InfoLabel_FontSize: @sapFontSize;
+@_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,
@@ -21,7 +37,7 @@
 #002559 #83BCFF,
 #012D28 #06CFAF,
 #0F2D17 #26D526,
-#032B37 #1BC8F2,
+#3C1847 #D5A9E2,
 #1C2834 #A9BACB;
 
 .create-classes-for-background-and-border-colors(backgroundColor, @_sap_tnt_InfoLabel_ColorsArray);
@@ -35,14 +51,13 @@
 
 		@pair: extract(@list, @i);
 		@backgroundColor: extract(@pair, 1);
-		@borderColor: extract(@pair, 2);
+		@textColor: extract(@pair, 2);
 
 		.@{prefix}@{i} {
-			border: 0.0625rem solid @borderColor;
 			background-color: @backgroundColor;
 
 			.sapTntInfoLabelInner {
-				color: @borderColor;
+				color: @textColor;
 			}
 		}
 	}

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

@@ -7,10 +7,26 @@
 // 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.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;
+@_sap_tnt_InfoLabel_IconMargin: 0.25rem;
+@_sap_tnt_InfoLabel_DisplayIconMargin: 0.125rem;
+@_sap_tnt_InfoLabel_FontFamily: @sapFontSemiboldDuplexFamily;
+@_sap_tnt_InfoLabel_FontSize: @sapFontSize;
+@_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,
@@ -21,7 +37,7 @@
 #8FD4FF #003776,
 #3CE3C5 #033F45,
 #9BDF47 #0C420C,
-#51DDF2 #003E52,
+#E0C1EB #552267,
 #C5CDD3 #2C3A48;
 
 .create-classes-for-background-and-border-colors(backgroundColor, @_sap_tnt_InfoLabel_ColorsArray);
@@ -35,14 +51,13 @@
 
 		@pair: extract(@list, @i);
 		@backgroundColor: extract(@pair, 1);
-		@borderColor: extract(@pair, 2);
+		@textColor: extract(@pair, 2);
 
 		.@{prefix}@{i} {
-			border: 0.0625rem solid @borderColor;
 			background-color: @backgroundColor;
 
 			.sapTntInfoLabelInner {
-				color: @borderColor;
+				color: @textColor;
 			}
 		}
 	}

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