@openui5/themelib_sap_horizon 1.100.0 → 1.101.0

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

@@ -3,58 +3,59 @@
 /* Evening Horizon theme                   */
 /* ======================================= */
 
-.sapMValueStateHeaderText {
-	padding-left: 0.75rem;
+.sapMValueStateHeaderRoot {
+	padding: 0.5rem 0.5rem 0.5rem 1.875rem;
+	line-height: 1rem;
 }
 
 .sapMValueStateHeaderSuccess:before {
 	font-family: SAP-icons;
 	content: "\e1c1";
 	position: absolute;
-	top: 0.725rem;
+	top: 0.5rem;
 	left: 0rem;
 	vertical-align: middle;
-	font-size: 0.875rem;
+	font-size: 1rem;
 	color: @sapPositiveElementColor;
 	padding-left: 0.5rem;
-	padding-right: 0.5rem;
+	padding-right: 0.375rem;
 }
 
 .sapMValueStateHeaderError:before {
 	font-family: SAP-icons;
 	content: "\e1ec";
 	position: absolute;
-	top: 0.725rem;
+	top: 0.5rem;
 	left: 0rem;
 	vertical-align: middle;
-	font-size: 0.875rem;
+	font-size: 1rem;
 	color: @sapNegativeElementColor;
 	padding-left: 0.5rem;
-	padding-right: 0.5rem;
+	padding-right: 0.375rem;
 }
 
 .sapMValueStateHeaderWarning:before {
 	font-family: SAP-icons;
 	content: "\e053";
 	position: absolute;
-	top: 0.725rem;
+	top: 0.5rem;
 	left: 0rem;
 	vertical-align: middle;
-	font-size: 0.875rem;
+	font-size: 1rem;
 	color: @sapCriticalElementColor;
 	padding-left: 0.5rem;
-	padding-right: 0.5rem;
+	padding-right: 0.375rem;
 }
 
 .sapMValueStateHeaderInformation:before {
 	font-family: SAP-icons;
 	content: "\e289";
 	position: absolute;
-	top: 0.725rem;
+	top: 0.5rem;
 	left: 0rem;
 	vertical-align: middle;
-	font-size: 0.875rem;
+	font-size: 1rem;
 	color: @sapInformativeElementColor;
 	padding-left: 0.5rem;
-	padding-right: 0.5rem;
+	padding-right: 0.375rem;
 }

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

@@ -4,46 +4,47 @@
 /* ======================================== */
 
 .sapMValueStateMessage {
-	box-shadow:@sapContent_Interaction_Shadow;
+	line-height: 1rem;
+	box-shadow: @sapUiContentShadow1;
 	border-radius: @sapGroup_BorderCornerRadius;
-	padding-left: 1.75 * @sapContent_GridSize;
+	padding: 0.5rem 0.5rem 0.5rem 1.875rem;
 }
 
 .sapMValueStateMessageError:before {
 	font-family: SAP-icons;
 	content: "\e1ec";
 	position: absolute;
-	top: 0.313rem;
+	top: 0.5rem;
 	left: 0rem;
 	vertical-align: middle;
-	font-size: 0.875rem;
+	font-size: 1rem;
 	color: @sapNegativeElementColor;
 	padding-left: 0.5rem;
-	padding-right: 0.5rem;
+	padding-right: 0.375rem;
 }
 
 .sapMValueStateMessageWarning:before {
 	font-family: SAP-icons;
 	content: "\e053s";
 	position: absolute;
-	top: 0.313rem;
+	top: 0.5rem;
 	left: 0rem;
 	vertical-align: middle;
-	font-size: 0.875rem;
+	font-size: 1rem;
 	color: @sapCriticalElementColor;
 	padding-left: 0.5rem;
-	padding-right: 0.5rem;
+	padding-right: 0.375rem;
 }
 
 .sapMValueStateMessageInformation:before {
 	font-family: SAP-icons;
 	content: "\e289";
 	position: absolute;
-	top: 0.313rem;
+	top: 0.5rem;
 	left: 0rem;
 	vertical-align: middle;
-	font-size: 0.875rem;
+	font-size: 1rem;
 	color: @sapInformativeElementColor;
 	padding-left: 0.5rem;
-	padding-right: 0.5rem;
+	padding-right: 0.375rem;
 }

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

@@ -3,71 +3,65 @@
 /* Horizon High Contrast Black theme  */
 /* ================================== */
 
+@_sap_m_Avatar_Font_Size_XL: 3rem;
+@_sap_m_Avatar_Font_Size_L: 2.25rem;
+@_sap_m_Avatar_Font_Size_M: 1.5rem;
+@_sap_m_Avatar_Font_Size_S: 1.125rem;
+@_sap_m_Avatar_Font_Size_XS: 1rem;
+
 .sapFAvatarImageContain,
 .sapFAvatarIcon,
 .sapFAvatarInitials {
 	border: 0.0625rem solid @sapUiFieldBorderColor;
 }
 
-.sapFAvatarIcon,
-.sapFAvatarInitialsHolder {
-	color: @sapUiContentForegroundColor;
-}
+.sapFAvatarSquare {
+	border-radius: @sapUiElementBorderCornerRadius;
 
-.sapFAvatarIcon,
-.sapFAvatarInitialsHolder {
-	color: @sapUiBaseText;
-}
-
-.sapFAvatarFocusable:focus {
-	outline-width: 0.125rem;
-}
-
-.sapFAvatarColorTransparent,
-.sapFAvatarColorTileIcon,
-.sapFAvatarColorPlaceholder {
-	background-color: @sapUiBaseBG;
-}
-
-.sapFAvatarXL{
-	font-size: 3rem;
+	.sapFAvatarImageHolder {
+		border-radius: @sapUiElementBorderCornerRadius;
+	}
 }
 
-.sapFAvatarL {
-	font-size: 2.25rem;
+.sapFAvatar.sapFAvatarInitials > .sapFAvatarInitialsHolder {
+	font-size: inherit;
 }
 
-.sapFAvatarM {
-	font-size: 1.5rem;
+.sapFAvatarFocusable:focus {
+	outline: none;
+	box-shadow: 0px 0px 0px 0.125rem @sapUiContentFocusColor;
 }
 
-.sapFAvatarS {
-	font-size: 1.125rem;
-}
+.sapFAvatarColorTileIcon {
+	background-color: @sapUiTileBackground;
+	color: @sapUiTileIconColor;
 
-.sapFAvatarXS {
-	font-size: 1rem;
+	.sapFAvatarInitialsHolder {
+		color: currentColor;
+	}
 }
 
-.sapFAvatar.sapFAvatarInitials > .sapFAvatarInitialsHolder {
-	font-size: inherit;
+.sapFAvatarColorPlaceholder {
+	background-color: @sapUiContentImagePlaceholderBackground;
+	color: @sapUiContentImagePlaceholderForegroundColor;;
+	.sapFAvatarInitialsHolder {
+		color: currentColor;
+	}
 }
 
-// Create classes which would just set background color of Avatar
 .generateColor (@accentIndex) {
 	@css-selector: ~"sapFAvatarColorAccent@{accentIndex}"; // Create the css selector string
+	@background-param: ~"sapUiAvatar@{accentIndex}Background"; // Build the color param which is a sapUiAccent
+	@color-param: ~"sapUiAvatar@{accentIndex}TextColor";
 
 	// Build the real CSS selector.
+	// The output would be something like this: .sapFAvatar.sapFAvatarColorAccent6 {background-color: #0092d1;}
 	.@{css-selector} {
-		background-color: @sapUiBaseBG;
+		background-color: @@background-param;
 	}
-}
-
-.sapFAvatarBadgeIcon {
 
-	background-color: @sapUiBaseBG;
-	border: 0.0625rem solid @sapUiFieldBorderColor;
-	> .sapUiIcon {
-		color: @sapUiBaseText;
+	.@{css-selector}.sapFAvatarIcon,
+	.@{css-selector} .sapFAvatarInitialsHolder {
+		color: contrast(@@background-param, @@color-param, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 	}
 }

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

@@ -38,7 +38,6 @@
 }
 .sapMCrsl:focus {
     outline: none;
-    border: 0.125rem dotted @sapUiContentFocusColor;
 }
 
 .sapMCrsl .sapMCrslHud,

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

@@ -5,187 +5,215 @@
 
 .sapMCb {
 	height: 2.75rem;
-	line-height: 2.75rem;
-	padding: 0 0 0 2.75rem;
+	padding-left: 2.75rem;
+	line-height: 2.7rem;
 }
 
 .sapMCbBg {
-	left: 0.6875rem;
-	top: 0.6875rem;
 	height: 1.375rem;
 	width: 1.375rem;
-	line-height: 1.125rem;
-	border-width: 0.0625rem;
+	top: 0.6875rem;
+	left: 0.6875rem;
 	box-sizing: border-box;
+	border-radius: @sapUiFieldBorderCornerRadius;
+	background-color: @sapUiFieldBackground;
+	border: @sapUiFieldBorderWidth @sapUiFieldBorderColor solid;
+	display: flex;
+    align-items: center;
+    justify-content: center;
+	color: @sapUiContentSelectedForegroundColor;
 
-	&:not(.sapMCbErr):not(.sapMCbInfo):not(.sapMCbWarn) > & {
-		line-height: 1.25rem;
-	}
-}
-
-.sapMCb.sapMCbWarn .sapMCbBg {
-	background-color: @sapUiFieldWarningBackground;
-	border: 0.125rem dashed @sapUiFieldWarningColor;
 	&.sapMCbMarkChecked:before {
-		color: @sapUiFieldTextColor;
+		font-size: 1rem;
+		color: currentColor;
 	}
-}
 
-.sapMCb.sapMCbSucc .sapMCbBg {
-	background-color: @sapUiFieldSuccessBackground;
-	border: 0.0625rem solid @sapUiFieldSuccessColor;
-	&.sapMCbMarkChecked:before {
-		color: @sapUiFieldSuccessColor;
+	&.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
+		border-width: 0.25rem;
 	}
 }
 
-.sapMCb.sapMCbErr .sapMCbBg {
-	background-color: @sapUiFieldInvalidBackground;
-	border: 0.125rem dashed @sapUiFieldInvalidColor;
-	&.sapMCbMarkChecked:before {
-		color: @sapUiFieldInvalidColor;
-	}
+.sapMCbBgDis .sapMCbBg {
+	opacity: @sapUiContentDisabledOpacity;
 }
 
-.sapMCb.sapMCbInfo .sapMCbBg {
-	background-color: @sapUiFieldInformationBackground;
-	border: @sapUiFieldBorderWidth dashed @sapUiFieldInformationColor;
-	&.sapMCbMarkChecked:before {
-		color: @sapUiFieldInformationColor;
-	}
+.sapMCbRo .sapMCbBg {
+	background-color: @sapUiFieldReadOnlyBackground;
+	border: @sapUiElementBorderWidth solid @sapUiFieldReadOnlyBorderColor;
 }
 
-.sapUiForm .sapMCbBg { /* In forms, align left with '0.1875rem(3px)' ( the focus width) */
-	left: 3px; // Must be in pixels to behave correctly in IE
+.sapMCbRo > .sapMCbBg.sapMCbMarkChecked:before {
+	color: @sapUiContentNonInteractiveIconColor;
 }
 
-.sapMCbBg.sapMCbMarkChecked:before {
-	color: @sapUiContentIconColor;
+.sapMCbHoverable:hover {
+	border: @sapUiFieldBorderWidth @sapField_BorderStyle @sapUiFieldHoverBorderColor;
+	color: @sapUiContentSelectedForegroundColor;
+	box-shadow: @sapUiContentInteractionShadow;
+	background-color: @sapSelectedColor;
 }
 
-.sapMCbBg.sapMCbMarkChecked.sapMCbMarkPartiallyChecked:before {
-	border: 0.25rem solid transparent;
-}
+// value state
+.sapMCbErr {
+	.sapMCbBg {
+		background-color: @sapUiFieldInvalidBackground;
+		border: @sapUiFieldInvalidBorderWidth dashed  @sapUiFieldInvalidColor;
+		color: @sapUiFieldInvalidColor;
 
-/* CheckBox focus */
-.sapMCb:focus {
-	outline: none;
+		&.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
+			border-width: 0.1875rem;
+		}
+	}
+
+	.sapMCbHoverable:hover {
+		box-shadow: @sapUiContentNegativeShadow;
+		background-color: @sapUiFieldHoverBackground;
+	}
 }
 
-html.sap-desktop {
-	.sapMCbBg:focus,
-	.sapMCbBg:active,
-	.sap-desktop .sapMCbBg.sapMCbBgDis:focus {
-		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-		outline: none;
+.sapMCbWarn {
+	.sapMCbBg {
+		background-color: @sapUiFieldWarningBackground;
+		border: @sapUiFieldWarningBorderWidth dashed @sapUiFieldWarningColor;
+		color: @sapUiFieldTextColor;
+
+		&.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
+			border-width: 0.1875rem;
+		}
 	}
 
-	.sapMCb:not(.sapMCbBgDis):not(.sapMCbHasLabel):focus > .sapMCbBg {
-		outline-width: 0.125rem;
-		outline-style: dotted;
-		outline-color: @sapUiContentFocusColor;
+	.sapMCbHoverable:hover {
+		box-shadow: @sapUiContentCriticalShadow;
+		background-color: @sapUiFieldHoverBackground;
 	}
+}
 
-	.sapMCb:not(.sapMCbBgDis):not(.sapMCbDisplayOnly).sapMCbHasLabel {
-		&:focus:before {
-			content: "";
-			display: block;
-			position: absolute;
-			top: 0.5rem;
-			bottom: 0.5rem;
-			left: 0.5rem;
-			right: 0;
-			border: 0.125rem dotted @sapUiContentFocusColor;
-		}
-		&:not(.sapMCbErr):not(.sapMCbInfo):not(.sapMCbWarn):focus:before {
-			bottom: 0.5rem;
+.sapMCbInfo {
+	.sapMCbBg {
+		background-color: @sapUiFieldInformationBackground;
+		border: @sapUiFieldInformationBorderWidth dashed @sapUiFieldInformationColor;
+		color: @sapUiFieldInformationColor;
+
+		&.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
+			border-width: 0.25rem;
 		}
 	}
 
-	.sapUiForm .sapMCb:not(.sapMCbBgDis).sapMCbHasLabel:focus:before {
-		left: 0px; /* Cb in SimpleForm: left border adjustment */
+	.sapMCbHoverable:hover {
+		box-shadow: @sapUiContentInformativeShadow;
+		background-color: @sapUiFieldHoverBackground;
 	}
 }
 
-/* CheckBox in Footer Context */
-.sapMFooter-CTX .sapMCb:not(.sapMCbBgDis):focus > .sapMCbBg,
-.sapMFooter-CTX .sapMCb:not(.sapMCbBgDis)		> .sapMCbBg:focus {
-	outline-color: @sapUiContentContrastFocusColor;
-}
+.sapMCbSucc {
+	.sapMCbBg {
+		background-color: @sapUiFieldSuccessBackground;
+		border: @sapUiFieldSuccessBorderWidth solid @sapUiFieldSuccessColor;
+		color: @sapUiFieldSuccessColor;
+	}
 
-.sapMLIBActive .sapMCbBg,
-.sapMLIBActive .sapMCbBg.sapMCbMarkChecked,
-.sapMLIBActive .sapMCbBg.sapMCbBgDis,
-.sapMLIBActive .sapMCbBg.sapMCbBgDis.sapMCbMarkChecked{
-	border-color: @sapUiListActiveTextColor;
+	.sapMCbHoverable:hover {
+		box-shadow: @sapUiContentPositiveShadow;
+		background-color: @sapUiFieldHoverBackground;
+	}
 }
 
-.sapMLIBActive .sapMCbBg{
-	background-color: @sapUiListActiveBackground;
+.sapMCb.sapMCbDisplayOnly:not(.sapMCbBgDis) {
+	padding-left: 2.75rem;
 }
 
-.sapMCbHoverable:hover{
-	border-color: @sapUiFieldHoverBorderColor;
-	background: @sapUiSelected;
+.sapMCbDisplayOnly .sapMCbBg {
+	top: 0.5625rem;
+	left: 0.5625rem;
+	&:not(.sapMCbMarkPartiallyChecked).sapMCbMarkChecked:before {
+		color: @sapTextColor;
+		font-size: 1rem;
+	}
+
+	&:not(.sapMCbMarkPartiallyChecked):before {
+		color: @sapTextColor;
+		font-size: 1rem;
+	}
+
+	&.sapMCbMark.sapMCbMarkChecked.sapMCbMarkPartiallyChecked {
+		width: 0.875rem;
+		height: 0.875rem;
+		border-radius: 0.0675rem;
+		top: 0.9375rem;
+		left: 0.9375rem;
+
+		&::before {
+			border-width: 0.125rem;
+		}
+	}
 }
 
-.sapMCbBgDis {
-	opacity: @sapUiContentDisabledOpacity;
+// FOCUS
+.sapMCb {
+	outline: none;
 }
 
-.sapMLIBActive .sapMActive .sapMCbBg.sapMCbActiveStateOff.sapMCbMarkChecked:before,
-.sapMLIBActive .sapMCbBg:active.sapMCbActiveStateOff.sapMCbMarkChecked:before,
-.sapMLIBActive .sapMCbBg.sapMCbMarkChecked:before,
-.sapMLIBActive .sapMActive .sapMCbBg.sapMCbMarkChecked:before,
-.sapMLIBActive .sapMCbBg:active.sapMCbMarkChecked:before,
-.sapMLIBActive .sapMCbBg.sapMCbBgDis.sapMCbMarkChecked:before{
-	color: @sapUiListActiveTextColor;
+.sapMCb:focus:before {
+	content: "";
+	border: @sapUiContentFocusColor @sapUiContentFocusStyle @sapUiContentFocusWidth;
+	inset: 0.3125rem;
+	position: absolute;
+	border-radius: @sapUiFieldBorderCornerRadius;
 }
 
-.sapMCbBg.sapMCbBgDis.sapMCbMarkChecked:before {
-	color: fade(@sapUiContentIconColor, 25);
+.sapMCb.sapMCbHasLabel {
+	padding-right: 0.3125rem;
 }
 
-/* Compact size */
-.sapUiSizeCompact{
-	.sapUiForm .sapMCbBg { /* In forms, align left with '0.1875rem(3px)' ( the focus width) */
-		left: 3px; // Must be in pixels to behave correctly in IE
-	}
-	.sapMCbBg {
-		border-radius: 0.125rem;
-	}
+.sapMCb.sapMCbHasLabel:focus:before {
+	content: "";
+	border: @sapUiContentFocusColor @sapUiContentFocusStyle @sapUiContentFocusWidth;
+	top: 0.3125rem;
+	left: 0.3125rem;
+	bottom: 0.3125rem;
+	right: 0;
+	position: absolute;
+	border-radius: 0.5rem;
 }
 
-html.sap-desktop {
-	.sapUiSizeCompact {
-		.sapMCb:not(.sapMCbBgDis).sapMCbHasLabel {
-			&:focus:before {
-				top: 0.3025rem;
-				bottom: 0.3025rem;
-				left: 0.3025rem;
-			}
+.sapUiSizeCompact {
+	.sapMCb {
+		height: 2rem;
+		padding-left: 2rem;
+		line-height: 2rem;
+	}
 
-			&:not(.sapMCbErr):not(.sapMCbInfo):not(.sapMCbWarn):focus:before {
-				bottom: 0.3025rem;
-			}
+	.sapMCbBg {
+		height: 1rem;
+		width: 1rem;
+		top: 0.5rem;
+		left: 0.5rem;
+		border-radius: @sapUiFieldBorderCornerRadius;
+
+		&.sapMCbMarkChecked:before {
+			font-size: 0.75rem;
 		}
 
-		.sapMCbBg.sapMCbMarkChecked.sapMCbMarkPartiallyChecked:before {
+		&.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
 			border-width: 0.1875rem;
 		}
+	}
 
-		.sapUiForm .sapMCb:not(.sapMCbBgDis):focus:before {
-			left: 0px;
-		}
+	.sapMCbErr .sapMCbBg.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before,
+	.sapMCbWarn .sapMCbBg.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
+		border-width: 0.125rem;
+	}
 
-		.sapMCbBg {
-			height: 1rem;
-			width: 1rem;
-			box-sizing: border-box;
-		}
+	.sapMCbInfo .sapMCbBg.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
+		border-width: 0.1875rem;
+	}
 
-		.sapMCb:not(.sapMCbErr):not(.sapMCbWarn) > .sapMCbBg {
-			line-height: 0.875rem;
-		}
+	.sapMCbDisplayOnly .sapMCbBg:not(.sapMCbMarkPartiallyChecked) {
+		margin: 0;
+	}
+
+	.sapMCbDisplayOnly .sapMCbBg.sapMCbMark.sapMCbMarkChecked.sapMCbMarkPartiallyChecked {
+		top: 0.5625rem;
+		left: 0.5625rem;
 	}
 }

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

@@ -11,11 +11,7 @@
 @_sap_m_Dialog_BarHeight: 2.75rem;
 @_sap_m_Dialog_SubHeaderCompactHeight: 2.25rem;
 
-@_sap_m_Dialog_NoStateHeaderShadow: @sapUiShadowHeader;
-@_sap_m_Dialog_SuccessHeaderShadow: inset 0 -0.125rem @sapUiSuccessBorder;
-@_sap_m_Dialog_ErrorHeaderShadow: inset 0 -0.125rem @sapUiErrorBorder;
-@_sap_m_Dialog_WarningHeaderShadow: inset 0 -0.125rem @sapUiWarningBorder;
-@_sap_m_Dialog_InformationHeaderShadow: inset 0 -0.125rem @sapUiInformationBorder;
+@_sap_m_Dialog_NoStateHeaderShadow: @sapUiContentHeaderShadow;
 
 .sapMDialogSubHeader .sapMIBar {
 	height: 100%;
@@ -27,13 +23,14 @@
 	font-size: 1rem;
 }
 
-.sapMDialogInformation > header.sapMDialogTitle .sapMDialogIcon.sapUiIcon {
-	color: @sapUiInformativeElement;
-}
+.sapMDialogResizeHandler {
+	right: 6px;
+	bottom: 3px;
 
-.sapMDialogResizeHandler::before {
-	content: attr(data-sap-ui-icon-content);
-	color: @sapUiButtonLiteTextColor;
+	&::before {
+		content: attr(data-sap-ui-icon-content);
+		color: @sapUiButtonLiteTextColor;
+	}
 }
 
 .sapMDialogBeginButton, .sapMDialogEndButton {
@@ -72,6 +69,7 @@ html.sap-phone .sapMDialog {
 	}
 }
 
+// Responsive paddings
 .sapMDialogTitle, .sapMDialogSubHeader {
 	.sapUi-Std-PaddingS, .sapUi-Std-PaddingM,
 	.sapUi-Std-PaddingL, .sapUi-Std-PaddingXL {
@@ -98,4 +96,22 @@ html.sap-phone .sapMDialog {
 			}
 		}
 	}
+}
+
+.sapMDialog:not(.sapUiResponsiveContentPadding):not(.sapUiContentPadding) {
+	&.sapMDialog-NoHeader .sapMDialogScroll {
+		padding-top: 0.25rem;
+
+		html.sap-phone .sapMDialogStretched& {
+			padding-top: 0;
+		}
+	}
+
+	&.sapMDialog-NoFooter .sapMDialogScroll {
+		padding-bottom: 0.25rem;
+
+		html.sap-phone .sapMDialogStretched& {
+			padding-bottom: 0;
+		}
+	}
 }

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

@@ -9,6 +9,11 @@
 
 @_sap_m_IconTabBar_TextColor: @sapUiContentLabelColor;
 @_sap_m_IconTabBar_TextShadow: none;
+@_sap_m_IconTabBar_HeaderFocusBorderTopOffset: -1px;
+@_sap_m_IconTabBar_HeaderFocusBorderBottomOffset: -1px;
+@_sap_m_IconTabBar_HeaderFocusBorderRightOffset: -1px;
+@_sap_m_IconTabBar_HeaderFocusBorderLeftOffset: -1px;
+@_sap_m_IconTabBar_More_Button_Border_Radius: 0px;
 
 // ==================== Cozy size ====================