@openui5/themelib_sap_horizon 1.115.1 → 1.117.0

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

@@ -21,6 +21,33 @@
 .sapMLnk.sapMLnkSubtle {
 	color: @sapUiLinkSubtleColor;
 	text-decoration: underline;
+
+	&:not(.sapMLnkDsbl) {
+		&:active {
+			color: @sapUiLinkSubtleColor;
+		}
+	}
+}
+
+html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {
+	&:focus {
+		border-radius: 0.125rem;
+		background-color: @sapUiContentFocusColor;
+		color: @sapUiContentContrastTextColor;
+		text-shadow: none;
+		outline: none;
+
+		&:hover:not(:active) {
+			text-decoration: none;
+		}
+	}
+
+	&.sapMLnkSubtle {
+		&:hover:not(:active):not(:focus) {
+			color: @sapUiLinkSubtleColor;
+			text-decoration: none;
+		}
+	}
 }
 
 .sapMLnk:not(.sapMLnkDsbl) {
@@ -35,17 +62,4 @@
 
 .sapMListTblRow.sapMLIBSelected .sapMLnk:not(.sapMLnkDsbl) {
 	text-shadow: @sapUiContentTextShadow;
-}
-
-html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
-	border-radius: 0.125rem;
-	background-color: @sapUiContentFocusColor;
-	color: @sapUiContentContrastTextColor;
-	text-shadow: none;
-	outline: none;
-}
-
-html.sap-desktop .sapMLnk:hover:not(:active):not(.sapMLnkDsbl).sapMLnkSubtle,
-html.sap-desktop .sapMLnk:focus:hover:not(:active):not(.sapMLnkDsbl) {
-	text-decoration: none;
 }

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

@@ -13,11 +13,23 @@
 	background: lighten(@sapUiListHeaderBackground, 2);
 }
 
+.sapUiTableOnObjectPageAdjustmentsForSection .sapMListHdrText,
+.sapUiTableOnObjectPageAdjustmentsForSection .sapMSticky > .sapMListHdrTBar.sapMTB-Transparent-CTX {
+	background: @sapUiGlobalBackgroundColor;
+	border-top-right-radius: 0;
+	border-top-left-radius: 0;
+}
+
 .sapMListHdr {
 	border-top-right-radius: @sapUiElementBorderCornerRadius;
 	border-top-left-radius: @sapUiElementBorderCornerRadius;
 }
 
