@openui5/themelib_sap_horizon 1.132.1 → 1.134.0

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

@@ -15,7 +15,9 @@
 @_sapMTextAreaValueStateErrorWarningPadding_Compact: 0.0625rem 0.375rem 0;
 
 .sapMFocus.sapMTextArea {
+
 	& .sapMInputBaseContentWrapper {
+
 		.sapMInputBaseInner {
 			outline-offset: -3px;
 		}
@@ -31,23 +33,24 @@
 }
 
 html.sap-desktop:not(.sapUiNativeScrollbars) .sapMTextArea {
+
 	.sapMInputBaseContentWrapperWarning ::-webkit-scrollbar {
-		background: @sapUiFieldWarningBackgroundStyle;
-		background-color: @sapUiScrollBarTrackColor;
+		background: var(--sapField_WarningBackgroundStyle);
+		background-color: var(--sapScrollBar_TrackColor);
 	}
 
 	.sapMInputBaseContentWrapperError ::-webkit-scrollbar {
-		background: @sapUiFieldInvalidBackgroundStyle;
-		background-color: @sapUiScrollBarTrackColor;
+		background: var(--sapField_InvalidBackgroundStyle);
+		background-color: var(--sapScrollBar_TrackColor);
 	}
 
 	.sapMInputBaseContentWrapperInformation ::-webkit-scrollbar {
-		background: @sapUiFieldInformationBackgroundStyle;
-		background-color: @sapUiScrollBarTrackColor;
+		background: var(--sapField_InformationBackgroundStyle);
+		background-color: var(--sapScrollBar_TrackColor);
 	}
 
 	.sapMInputBaseContentWrapperSuccess ::-webkit-scrollbar {
-		background: @sapUiFieldSuccessBackgroundStyle;
-		background-color: @sapUiScrollBarTrackColor;
+		background: var(--sapField_SuccessBackgroundStyle);
+		background-color: var(--sapScrollBar_TrackColor);
 	}
 }

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

@@ -5,12 +5,11 @@
 
 .sapMTile,
 .sapMCustomTile {
-	border: 1px solid @sapUiTileBorderColor;
+	border: 1px solid var(--sapTile_BorderColor);
 	border-radius: 0.25rem;
 	box-shadow: none;
-    -webkit-transition-property: none;
 	transition-property: none;
-	background-color: @sapUiTileBackground;
+	background-color: var(--sapTile_Background);
 }
 
 .sapMTile:focus,
@@ -22,8 +21,8 @@
 .sapMTile:focus::before,
 .sapMTile:hover::before,
 .sapMCustomTile:focus .sapMTile::before,
-.sapMCustomTile:hover .sapMTile::before{
-	content: "";
+.sapMCustomTile:hover .sapMTile::before {
+	content: '';
 	position: absolute;
 	top: -1px;
 	right: -1px;
@@ -34,7 +33,7 @@
 
 .sapMTile:focus::before,
 .sapMCustomTile:focus .sapMTile::before {
-	outline: 0.125rem dotted @sapUiContentFocusColor;
+	outline: 0.125rem dotted var(--sapContent_FocusColor);
 	outline-offset: -0.25rem;
 }
 
@@ -45,7 +44,7 @@
 
 .sapMTile:hover::before,
 .sapMCustomTile:hover .sapMTile::before {
-	border: 0.188rem solid @sapUiTileBorderColor;
+	border: 0.188rem solid var(--sapTile_BorderColor);
 }
 
 .sapMTile:hover,
@@ -56,13 +55,14 @@
 }
 
 .sapMTile.sapMTileActive {
-	background-color: @sapUiTileBackground;
+	background-color: var(--sapTile_Background);
 }
 
 .sapMTile .sapUiLocalBusyIndicator {
-	background-color: @sapUiTileBackground;
+	background-color: var(--sapTile_Background);
 	border-radius: 0.25rem;
 	margin: 0.125rem;
+
 	.sapUiLocalBusyIndicatorAnimation {
 		border: none;
 		box-shadow: none;

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

@@ -3,16 +3,16 @@
 /* Horizon High Contrast White theme    */
 /* ==================================== */
 
-.sapMTC .sapMTCPager SPAN {
-	border: 1px solid @sapUiContentForegroundBorderColor;
+.sapMTC .sapMTCPager span {
+	border: 1px solid var(--sapContent_ForegroundBorderColor);
 }
 
-.sapMTC .sapMTCPager SPAN.sapMTCActive {
-	border: 1px solid @sapUiContentForegroundBorderColor;
+.sapMTC .sapMTCPager span.sapMTCActive {
+	border: 1px solid var(--sapContent_ForegroundBorderColor);
 }
 
 .sapMTC .sapMTCScroller:focus::before {
-	border: 0.125rem dotted @sapUiContentFocusColor;
+	border: 0.125rem dotted var(--sapContent_FocusColor);
 	position: absolute;
 	top: -1px;
 	bottom: -1px;

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/m/themes/sap_horizon_hcw/ToggleButton.less

@@ -17,9 +17,9 @@ html.sap-desktop .sapMBtnDisabled .sapMTB-Transparent-CTX .sapMBtnInner.sapMTogg
 }
 
 .sapMBtn .sapMBtnEmphasized.sapMToggleBtnPressed {
-	background-color: @sapUiButtonSelectedBackground;
-	color: @sapUiButtonSelectedTextColor;
-	border-color: @sapUiButtonSelectedBorderColor;
+	background-color: var(--sapButton_Selected_Background);
+	color: var(--sapButton_Selected_TextColor);
+	border-color: var(--sapButton_Selected_BorderColor);
 }
 
 /* Icon in disabled toggled button */
@@ -35,10 +35,10 @@ html.sap-desktop .sapMTB-Transparent-CTX .sapMToggleBtnPressed.sapMBtnTransparen
 
 .sapMBtnDisabled .sapMToggleBtnPressed.sapMBtnInner .sapMBtnIcon,
 .sapMBtnDisabled .sapMToggleBtnPressed.sapMBtnInner.sapMBtnTransparent .sapMBtnIcon,
-html.sap-desktop.sapMToggleBtnPressed.sapMBtnTransparent.sapMBtnDisabled > .sapMBtnIcon{
+html.sap-desktop.sapMToggleBtnPressed.sapMBtnTransparent.sapMBtnDisabled > .sapMBtnIcon {
 	color: @sapUiHcReducedAltForeground;
 }
 
 .sapUiSizeCompact .sapMBar-CTX .sapMBtnDefault.sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnDisabled) {
-	border-color: @sapUiButtonSelectedBorderColor;
+	border-color: var(--sapButton_Selected_BorderColor);
 }

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

@@ -4,35 +4,39 @@
 /* ========================================= */
 
 @_sap_m_ViewSettingsDialog_HeaderBorderColor: darken(@sapUiGroupContentBackground, 8);
-.sapMVSD .sapMPageHeader{
+
+.sapMVSD .sapMPageHeader {
 	z-index: 2;
+
 	.sapMBarTitleStart .sapMBarPH {
 		padding-left: 0rem;
 	}
 }
 
 .sapMTB.sapMVSDFilterHeaderToolbar {
-	background-color:  @sapUiGroupContentBackground;
+	background-color: var(--sapGroup_ContentBackground);
 	border-bottom: 1px solid @_sap_m_ViewSettingsDialog_HeaderBorderColor;
 	padding-left: 0;
+
 	.sapMBarChild.sapMCb {
+
 		.sapMCbLabel {
-			font-family: @sapUiFontFamily;
-			color: @sapUiGroupTitleTextColor;
+			font-family: var(--sapFontFamily);
+			color: var(--sapGroup_TitleTextColor);
 		}
 	}
 }
 
 .sapMVSD.sapMDialog.sapMPopup-CTX .sapMIBar.sapMHeader-CTX,
 .sapMVSD.sapMDialog.sapMPopup-CTX .sapMIBar.sapMSubHeader-CTX {
-	background-color: @sapUiGroupContentBackground;
+	background-color: var(--sapGroup_ContentBackground);
 }
 
 .sapMVSD .sapMVSDBar {
 	box-shadow: @sapUiShadowHeader;
 }
 
-.sapMVSDBarWithSearch.sapMBar ,
+.sapMVSDBarWithSearch.sapMBar,
 .sapMVSD.sapMDialog.sapMPopup-CTX .sapMIBar.sapMHeader-CTX .sapMVSDBarWithSearch,
 .sapMVSD.sapMDialog.sapMPopup-CTX .sapMIBar.sapMSubHeader-CTX .sapMVSDBarWithSearch {
 	box-shadow: none;

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

@@ -4,18 +4,25 @@
 /* ================================== */
 
 .sapMWS {
+
 	.sapMWSInner {
+
 		.sapMWSItem {
+
 			&:focus {
-				outline: 0.125rem dotted @sapUiContentContrastFocusColor;
+				outline: 0.125rem dotted var(--sapContent_ContrastFocusColor);
 			}
 		}
 	}
+
 	&.sapMWSExpanded {
+
 		.sapMWSInner {
+
 			.sapMWSItem {
+
 				&:focus {
-					outline: 0.125rem dotted @sapUiContentFocusColor;
+					outline: 0.125rem dotted var(--sapContent_FocusColor);
 				}
 			}
 		}
@@ -23,27 +30,37 @@
 }
 
 .sapUiSizeCompact {
+
 	.sapMWS:not(.sapMWSShort) {
+
 		.sapMWSInner {
-			box-shadow: 0 0 0 1px @sapUiListBorderColor;
+			box-shadow: 0 0 0 1px var(--sapList_BorderColor);
 		}
 	}
 }
 
 .sap-phone {
+
 	.sapMWS {
+
 		.sapMWSInner {
+
 			.sapMWSItem {
+
 				&:focus {
-					outline: 0.125rem dotted @sapUiContentContrastFocusColor;
+					outline: 0.125rem dotted var(--sapContent_ContrastFocusColor);
 				}
 			}
 		}
+
 		&.sapMWSExpanded {
+
 			.sapMWSInner {
+
 				.sapMWSItem {
+
 					&:focus {
-						outline: 0.125rem dotted @sapUiContentFocusColor;
+						outline: 0.125rem dotted var(--sapContent_FocusColor);
 					}
 				}
 			}

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,15 @@
 @_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_GroupPadding: 0;
 @_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 +36,22 @@
 @_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 0 0 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.25rem;
+@_sap_tnt_NavigationList_ExpandIconPaddingLeft: 0.25rem;
+@_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_SelectedItemBackgroundHover: @sapUiListSelectionHoverBackground;
+@_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundRTL: ~"100% 0 / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), @sapUiListSelectionBackgroundColor;
+@_sap_tnt_NavigationList_ActionItemBorderHover: @_sap_tnt_NavigationList_ActionItemBorder;
+@_sap_tnt_NavigationList_ActionItemBorderPosition: -1px;
+@_sap_tnt_NavigationList_ActionItemBorderHeight: auto;
+@_sap_tnt_NavigationList_ActionItemBorderPaddingLeft: calc(@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding ~"-" 0.0625rem);

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,15 @@
 @_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_GroupPadding: 0;
 @_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 +36,22 @@
 @_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 0 0 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.25rem;
+@_sap_tnt_NavigationList_ExpandIconPaddingLeft: 0.25rem;
+@_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_SelectedItemBackgroundHover: @sapUiListSelectionHoverBackground;
+@_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundRTL: ~"100% 0 / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), @sapUiListSelectionBackgroundColor;
+@_sap_tnt_NavigationList_ActionItemBorderHover: @_sap_tnt_NavigationList_ActionItemBorder;
+@_sap_tnt_NavigationList_ActionItemBorderPosition: -1px;
+@_sap_tnt_NavigationList_ActionItemBorderHeight: auto;
+@_sap_tnt_NavigationList_ActionItemBorderPaddingLeft: calc(@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding ~"-" 0.0625rem);

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,20 @@
 @_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_SelectedItemBackgroundHover: @sapUiListSelectionHoverBackground;
+@_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_GroupPadding: 0;
 @_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 +36,21 @@
 @_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 0 0 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.25rem;
+@_sap_tnt_NavigationList_ExpandIconPaddingLeft: 0.25rem;
+@_sap_tnt_NavigationList_ExpandIconFontSize: 1rem;
+@_sap_tnt_NavigationList_ActionItemBorderHover: 1px solid transparent;
+@_sap_tnt_NavigationList_ActionItemBorderPosition: -1px;
+@_sap_tnt_NavigationList_ActionItemBorderHeight: auto;
+@_sap_tnt_NavigationList_ActionItemBorderPaddingLeft: calc(@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding ~"-" 0.0625rem);

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);

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

@@ -3,10 +3,9 @@
 /* Horizon High Contrast White 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,20 @@
 @_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_SelectedItemBackgroundHover: @sapUiListSelectionHoverBackground;
+@_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_GroupPadding: 0;
 @_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 +36,21 @@
 @_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.25rem;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding: 0 0 0 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.25rem;
+@_sap_tnt_NavigationList_ExpandIconPaddingLeft: 0.25rem;
+@_sap_tnt_NavigationList_ExpandIconFontSize: 1rem;
+@_sap_tnt_NavigationList_ActionItemBorderHover: 1px solid transparent;
+@_sap_tnt_NavigationList_ActionItemBorderPosition: -1px;
+@_sap_tnt_NavigationList_ActionItemBorderHeight: auto;
+@_sap_tnt_NavigationList_ActionItemBorderPaddingLeft: calc(@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding ~"-" 0.0625rem);

package/src/sap/tnt/themes/sap_horizon_hcw/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);

package/src/sap/ui/core/themes/sap_horizon/.theme

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.132.1</version>
+	<version>1.134.0</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-2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.132.1</version>
+	<version>1.134.0</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-2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.132.1</version>
+	<version>1.134.0</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-2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.132.1</version>
+	<version>1.134.0</version>
 
 	<documentation>SAPUI5 horizon high contrast white theme library.</documentation>
 

package/src/sap/ui/integration/themes/sap_horizon/ListContent.less

@@ -3,7 +3,7 @@
 /* Horizon theme                                        */
 /* ==================================================== */
 
-.sapUiIntCard:not(".sapUiIntCardDialogCard") {
+.sapUiIntCard:not(.sapUiIntCardDialogCard) {
 	&.sapFCardNoHeader,
 	&.sapFCardBottomHeader {
 		& > .sapFCardContent > .sapFCardListContent .sapMLIBFocusable:first-child:focus { // first item in the list

package/src/sap/ui/integration/themes/sap_horizon/TableContent.less

@@ -3,7 +3,7 @@
 /* Horizon theme                                         */
 /* ===================================================== */
 
-.sapUiIntCard:not(".sapUiIntCardDialogCard") {
+.sapUiIntCard:not(.sapUiIntCardDialogCard) {
 	&.sapFCardNoHeader,
 	&.sapFCardBottomHeader {
 		& > .sapFCardContent > .sapFCardTableContent .sapMListTblHeader.sapMLIBFocusable:focus { // header of the table