@openui5/themelib_sap_horizon 1.132.1 → 1.133.0

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

@@ -12,7 +12,7 @@
 	top: 0;
 	right: 0;
 	bottom: 0;
-	border: 0.125rem dotted @sapUiContentFocusColor;
+	border: 0.125rem dotted var(--sapContent_FocusColor);
 }
 
 .sapMST:focus:not([tabindex]) {
@@ -20,29 +20,29 @@
 }
 
 /* Bulleted indicator of multiple tiles*/
-.sapMSTBulleted .sapMSTIndicator{
-	border: solid 0.0625rem @sapTile_OverlayForegroundColor;
+.sapMSTBulleted .sapMSTIndicator {
+	border: solid 0.0625rem var(--sapTile_OverlayForegroundColor);
 	opacity: 0.6;
-	box-shadow : 0 0 0.125rem @sapContent_ShadowColor;
+	box-shadow: 0 0 0.125rem var(--sapContent_ShadowColor);
 	margin: 0 0.094rem;
 }
 
 .sapMSTBulleted .sapMSTIndicator.sapMSTActive {
-	background: @sapTile_OverlayForegroundColor;
-	box-shadow: 0 0 0.063rem @sapContent_ShadowColor;
+	background: var(--sapTile_OverlayForegroundColor);
+	box-shadow: 0 0 0.063rem var(--sapContent_ShadowColor);
 }
 
 .sapMST .sapMSTIconDisplayArea {
-	background-color: @sapButton_Background;
-	border: 0.0625rem solid @sapButton_BorderColor;
+	background-color: var(--sapButton_Background);
+	border: 0.0625rem solid var(--sapButton_BorderColor);
 }
 
-.sapMST .sapMSTIconNestedArea .sapUiIcon{
-	color: @sapButton_IconColor !important;
+.sapMST .sapMSTIconNestedArea .sapUiIcon {
+	color: var(--sapButton_IconColor) !important;
 }
 
 .sapMST .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
-	background-color: @sapButton_Active_Background;
+	background-color: var(--sapButton_Active_Background);
 }
 
 .sapMST .sapMGT {
@@ -51,7 +51,8 @@
 
 .sapMST:hover {
 	box-shadow: none;
-	.sapMSTFocusDiv{
+
+	.sapMSTFocusDiv {
 		outline: 0.1875rem solid;
 	}
 }
@@ -61,32 +62,38 @@
 }
 
 .sapMST.sapMSTIconPressed .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
-	border-color: @sapButton_Active_BorderColor;
-	background-color: @sapButton_Active_Background;
+	border-color: var(--sapButton_Active_BorderColor);
+	background-color: var(--sapButton_Active_Background);
 }
 
-.sapMST.sapMSTIconPressed{
-	.sapMSTIconNestedArea{
-		.sapUiIcon{
-			color: @sapButton_Active_TextColor !important;
+.sapMST.sapMSTIconPressed {
+
+	.sapMSTIconNestedArea {
+
+		.sapUiIcon {
+			color: var(--sapButton_Active_TextColor) !important;
 		}
 	}
 }
 
-.sapMSTWrapper>.sapMGT{
-	&:not(.sapMGTStateDisabled):hover, &:not(.sapMGTStateDisabled):active {
+.sapMSTWrapper > .sapMGT {
+
+	&:not(.sapMGTStateDisabled):hover,
+	&:not(.sapMGTStateDisabled):active {
 		border: none !important;
 	}
 }
 
 .sapMST .sapMSTIconNestedArea {
+
 	.sapUiIcon {
 		top: 0.1rem;
 		right: 0.04rem
 	}
 }
 
-.sapMST:not(.sapMSTPauseIcon) .sapMSTIconNestedArea{
+.sapMST:not(.sapMSTPauseIcon) .sapMSTIconNestedArea {
+
 	.sapUiIcon {
 		top: 0.05rem;
 		left: 0.1rem;

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

@@ -8,19 +8,19 @@
 @_sap_m_Slider_Progress_Border: 0.0625rem;
 
 .sapMSliderInner {
-	background: @sapUiSliderBackground;
-	border: @_sap_m_Slider_Progress_Border solid @sapUiSliderBorderColor;
+	background: var(--sapSlider_Background);
+	border: @_sap_m_Slider_Progress_Border solid var(--sapSlider_BorderColor);
 	box-sizing: border-box;
 }
 
 .sapMSliderProgress {
-	background: @sapUiSliderSelectedBackground;
-	border: @_sap_m_Slider_Progress_Border solid @sapUiSliderSelectedBorderColor;
+	background: var(--sapSlider_Selected_Background);
+	border: @_sap_m_Slider_Progress_Border solid var(--sapSlider_Selected_BorderColor);
 	box-sizing: content-box;
 	margin-top: -0.0625rem;
 	margin-left: -0.0625rem;
 
-	&:before {
+	&::before {
 		content: none;
 		transform: none;
 	}
@@ -28,24 +28,24 @@
 
 .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderProgress:hover ~ .sapMSliderHandle,
 .sapMSliderHandle:hover {
-	background: @sapUiSliderHoverHandleBackground;
-	border-color: @sapUiSliderHoverHandleBorderColor;
+	background: var(--sapSlider_Hover_HandleBackground);
+	border-color: var(--sapSlider_Hover_HandleBorderColor);
 }
 
 /* slider handle */
 .sapMSliderInner .sapMSliderHandle {
-	background: @sapUiSliderHandleBackground;
-	border: 1px solid @sapUiSliderHandleBorderColor;
+	background: var(--sapSlider_HandleBackground);
+	border: 1px solid var(--sapSlider_HandleBorderColor);
 	border-radius: 0.5rem;
 	width: 2rem;
 	height: 1.5rem;
 	margin-left: -1rem;
 	top: -0.625rem;
 
-	&:focus:before {
+	&:focus::before {
 		content: '';
 		position: absolute;
-		border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+		border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 		border-radius: 0.75rem;
 		pointer-events: none;
 		top: -0.3125rem;
@@ -55,9 +55,9 @@
 	}
 }
 
-.sapMSliderInner .sapMSliderHandle:not(:focus):not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
-	font-family: SAP-icons;
-	content: "\e29c";
+.sapMSliderInner .sapMSliderHandle:not(:focus):not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus)::after {
+	font-family: var(--sapContent_IconFontFamily);
+	content: '\e29c';
 	position: absolute;
 	top: 0.25rem;
 	right: 0.5rem;
@@ -65,19 +65,20 @@
 	vertical-align: middle;
 	font-size: 0.875rem;
 	line-height: 0.875rem;
-	color: @sapContent_Selected_ForegroundColor;
+	color: var(--sapContent_Selected_ForegroundColor);
 }
 
 .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle {
+
 	&:hover {
-		background: @sapUiSliderHoverHandleBackground;
-		border-color: @sapUiSliderHoverHandleBorderColor;
+		background: var(--sapSlider_Hover_HandleBackground);
+		border-color: var(--sapSlider_Hover_HandleBorderColor);
 	}
 }
 
 .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
-	background: @sapUiSliderActiveRangeHandleBackground;
-	border: @sapUiContentFocusWidth solid @sapUiContentFocusColor;
+	background: var(--sapSlider_Active_RangeHandleBackground);
+	border: var(--sapContent_FocusWidth) solid var(--sapContent_FocusColor);
 	outline: none;
 	top: -0.625rem;
 }
@@ -87,8 +88,8 @@
 	height: 1rem;
 	width: 2rem;
 	left: -1rem;
-	font-size: @sapMFontSmallSize;
-	color: @sapUiContentLabelColor;
+	font-size: var(--sapFontSmallSize);
+	color: var(--sapContent_LabelColor);
 }
 
 .sapMSliderTickmarks {
@@ -99,7 +100,7 @@
 }
 
 .sapMSliderTick {
-	border-color: @sapUiContentMeasureIndicatorColor;
+	border-color: var(--sapContent_MeasureIndicatorColor);
 	margin: 0;
 	height: .5rem;
 }
@@ -109,8 +110,8 @@
 
 	.sapMSliderRangeLabel {
 		width: 2rem;
-		font-size: @sapMFontSmallSize;
-		color: @sapUiContentLabelColor;
+		font-size: var(--sapFontSmallSize);
+		color: var(--sapContent_LabelColor);
 	}
 }
 
@@ -120,11 +121,11 @@
 }
 
 .sapMSliderInner::before {
-	content: "";
+	content: '';
 	position: absolute;
 	box-sizing: border-box;
-	border: 0.0625rem solid @sapUiContentSelectedMeasureIndicatorColor;
-	background-color: @sapUiSliderSelectedBackground;
+	border: 0.0625rem solid var(--sapContent_Selected_MeasureIndicatorColor);
+	background-color: var(--sapSlider_Selected_Background);
 	border-radius: 50%;
 	width: 0.5rem;
 	height: 0.5rem;
@@ -133,11 +134,11 @@
 }
 
 .sapMSlider::after {
-	content: "";
+	content: '';
 	position: absolute;
 	box-sizing: border-box;
-	border: 0.0625rem solid @sapUiContentMeasureIndicatorColor;
-	background-color: @sapUiContentMeasureIndicatorColor;
+	border: 0.0625rem solid var(--sapContent_MeasureIndicatorColor);
+	background-color: var(--sapContent_MeasureIndicatorColor);
 	border-radius: 50%;
 	width: 0.5rem;
 	height: 0.5rem;
@@ -148,8 +149,8 @@
 /* pressed */
 .sapMSliderPressed:not(.sapMSliderInnerDisabled) > .sapMSliderHandle,
 .sapMSlider .sapMSliderInner > .sapMSliderHandle.sapMSliderHandlePressed {
-	background-color: @sapUiButtonActiveBackground;
-	border-color: @sapUiButtonActiveBorderColor;
+	background-color: var(--sapButton_Active_Background);
+	border-color: var(--sapButton_Active_BorderColor);
 }
 
 .sapUiSizeCompact {
@@ -186,12 +187,12 @@
 		padding-top: 0.375rem;
 	}
 
-	.sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
+	.sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover > .sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus)::after {
 		top: 0.125rem;
 		right: 0.25rem;
 	}
 }
 
-.sapMSliderTick[data-ui5-active-tickmark="true"] {
-	border-left: 0.0625rem solid @sapSlider_Selected_BorderColor;
+.sapMSliderTick[data-ui5-active-tickmark='true'] {
+	border-left: 0.0625rem solid var(--sapSlider_Selected_BorderColor);
 }

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

@@ -3,40 +3,38 @@
 /* Horizon High Contrast White theme    */
 /* ==================================== */
 
-/* ------------------------------ */
 /* Slider Tooltip styles          */
-/* ------------------------------ */
 
 .sapMSliderTooltip {
-	background: @sapUiFieldBackground;
-	border-radius: @sapUiElementBorderCornerRadius;
-	border: 1px solid @sapUiFieldBorderColor;
+	background: var(--sapField_Background);
+	border-radius: var(--sapElement_BorderCornerRadius);
+	border: 1px solid var(--sapField_BorderColor);
 	box-shadow: none;
 	height: 1.375rem;
 	min-width: 2rem;
 	padding: 0.25rem;
-	font-size: @sapMFontSmallSize;
+	font-size: var(--sapFontSmallSize);
 }
 
 .sapMSliderTooltipInput {
-	background-color: @sapUiFieldBackground;
+	background-color: var(--sapField_Background);
 	font-size: @sapMFontMediumSize;
-	color: @sapUiFieldTextColor;
+	color: var(--sapField_TextColor);
 }
 
 .sapMSliderTooltipErrorState {
-	background: @sapUiFieldInvalidBackground;
-	border-color: @sapUiFieldInvalidColor
+	background: var(--sapField_InvalidBackground);
+	border-color: var(--sapField_InvalidColor);
 }
 
 .sapMSliderTooltipErrorState .sapMSliderTooltipInput {
-	background: @sapUiFieldInvalidBackground;
+	background: var(--sapField_InvalidBackground);
 }
 
 .sapMSliderTooltip.sapMSliderTooltipNonEditableWrapper {
 	border-radius: 0.25rem;
 	height: 0.875rem;
 	padding: 0.25rem;
-	font-size: @sapMFontSmallSize;
-	color: @sapUiContentLabelColor;
+	font-size: var(--sapFontSmallSize);
+	color: var(--sapContent_LabelColor);
 }

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

@@ -9,7 +9,7 @@
 	left: 0.125rem;
 	right: 0.125rem;
 	border: 0.125rem dotted @sapUiContentFocusColor;
-	border-radius: 0.35rem
+	border-radius: 0.375rem
 }
 
 .sapUiSizeCompact {

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

@@ -4,41 +4,44 @@
 /* ===================================== */
 
 /* 4px border for the branding bar */
-.sapMSplitContainerMaster:before {
-	content: "";
+.sapMSplitContainerMaster::before {
+	content: '';
 	position: absolute;
 	width: 0px;
 	right: 0px;
 	height: 0.25rem;
 	top: 0;
-	border-right: 1px solid @sapUiGroupContentBorderColor;
+	border-right: 1px solid var(--sapGroup_ContentBorderColor);
 	z-index: 6;
 }
 
 /* reset the separator and branding bar when master is shown in an overlay */
 .sapMSplitContainerShowHide.sapMSplitContainerPortrait,
 .sapMSplitContainerHideMode {
-	> .sapMSplitContainerMaster:after,
-	> .sapMSplitcontainerMaster:before {
+
+	> .sapMSplitContainerMaster::after,
+	> .sapMSplitcontainerMaster::before {
 		display: none;
 	}
 }
 
 .sapUiUfdShell,
 .sapMPopoverCont {
+
 	.sapMSplitContainerMaster:before {
 		display: none; /* do not show in a popover */
 	}
 }
 
 @media (min-height: @_sap_m_SplitContainer_MinHeightForHeader) {
+
 	/* Shell draws its own branding bar */
-	.sap-desktop .sapMShell .sapMSplitContainerMaster:before{
+	.sap-desktop .sapMShell .sapMSplitContainerMaster::before {
 		display: none;
 	}
 }
 
 /* HCB Additional Styles */
 .sapMSplitContainerDetail {
-	background-color: @sapUiBaseBG;
+	background-color: var(--sapBackgroundColor);
 }

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

@@ -7,8 +7,8 @@
 	padding-top: 0.75rem;
 }
 
-// This change and the usage of sapList_Background for the text color is just temporary.
-// Refer to DINC0336686 for more information
+/* This change and the usage of sapList_Background for the text color is just temporary. */
+/* Refer to DINC0336686 for more information */
 .sapMSLIInfo.sapMSLIInfoStateInverted {
 	color: var(--sapList_Background);
 }

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

@@ -18,7 +18,7 @@
 					.sapFDynamicPageTitleMainHeadingInner {
 						margin-top: 0.6875rem;
 
-						.sapMTitle:not(.sapUICompVarMngmtTitle) {
+						.sapMTitle:not(.sapUICompVarMngmtTitle):not(.sapMVarMngmtTitle) {
 							font-size: @sapUiObjectHeaderTitleSnappedFontSize;
 							font-family: @sapUiObjectHeaderTitleFontFamily;
 						}

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

@@ -3,12 +3,11 @@
 /* Horizon theme                           */
 /* ======================================= */
 
-@_sap_tnt_NavigationList_CollapsedWidth: 3.5rem;
+@_sap_tnt_NavigationList_CollapsedWidth: 4rem;
 @_sap_tnt_NavigationList_IconColor: @sapUiListTextColor;
-@_sap_tnt_NavigationList_IconFontSize: 1.125rem;
 @_sap_tnt_NavigationList_ExpandIconColor: @sapUiListTextColor;
 @_sap_tnt_NavigationList_GroupBorderStyleColor: none;
-@_sap_tnt_NavigationList_ItemHeight: 2.5rem;
+@_sap_tnt_NavigationList_ItemHeight: 2.75rem;
 @_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
 @_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
 @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
@@ -20,11 +19,14 @@
 @_sap_tnt_NavigationList_SelectedItemBorder: none;
 @_sap_tnt_NavigationList_Collapsed_SelectedItemBorder: 0.125rem solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
 @_sap_tnt_NavigationList_GroupIconWidth: 2rem;
+@_sap_tnt_NavigationList_GroupIconWidthExpanded: 1rem;
+@_sap_tnt_NavigationList_GroupIconMarginLeft: 1rem;
+@_sap_tnt_NavigationList_GroupIconMarginRight: 0.5rem;
 @_sap_tnt_NavigationList_GroupBottomMarginInPopup: 0.75rem;
 @_sap_tnt_NavigationList_GroupTextWeight: bold;
 @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
-@_sap_tnt_NavigationList_Padding: 0.5rem;
-@_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
+@_sap_tnt_NavigationList_Padding: 0.5rem 0.5rem 0 0.5rem;
+@_sap_tnt_NavigationList_PaddingFixed: 0 0.5rem 0.5rem 0.5rem;
 @_sap_tnt_NavigationList_ParentPopupPadding: 0.75rem;
 @_sap_tnt_NavigationList_ParentPopupBorderRadius: 0.75rem;
 @_sap_tnt_NavigationList_PopupItemPadding: 0 0.5rem;
@@ -33,9 +35,16 @@
 @_sap_tnt_NavigationList_PopupArrowBoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 48), 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
 @_sap_tnt_NavigationList_PopupTitleTextSize: 1.25rem;
 @_sap_tnt_NavigationList_PopupTitleLineHeight: 1.5rem;
-@_sap_tnt_NavigationList_SelectionIndicatorDisplay: block;
 @_sap_tnt_NavigationList_Collapsed_HoverOrFocusTextDisplay: block;
 @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemZIndex: 1;
 @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPosition: absolute;
-@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding: 0.5rem 0.5rem 0.5rem 0.25rem;
-@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: 0.5rem 0.5rem 0.5rem 0;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding: 0.5rem;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding;
+@_sap_tnt_NavigationList_CollapsedIconPaddingLeft: 0.25rem;
+@_sap_tnt_NavigationList_NavigationIndicator: "\E066";
+@_sap_tnt_NavigationList_ExpandIconWidth: 2.25rem;
+@_sap_tnt_NavigationList_ExpandIconMarginRight: 0.375rem;
+@_sap_tnt_NavigationList_ExpandIconMarginLeft: 0.5rem;
+@_sap_tnt_NavigationList_ExpandIconFontSize: 1rem;
+@_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: ~"0 100% / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), @sapUiListSelectionBackgroundColor;
+@_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundRTL: ~"100% 0 / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), @sapUiListSelectionBackgroundColor;

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

@@ -4,9 +4,8 @@
 /* ======================================= */
 
 @_sap_tnt_SideNavigation_Width: 16rem;
-@_sap_tnt_SideNavigation_CollapsedWidth: 3.5rem;
-@_sap_tnt_SideNavigation_NavigationSeparatorMargin: 0.5rem;
-@_sap_tnt_SideNavigation_NavigationSeparatorMarginCollapsed: 0.5rem;
+@_sap_tnt_SideNavigation_CollapsedWidth: 4rem;
+@_sap_tnt_SideNavigation_NavigationSeparatorMargin: 0.25rem 0.5rem 0.25rem 0.5rem;
 @_sap_tnt_SideNavigation_NavigationSeparatorBackgroundColor: @sapUiToolbarSeparatorColor;
 @_sap_tnt_SideNavigation_NavigationSeparatorRadius: 0.125rem;
 @_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;

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

@@ -3,12 +3,11 @@
 /* Evening Horizon theme                   */
 /* ======================================= */
 
-@_sap_tnt_NavigationList_CollapsedWidth: 3.5rem;
+@_sap_tnt_NavigationList_CollapsedWidth: 4rem;
 @_sap_tnt_NavigationList_IconColor: @sapUiListTextColor;
-@_sap_tnt_NavigationList_IconFontSize: 1.125rem;
 @_sap_tnt_NavigationList_ExpandIconColor: @sapUiListTextColor;
 @_sap_tnt_NavigationList_GroupBorderStyleColor: none;
-@_sap_tnt_NavigationList_ItemHeight: 2.5rem;
+@_sap_tnt_NavigationList_ItemHeight: 2.75rem;
 @_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
 @_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
 @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
@@ -20,11 +19,14 @@
 @_sap_tnt_NavigationList_SelectedItemBorder: none;
 @_sap_tnt_NavigationList_Collapsed_SelectedItemBorder: 0.125rem solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
 @_sap_tnt_NavigationList_GroupIconWidth: 2rem;
+@_sap_tnt_NavigationList_GroupIconWidthExpanded: 1rem;
+@_sap_tnt_NavigationList_GroupIconMarginLeft: 1rem;
+@_sap_tnt_NavigationList_GroupIconMarginRight: 0.5rem;
 @_sap_tnt_NavigationList_GroupBottomMarginInPopup: 0.75rem;
 @_sap_tnt_NavigationList_GroupTextWeight: bold;
 @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
-@_sap_tnt_NavigationList_Padding: 0.5rem;
-@_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
+@_sap_tnt_NavigationList_Padding: 0.5rem 0.5rem 0 0.5rem;
+@_sap_tnt_NavigationList_PaddingFixed: 0 0.5rem 0.5rem 0.5rem;
 @_sap_tnt_NavigationList_ParentPopupPadding: 0.75rem;
 @_sap_tnt_NavigationList_ParentPopupBorderRadius: 0.75rem;
 @_sap_tnt_NavigationList_PopupItemPadding: 0 0.5rem;
@@ -33,9 +35,16 @@
 @_sap_tnt_NavigationList_PopupArrowBoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 48), 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 64);
 @_sap_tnt_NavigationList_PopupTitleTextSize: 1.25rem;
 @_sap_tnt_NavigationList_PopupTitleLineHeight: 1.5rem;
-@_sap_tnt_NavigationList_SelectionIndicatorDisplay: block;
 @_sap_tnt_NavigationList_Collapsed_HoverOrFocusTextDisplay: block;
 @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemZIndex: 1;
 @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPosition: absolute;
-@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding: 0.5rem 0.5rem 0.5rem 0.25rem;
-@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: 0.5rem 0.5rem 0.5rem 0;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding: 0.5rem;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding;
+@_sap_tnt_NavigationList_CollapsedIconPaddingLeft: 0.25rem;
+@_sap_tnt_NavigationList_NavigationIndicator: "\E066";
+@_sap_tnt_NavigationList_ExpandIconWidth: 2.25rem;
+@_sap_tnt_NavigationList_ExpandIconMarginRight: 0.375rem;
+@_sap_tnt_NavigationList_ExpandIconMarginLeft: 0.5rem;
+@_sap_tnt_NavigationList_ExpandIconFontSize: 1rem;
+@_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: ~"0 100% / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), @sapUiListSelectionBackgroundColor;
+@_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundRTL: ~"100% 0 / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), @sapUiListSelectionBackgroundColor;

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

@@ -4,9 +4,8 @@
 /* ======================================= */
 
 @_sap_tnt_SideNavigation_Width: 16rem;
-@_sap_tnt_SideNavigation_CollapsedWidth: 3.5rem;
-@_sap_tnt_SideNavigation_NavigationSeparatorMargin: 0.5rem;
-@_sap_tnt_SideNavigation_NavigationSeparatorMarginCollapsed: 0.5rem;
+@_sap_tnt_SideNavigation_CollapsedWidth: 4rem;
+@_sap_tnt_SideNavigation_NavigationSeparatorMargin: 0.25rem 0.5rem 0.25rem 0.5rem;
 @_sap_tnt_SideNavigation_NavigationSeparatorBackgroundColor: @sapUiToolbarSeparatorColor;
 @_sap_tnt_SideNavigation_NavigationSeparatorRadius: 0.125rem;
 @_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;

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

@@ -3,10 +3,9 @@
 /* Horizon High Contrast Black theme       */
 /* ======================================= */
 
-@_sap_tnt_NavigationList_CollapsedWidth: 3.5rem;
-@_sap_tnt_NavigationList_IconFontSize: 1.125rem;
+@_sap_tnt_NavigationList_CollapsedWidth: 4rem;
 @_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentNonInteractiveIconColor;
-@_sap_tnt_NavigationList_ItemHeight: 2.5rem;
+@_sap_tnt_NavigationList_ItemHeight: 2.75rem;
 @_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
 @_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
 @_sap_tnt_NavigationList_ItemFocusBorderOffset: 0;
@@ -15,14 +14,18 @@
 @_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
 @_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
 @_sap_tnt_NavigationList_SelectedAndFocusedBorderStyleColor: none;
-@_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
+@_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: ~"0 100% / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), @sapUiListSelectionBackgroundColor;
+@_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundRTL: ~"100% 0 / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), @sapUiListSelectionBackgroundColor;
 @_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
 @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
 @_sap_tnt_NavigationList_GroupTextWeight: bold;
 @_sap_tnt_NavigationList_GroupIconWidth: 2rem;
+@_sap_tnt_NavigationList_GroupIconWidthExpanded: 1rem;
+@_sap_tnt_NavigationList_GroupIconMarginLeft: 1rem;
+@_sap_tnt_NavigationList_GroupIconMarginRight: 0.5rem;
 @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
-@_sap_tnt_NavigationList_Padding: 0.5rem;
-@_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
+@_sap_tnt_NavigationList_Padding: 0.5rem 0.5rem 0 0.5rem;
+@_sap_tnt_NavigationList_PaddingFixed: 0 0.5rem 0.5rem 0.5rem;
 @_sap_tnt_NavigationList_PopupItemPadding: 0 0.5rem;
 @_sap_tnt_NavigationList_PopupIconWidth: 0.5rem;
 @_sap_tnt_NavigationList_ParentPopupPadding: 0.75rem;
@@ -31,11 +34,16 @@
 @_sap_tnt_NavigationList_PopupArrowBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
 @_sap_tnt_NavigationList_PopupTitleTextSize: 1.25rem;
 @_sap_tnt_NavigationList_PopupTitleLineHeight: 1.5rem;
-@_sap_tnt_NavigationList_SelectionIndicatorDisplay: block;
 @_sap_tnt_NavigationList_PopupPadding: 0.5rem;
 @_sap_tnt_NavigationList_Collapsed_GroupBorderWidth: @_sap_tnt_NavigationList_GroupBorderWidth;
 @_sap_tnt_NavigationList_Collapsed_HoverOrFocusTextDisplay: block;
 @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemZIndex: 1;
 @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPosition: absolute;
-@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding: 0.5rem 0.5rem 0.5rem 0.25rem;
-@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: 0.5rem 0.5rem 0.5rem 0;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding: 0.5rem;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding;
+@_sap_tnt_NavigationList_CollapsedIconPaddingLeft: 0.25rem;
+@_sap_tnt_NavigationList_NavigationIndicator: "\E066";
+@_sap_tnt_NavigationList_ExpandIconWidth: 2.25rem;
+@_sap_tnt_NavigationList_ExpandIconMarginRight: 0.375rem;
+@_sap_tnt_NavigationList_ExpandIconMarginLeft: 0.5rem;
+@_sap_tnt_NavigationList_ExpandIconFontSize: 1rem;

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

@@ -4,7 +4,8 @@
 /* ======================================= */
 
 @_sap_tnt_SideNavigation_Width: 16rem;
-@_sap_tnt_SideNavigation_CollapsedWidth: 3.5rem;
+@_sap_tnt_SideNavigation_CollapsedWidth: 4rem;
+@_sap_tnt_SideNavigation_NavigationSeparatorMargin: 0.25rem 0.5rem 0.25rem 0.5rem;
 @_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
 @_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
 @_sap_tnt_SideNavigation_BoxShadow: var(--sapContent_Shadow0);