+.sapUiTableOnObjectPageAdjustmentsForSection .sapMListHdr {
+	border-top-right-radius: 0;
+	border-top-left-radius: 0;
+}
+
 .sapMListNoData,
 .sapMGrowingList {
 	border-bottom: none;

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

@@ -5,6 +5,14 @@
 
 @_sap_m_ObjectMarker_LinkShadowColor: none;
 
-.sapMObjectMarker .sapMLnk {
-	text-shadow: @_sap_m_ObjectMarker_LinkShadowColor;
+.sapMObjectMarker {
+	.sapMLnk {
+		text-shadow: @_sap_m_ObjectMarker_LinkShadowColor;
+
+		&:focus {
+			.sapUiIcon {
+				color: @sapUiContentContrastTextColor;
+			}
+		}
+	}
 }

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

@@ -4,7 +4,7 @@
 /* ================================== */
 
 .sapMPanel {
-	min-height: 2.5rem;
+	min-height: 2.75rem;
 	border-radius: @sapElement_BorderCornerRadius;
 
 	.sapMPanelWrappingDiv:not(.sapMPanelWrappingDivExpanded),
@@ -75,8 +75,13 @@
 	width: 2.25rem;
 }
 
-.sapUiSizeCompact .sapMPanelWrappingDiv .sapUiIcon {
-	width: 2rem;
+.sapUiSizeCompact {
+	.sapMPanel {
+		min-height: 2.5rem;
+	}
+	.sapMPanelWrappingDiv .sapUiIcon {
+		width: 2rem;
+	}
 }
 
 .sapMPanel.sapMPanelExpandable .sapMPanelWrappingDivTb {
@@ -98,4 +103,8 @@
 
 .sapMPanelWrappingDiv .sapUiIcon {
 	color: @sapButton_Lite_TextColor;
+}
+
+.sapMPanelStickyHeadingDiv {
+	background-color: @sapUiGroupTitleBackground;
 }

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

@@ -141,4 +141,17 @@
 		border-bottom-right-radius: @sapUiPopoverBorderCornerRadius;
 		border-bottom-left-radius: @sapUiPopoverBorderCornerRadius;
 	}
+}
+
+.sapMPopoverResizeHandle {
+	border: none;
+	color: @sapButton_Lite_TextColor;
+	width: 1rem;
+	font-size: 1rem;
+	line-height: 1rem;
+	content: "\e24f";
+	height: 1rem;
+	top: 0;
+	right: 0.125rem;
+	padding: 0 0.125rem 0rem 0rem;
 }

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

@@ -3,6 +3,8 @@
 /* Evening Horizon theme              */
 /* ================================== */
 
+@_sap_m_Radio_Button_Read_Only_fill: @sapUiFieldTextColor;
+
 .sapMRb {
 	height: 2.75rem;
 
@@ -84,7 +86,7 @@
 }
 
 .sapMRb:not(.sapMRbDis) .sapMRbHoverable:hover .sapMRbBOut {
-	fill: @sapUiFieldHoverBackground;
+	fill: @sapUiContentSelectedHoverBackground;
 }
 
 .sapMRb:focus:before {
@@ -142,7 +144,7 @@
 .sapMRbWarn.sapMRbSel,
 .sapMRbWarn.sapMRbSel.sapMRbRo {
 	.sapMRbBInn {
-		fill:  @sapUiFieldTextColor;
+		fill:  @sapUiFieldWarningColor;
 		stroke: none;
 	}
 }
@@ -207,10 +209,6 @@
 	stroke-dasharray:  4,2; // parameter needed for the type of the dashes
 }
 
-.sapMRb.sapMRbRo.sapMRbSel .sapMRbBInn {
-	fill: @sapUiContentNonInteractiveIconColor;
-}
-
 html[data-sap-ui-browser^="sf"] {
 	// fix for blur caused by drop-shadow in Safari
 	.sapMRbHoverable:hover {

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

@@ -9,18 +9,13 @@
 @_sap_m_RangeSlider_Handle_Width_Compact: 1.5rem;
 
 .sapMRangeSlider.sapMSlider .sapMSliderInner {
-	&:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle {
+	&:not(.sapMSliderInnerDisabled).sapMSliderProgress:hover ~ .sapMSliderHandle,
+	.sapMSliderHandle:hover  {
 		border: 1px @sapContent_FocusStyle @sapUiSliderHoverHandleBorderColor;
 		background: @sapUiSliderRangeHandleBackground;
 		box-shadow: @sapUiContentSelectedShadow;
 	}
 
-	&:not(.sapMSliderInnerDisabled) .sapMSliderHandle:hover {
-		background-color: @sapUiSliderRangeHandleBackground;
-		border-color: @sapUiSliderHoverHandleBorderColor;
-		box-shadow: @sapUiContentSelectedShadow;
-	}
-
 	&:not(.sapMSliderInnerDisabled) .sapMSliderHandle.sapMSliderHandlePressed {
 		&:not(:focus) {
 			background: transparent;

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

@@ -8,7 +8,6 @@
 // ==========================================================================
 
 @_sap_m_SearchField_Height: 2.75rem;
-@_sap_m_SearchField_FormHeight: 2.25rem;
 @_sap_m_SearchField_ButtonSize: 2.25rem;
 @_sap_m_SearchField_ButtonFontSize: 1rem;
 @_sap_m_SearchField_CompactButtonLineHeight: 1.625rem;
@@ -58,7 +57,6 @@
 }
 
 .sapMSF:not(.sapMSFDisabled):hover .sapMSFF {
-	box-shadow: @sapUiContentInteractionShadow;
 	background-color: @sapUiFieldHoverBackground;
 }
 

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

@@ -57,12 +57,9 @@
 	height: @sapUiElementCompactHeight;
 }
 
-.sapMSlt > .sapMSltLabel {
-	line-height: calc(@sapUiElementHeight - 0.125rem);
-}
-
-.sapMSltArrow {
-	line-height: 2rem;
+.sapMSlt > .sapMSltArrow {
+	line-height: 2.25rem;
+    background-color: transparent !important;
 }
 
 .sapMSlt:not(.sapMSltState).sapMSltPressed > .sapMSltArrow::before {
@@ -130,7 +127,7 @@ div.sapMSltPicker .sapMSltPickerValueState {
 }
 
 .sapUiSizeCompact .sapMSlt > .sapMSltArrow {
-	line-height: 1.375rem;
+	line-height: 1.625rem;
 }
 
 .sapMSltMinWidth {
@@ -165,17 +162,13 @@ div.sapMSltPicker .sapMSltPickerValueState {
 }
 
 .sapMSltArrow {
-    width: 2rem;
-    height: 2rem;
-    margin-top: 2px;
-    margin-right: 2px;
+    width: 2.25rem;
+    height: 2.25rem;
 }
 
 .sapUiSizeCompact .sapMSltArrow {
     width: 2rem;
-    margin-top: 2px;
-    height: 1.375rem;
-    margin-right: 2px;
+    height: 1.625rem;
 }
 
 .sapMSltPressed >.sapMSltArrow,

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

@@ -18,6 +18,11 @@
 	}
 }
 
+.sapMSlider {
+	display: flex;
+	align-items: center;
+}
+
 .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
 	font-family: SAP-icons;
 	content: "\e29c";
@@ -38,7 +43,8 @@
 	}
 }
 
-.sapMSliderInner:not(.sapMSliderInnerDisabled):not(.sapMSliderPressed):hover>.sapMSliderHandle {
+.sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderProgress:hover ~ .sapMSliderHandle,
+.sapMSliderHandle:hover {
 	&:not(:focus) {
 		border-color: @sapUiSliderHoverHandleBorderColor;
 		background: @sapUiSliderHoverHandleBackground;

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

@@ -27,6 +27,10 @@
 	line-height: 1.5;
 }
 
+.sapMTextAreaMirror {
+	line-height: 1.5;
+}
+
 .sapMTextArea.sapMInputBaseReadonly .sapMInputBaseReadonlyWrapper {
 	border: @sapUiFieldBorderWidth dashed @sapUiFieldReadOnlyBorderColor;
 }

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

@@ -14,4 +14,22 @@
 	bottom: -1px;
 	left: -1px;
 	right: -1px;
+}
+
+.sapMTC .sapMTile,
+.sapMTC .sapMCustomTile {
+	&:focus {
+		outline: none;
+
+		&::before {
+			content: "";
+			position: absolute;
+			left: -0.1875rem;
+			right: -0.1875rem;
+			top: -0.1875rem;
+			bottom: -0.1875rem;
+			border: 0.125rem solid @sapUiContentFocusColor;
+			border-radius: 0.125rem;
+		}
+	}
 }

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

@@ -10,68 +10,75 @@
 @_sap_m_Token_TokenCompactSize: @sapMFontSmallSize  + @_sap_m_Token_TokenCompactPadding;
 
 .sapMToken {
-	overflow: visible;
 	padding-left: @_sap_m_Token_LeftPadding;
+	border-radius: 0.375rem;
+	color: @sapTextColor;
+	font-size: @sapFontSize;
 }
 
-.sapMTokenSelected:not(:focus),
+.sapMTokenSelected,
 .sapMToken.sapMTokenReadOnly.sapMTokenSelected {
 	background: @sapUiButtonSelectedBackground;
 	border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedBorderColor;
-	border-radius: @sapUiButtonBorderCornerRadius;
+	border-radius: 0.375rem;
+	font-family: @sapFontSemiboldDuplexFamily;
+}
+
+.sapMToken.sapMTokenSelected::before {
+	content: '';
+	position: absolute;
+	pointer-events: none;
+	z-index: 2;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	height: 2px;
+	background-color: @sapUiButtonSelectedBorderColor;
 }
 
 html.sap-desktop .sapMToken:not(.sapMTokenSelected):not(.sapMTokenReadOnly):not(:focus):hover {
-	background: @sapUiButtonTokenBackground;
-	border: 1px solid @sapUiButtonTokenBorderColor;
-	border-radius: @sapUiButtonBorderCornerRadius;
-	box-shadow: @sapUiContentInteractionShadow;
+	background: @sapUiButtonHoverBackground;
+	border: @sapUiButtonBorderWidth solid @sapUiButtonTokenBorderColor;
+	border-radius: 0.375rem;
 }
 
 html.sap-desktop .sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly):hover {
-	background: @sapUiButtonSelectedBackground;
+	background: @sapUiButtonSelectedHoverBackground;
 	border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedBorderColor;
-	border-radius: @sapUiButtonBorderCornerRadius;
 }
 
-html.sap-desktop .sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly):not(:focus):hover {
-	box-shadow: @sapUiContentInteractionShadow;
-}
+.sapMToken.sapMTokenReadOnly {
+	padding: 0.25rem 0.3125rem;
+	color: @sapUiContentLabelColor;
 
-.sapMToken.sapMTokenReadOnly,
-.sapMToken.sapMTokenReadOnly.sapMTokenSelected {
-	color: @sapUiContentLabelColor
+	.sapMTokenText {
+		line-height: 1rem;
+	}
 }
 
 html.sap-desktop .sapMToken:focus {
-	outline: none;
-}
-
-html.sap-desktop .sapMToken:focus::after {
-	content: '';
-	position: absolute;
-	pointer-events: none;
-	z-index: 2;
-	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiFieldActiveBorderColor;
-	border-radius: 0.625rem;
-	top: -0.25rem;
-	bottom: -0.25rem;
-	left: -0.25rem;
-	right: -0.25rem;
+	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiFieldActiveBorderColor;
+	border-radius: 0.5rem;
+	outline-offset: 0.0625rem;
 }
 
 html.sap-desktop .sapMToken:not(.sapMTokenSelected):not(.sapMTokenReadOnly):focus:hover {
 	border: @sapUiButtonBorderWidth solid @sapUiButtonTokenBorderColor;
 }
 
-html.sap-desktop .sapUiSizeCompact .sapMToken:focus::after,
-html.sap-desktop .sapUiSizeCondensed .sapMToken:focus::after {
-	top: -0.125rem;
-	bottom: -0.125rem;
-	left: -0.125rem;
-	right: -0.125rem;
+html.sap-desktop .sapUiSizeCompact .sapMToken:focus,
+html.sap-desktop .sapUiSizeCondensed .sapMToken:focus {
+	outline-offset: 0;
+}
+
+html.sap-desktop .sapUiSizeCondensed .sapMToken:focus {
+	outline-width: 1px;
 }
 
-html.sap-desktop .sapMToken.sapMTokenSelected:focus {
-	color: @sapUiButtonSelectedTextColor;
+.sapUiSizeCompact .sapMToken.sapMTokenReadOnly {
+	padding: 0.125rem 0.25rem;
+
+	.sapMTokenText {
+		line-height: 0.875rem;
+	}
 }

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

@@ -31,9 +31,16 @@ html.sap-desktop .sapMTokenizer:focus {
 		color: @sapUiContentLabelColor;
 }
 
+.sapMTokenizer.sapMTokenizerReadonly .sapMToken.sapMTokenReadOnly {
+	padding: 0.25rem 0.3125rem;
+}
+
 .sapUiSizeCompact {
 	.sapMTokenizer {
 		padding-left: 0.25rem;
+		&.sapMTokenizerReadonly .sapMToken.sapMTokenReadOnly {
+			padding: 0.125rem 0.25rem;
+		}
 		.sapMToken {
 			margin-right: 0.25rem;
 		}

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

@@ -25,7 +25,7 @@
 }
 
 .sapMWizard:not(.sapMWizardModePage) .sapMWizardLastActivatedStep {
-	min-height: calc(100% - 3rem);
+	min-height: ~"calc(100% - 3rem)";
 }
 
 html.sap-phone .sapMWizard .sapMWizardNextButtonVisible {

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

@@ -8,6 +8,7 @@
 @_sap_m_Avatar_Font_Size_M: 1.5rem;
 @_sap_m_Avatar_Font_Size_S: 1.125rem;
 @_sap_m_Avatar_Font_Size_XS: 1rem;
+@_sap_m_Avatar_Hover_Box_Shadow_Offset: 0px;
 
 .sapFAvatarImageContain,
 .sapFAvatarIcon,
@@ -27,9 +28,12 @@
 	font-size: inherit;
 }
 
+.sapFAvatar:not(.sapMAvatarPressed):not(.sapMAvatarDisabled):hover {
+	background-color: @sapActiveColor;
+}
+
 .sapFAvatarFocusable:focus {
-	outline: none;
-	box-shadow: 0px 0px 0px 0.125rem @sapUiContentFocusColor;
+	outline-width: 0.125rem;
 }
 
 .sapFAvatarColorTileIcon {

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

@@ -9,6 +9,10 @@
 	line-height: 2.7rem;
 }
 
+.sapMCb:focus {
+	outline: none;
+}
+
 .sapMCbBg {
 	height: 1.375rem;
 	width: 1.375rem;

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

@@ -0,0 +1,8 @@
+/* ========================================== */
+/* CSS for control sap.m/GroupHeaderListItem  */
+/* Horizon High Contrast Black theme  		  */
+/* ========================================== */
+
+.sapMListUl .sapMLIB.sapMGHLI {
+	font-weight: bold;
+}

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

@@ -170,6 +170,10 @@
 	}
 }
 
+.sapMITBTextOnly .sapMITBFilter .sapMITBText {
+	line-height: 0.75rem;
+}
+
 /* Head Container - compact */
 
 .sapUiSizeCompact.sapMITH {
@@ -229,6 +233,10 @@
 			margin-top: 0.125rem;
 		}
 	}
+
+	.sapMITBTextOnly .sapMITBFilter .sapMITBText {
+		line-height: 0.75rem;
+	}
 }
 
 .sapMITBContentArrow {

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

@@ -21,6 +21,29 @@
 .sapMLnk.sapMLnkSubtle {
 	color: @sapUiLinkSubtleColor;
 	text-decoration: underline;
+
+	&:not(.sapMLnkDsbl) {
+		&:active {
+			color: @sapUiLinkSubtleColor;
+		}
+	}
+}
+
+html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {
+	&:focus {
+		outline: 0.125rem dotted @sapUiContentFocusColor;
+
+		&:hover:not(:active) {
+			text-decoration: none;
+		}
+	}
+
+	&.sapMLnkSubtle {
+		&:hover:not(:active):not(:focus) {
+			color: @sapUiLinkSubtleColor;
+			text-decoration: none;
+		}
+	}
 }
 
 .sapMLnk:not(.sapMLnkDsbl) {
@@ -35,13 +58,4 @@
 
 .sapMListTblRow.sapMLIBSelected .sapMLnk:not(.sapMLnkDsbl) {
 	text-shadow: @sapUiContentTextShadow;
-}
-
-html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
-	outline: 0.125rem dotted @sapUiContentFocusColor;
-}
-
-html.sap-desktop .sapMLnk:hover:not(:active):not(.sapMLnkDsbl).sapMLnkSubtle,
-html.sap-desktop .sapMLnk:focus:hover:not(:active):not(.sapMLnkDsbl) {
-	text-decoration: none;
 }

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

@@ -18,7 +18,3 @@
 .sapMTableRowCustomFocus:focus > :not(.sapMListTblDummyCell:last-child)::before {
 	border-width: 2px;
 }
-
-.sapMListShowSeparatorsNone .sapMLIBShowSeparator:hover {
-	box-shadow: inset 0px -0.0625rem @sapUiListSelectionBorderColor;
-}

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

@@ -4,7 +4,7 @@
 /* ================================== */
 
 .sapMPanel {
-	min-height: 2.5rem;
+	min-height: 2.75rem;
 }
 
 .sapMPanelBGSolid {
@@ -54,10 +54,19 @@
 	width: 2.25rem;
 }
 
-.sapUiSizeCompact .sapMPanelWrappingDiv .sapUiIcon {
-	width: 2rem;
+.sapUiSizeCompact {
+	.sapMPanel {
+		min-height: 2.5rem;
+	}
+	.sapMPanelWrappingDiv .sapUiIcon {
+		width: 2rem;
+	}
 }
 
 .sapMPanelWrappingDiv .sapUiIcon {
 	color: @sapButton_Lite_TextColor;
+}
+
+.sapMPanelStickyHeadingDiv {
+	background-color: @sapUiGroupTitleBackground;
 }

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

@@ -161,4 +161,10 @@
 /* pointing left arrow */
 .sapMPopoverArrLeft:after {
 	margin: 0.125rem 0 0 0.3125rem;
+}
+
+.sapMPopoverResizeHandle {
+	top: -8px;
+	right: -3px;
+	color: @sapButton_Lite_TextColor;
 }

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

@@ -138,7 +138,7 @@
 .sapMRbWarn.sapMRbSel,
 .sapMRbWarn.sapMRbSel.sapMRbRo {
 	.sapMRbBInn {
-		fill: @sapUiFieldTextColor;
+		fill: @sapUiFieldWarningColor;
 		stroke: none;
 	}
 }

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

@@ -8,7 +8,6 @@
 // ==========================================================================
 
 @_sap_m_SearchField_Height: 2.75rem;
-@_sap_m_SearchField_FormHeight: 2.25rem;
 @_sap_m_SearchField_ButtonSize: 2.25rem;
 @_sap_m_SearchField_ButtonFontSize: 1rem;
 @_sap_m_SearchField_Compact_FormPaddingLeft: 0.5rem;
@@ -57,7 +56,6 @@
 }
 
 .sapMSF:not(.sapMSFDisabled):hover .sapMSFF {
-	box-shadow: @sapUiContentInteractionShadow;
 	background-color: @sapUiFieldHoverBackground;
 }
 

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

@@ -11,6 +11,26 @@
 	border-radius: 0.365rem;
 }
 
+/* arrow styles*/
+
+.sapMSlt > .sapMSltArrow {
+	line-height: 2.25rem;
+}
+
+.sapUiSizeCompact .sapMSlt > .sapMSltArrow {
+	line-height: 1.625rem;
+}
+
+.sapMSltArrow {
+    width: 2.25rem;
+    height: 2.25rem;
+}
+
+.sapUiSizeCompact .sapMSltArrow {
+    width: 2rem;
+    height: 1.625rem;
+}
+
 /* hover and focus */
 
 .sapMSlt.sapMSltIconOnly.sapMSltHoverable:hover:not(.sapMSltState) {