@openui5/themelib_sap_horizon 1.113.0 → 1.115.0

package/src/sap/m/themes/sap_horizon_dark/library.source.less

@@ -45,6 +45,7 @@
 @import "ListBase.less";
 @import "ListItemBase.less";
 @import "MenuButton.less";
+@import "MenuListItem.less";
 @import "MessageBox.less";
 @import "MessageStrip.less";
 @import "MessageView.less";
@@ -102,6 +103,7 @@
 @import "Token.less";
 @import "Tokenizer.less";
 @import "Toolbar.less";
+@import "Title.less";
 @import "UploadCollection.less";
 @import "ValueStateHeader.less";
 @import "ValueStateMessage.less";

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

@@ -33,7 +33,7 @@
 	}
 }
 
-.sapMCbBgDis .sapMCbBg {
+.sapMCbBgDis {
 	opacity: @sapUiContentDisabledOpacity;
 }
 
@@ -43,16 +43,19 @@
 }
 
 .sapMCbRo > .sapMCbBg.sapMCbMarkChecked:before {
-	color: @sapUiContentNonInteractiveIconColor;
+	color: @sapUiFieldTextColor;
 }
 
-.sapMCbHoverable:hover {
+.sapMCb:not(.sapMCbErr):not(.sapMCbWarn):not(.sapMCbInfo):not(.sapMCbSucc):hover .sapMCbHoverable {
 	border: @sapUiFieldBorderWidth @sapField_BorderStyle @sapUiFieldHoverBorderColor;
 	color: @sapUiContentSelectedForegroundColor;
-	box-shadow: @sapUiContentInteractionShadow;
 	background-color: @sapSelectedColor;
 }
 
+.sapMCb:hover .sapMCbHoverable {
+	background-color: @sapUiFieldHoverBackground;
+}
+
 // value state
 .sapMCbErr {
 	.sapMCbBg {
@@ -64,28 +67,18 @@
 			border-width: 0.1875rem;
 		}
 	}
-
-	.sapMCbHoverable:hover {
-		box-shadow: @sapUiContentNegativeShadow;
-		background-color: @sapUiFieldHoverBackground;
-	}
 }
 
 .sapMCbWarn {
 	.sapMCbBg {
 		background-color: @sapUiFieldWarningBackground;
 		border: @sapUiFieldWarningBorderWidth dashed @sapUiFieldWarningColor;
-		color: @sapUiFieldTextColor;
+		color: @sapUiFieldWarningColor;
 
 		&.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
 			border-width: 0.1875rem;
 		}
 	}
-
-	.sapMCbHoverable:hover {
-		box-shadow: @sapUiContentCriticalShadow;
-		background-color: @sapUiFieldHoverBackground;
-	}
 }
 
 .sapMCbInfo {
@@ -98,11 +91,6 @@
 			border-width: 0.25rem;
 		}
 	}
-
-	.sapMCbHoverable:hover {
-		box-shadow: @sapUiContentInformativeShadow;
-		background-color: @sapUiFieldHoverBackground;
-	}
 }
 
 .sapMCbSucc {
@@ -111,11 +99,6 @@
 		border: @sapUiFieldSuccessBorderWidth solid @sapUiFieldSuccessColor;
 		color: @sapUiFieldSuccessColor;
 	}
-
-	.sapMCbHoverable:hover {
-		box-shadow: @sapUiContentPositiveShadow;
-		background-color: @sapUiFieldHoverBackground;
-	}
 }
 
 .sapMCb.sapMCbDisplayOnly:not(.sapMCbBgDis) {

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

@@ -9,11 +9,11 @@
 
 @_sap_m_InputBase_InnerMinWidth: 2.75rem;
 @_sap_m_InputBase_InnerPadding: 0 0.625rem;
-@_sap_m_InputBase_Height: 2.25rem;
 @_sap_m_InputBase_DisabledOpacity: @sapUiContentDisabledOpacity;
 @_sap_m_InputBase_IconLineHeight: 2.125rem;
 @_sap_m_InputBase_IconWidth: 2.25rem;
 @_sap_m_InputBase_IconMinWidth: 2.25rem;
+@_sap_m_InputBase_FocusOffset_Busy: 3px;
 
 .sapMInputBaseContentWrapper:not(.sapMInputBaseContentWrapperError):not(.sapMInputBaseContentWrapperWarning):not(.sapMInputBaseContentWrapperInformation):not(.sapMInputBaseDisabledWrapper) {
 	border: @sapUiContentFocusWidth @sapUiFieldBorderStyle @sapUiFieldBorderColor;

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

@@ -3,10 +3,6 @@
 /* Horizon High Contrast Black theme  */
 /* ================================== */
 
-.sapMLnk {
-	text-decoration: underline;
-}
-
 .sapMLnkDsbl {
 	opacity: @sapUiContentDisabledOpacity;
 	outline: none;
@@ -27,18 +23,10 @@
 	text-decoration: underline;
 }
 
-.sapMLnkSubtle:focus {
-	color: @sapUiContentFocusColor;
-}
-
 .sapMLnk:not(.sapMLnkDsbl) {
 	text-shadow: @sapUiContentTextShadow;
 }
 
-html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl) {
-	text-decoration: none;
-}
-
 /* align Link in Form with Label */
 .sapUiFormEdit .sapMLnk {
 	margin-top: 0.875rem; /* don't use padding as this would stretch the focus outline */
@@ -51,4 +39,9 @@ html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl) {
 
 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/Panel.less

@@ -41,6 +41,10 @@
 	border-bottom: 0.0625rem solid @sapUiGroupTitleBorderColor;
 }
 
+.sapMPanelContent {
+	padding: 0.625rem 1rem;
+}
+
 .sapMPanel .sapMPanelHdr {
 	line-height: 2.75rem;
 	height: 2.75rem;

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

@@ -42,23 +42,4 @@
 /* table footer */
 .sapMListTblFooter > td {
 	border-top: 0.125rem solid @sapUiListTableFooterBorder;
-}
-
-/* overwrite text control styles */
-.sapMListTblCell {
-	.sapMLnk,
-	.sapMText,
-	.sapMLabel,
-	.sapMObjectNumber,
-	.sapMObjectIdentifier,
-	.sapMObjStatus {
-		line-height: 1.5rem;
-	}
-
-	.sapMRb {
-		.sapMLabel {
-			vertical-align: top;
-			line-height: 2rem;
-		}
-	}
 }

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

@@ -0,0 +1,12 @@
+/* =================================== */
+/* CSS for control sap.m/Title		   */
+/* Horizon High Contrast Black theme   */
+/* =================================== */
+
+.sapFFCL .sapFDynamicPage-Std-Desktop-XL .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
+.sapFFCL .sapFDynamicPage-Std-Desktop .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
+.sapFFCL .sapFDynamicPage-Std-Tablet .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
+.sapFFCL .sapFDynamicPage-Std-Phone .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle) {
+	font-size: @sapObjectHeader_Title_SnappedFontSize;
+	font-family: @sapFontBlackFamily;
+}

package/src/sap/m/themes/sap_horizon_hcb/library.source.less

@@ -110,6 +110,7 @@
 @import "Token.less";
 @import "Tokenizer.less";
 @import "Toolbar.less";
+@import "Title.less";
 @import "UploadCollection.less";
 @import "ValueStateHeader.less";
 @import "ValueStateMessage.less";

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

@@ -33,7 +33,7 @@
 	}
 }
 
-.sapMCbBgDis .sapMCbBg {
+.sapMCbBgDis {
 	opacity: @sapUiContentDisabledOpacity;
 }
 
@@ -43,16 +43,19 @@
 }
 
 .sapMCbRo > .sapMCbBg.sapMCbMarkChecked:before {
-	color: @sapUiContentNonInteractiveIconColor;
+	color: @sapUiFieldTextColor;
 }
 
-.sapMCbHoverable:hover {
+.sapMCb:not(.sapMCbErr):not(.sapMCbWarn):not(.sapMCbInfo):not(.sapMCbSucc):hover .sapMCbHoverable {
 	border: @sapUiFieldBorderWidth @sapField_BorderStyle @sapUiFieldHoverBorderColor;
 	color: @sapUiContentSelectedForegroundColor;
-	box-shadow: @sapUiContentInteractionShadow;
 	background-color: @sapSelectedColor;
 }
 
+.sapMCb:hover .sapMCbHoverable {
+	background-color: @sapUiFieldHoverBackground;
+}
+
 // value state
 .sapMCbErr {
 	.sapMCbBg {
@@ -64,28 +67,18 @@
 			border-width: 0.1875rem;
 		}
 	}
-
-	.sapMCbHoverable:hover {
-		box-shadow: @sapUiContentNegativeShadow;
-		background-color: @sapUiFieldHoverBackground;
-	}
 }
 
 .sapMCbWarn {
 	.sapMCbBg {
 		background-color: @sapUiFieldWarningBackground;
 		border: @sapUiFieldWarningBorderWidth dashed @sapUiFieldWarningColor;
-		color: @sapUiFieldTextColor;
+		color: @sapUiFieldWarningColor;
 
 		&.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
 			border-width: 0.1875rem;
 		}
 	}
-
-	.sapMCbHoverable:hover {
-		box-shadow: @sapUiContentCriticalShadow;
-		background-color: @sapUiFieldHoverBackground;
-	}
 }
 
 .sapMCbInfo {
@@ -98,11 +91,6 @@
 			border-width: 0.25rem;
 		}
 	}
-
-	.sapMCbHoverable:hover {
-		box-shadow: @sapUiContentInformativeShadow;
-		background-color: @sapUiFieldHoverBackground;
-	}
 }
 
 .sapMCbSucc {
@@ -111,11 +99,6 @@
 		border: @sapUiFieldSuccessBorderWidth solid @sapUiFieldSuccessColor;
 		color: @sapUiFieldSuccessColor;
 	}
-
-	.sapMCbHoverable:hover {
-		box-shadow: @sapUiContentPositiveShadow;
-		background-color: @sapUiFieldHoverBackground;
-	}
 }
 
 .sapMCb.sapMCbDisplayOnly:not(.sapMCbBgDis) {

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

@@ -9,11 +9,11 @@
 
 @_sap_m_InputBase_InnerMinWidth: 2.75rem;
 @_sap_m_InputBase_InnerPadding: 0 0.625rem;
-@_sap_m_InputBase_Height: 2.25rem;
 @_sap_m_InputBase_DisabledOpacity: @sapUiContentDisabledOpacity;
 @_sap_m_InputBase_IconLineHeight: 2.125rem;
 @_sap_m_InputBase_IconWidth: 2.25rem;
 @_sap_m_InputBase_IconMinWidth: 2.25rem;
+@_sap_m_InputBase_FocusOffset_Busy: 3px;
 
 .sapMInputBaseContentWrapper:not(.sapMInputBaseContentWrapperError):not(.sapMInputBaseContentWrapperWarning):not(.sapMInputBaseContentWrapperInformation):not(.sapMInputBaseDisabledWrapper) {
 	border: @sapUiContentFocusWidth @sapUiFieldBorderStyle @sapUiFieldBorderColor;

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

@@ -3,10 +3,6 @@
 /* Horizon High Contrast White theme  */
 /* ================================== */
 
-.sapMLnk {
-	text-decoration: underline;
-}
-
 .sapMLnkDsbl {
 	opacity: @sapUiContentDisabledOpacity;
 	outline: none;
@@ -27,18 +23,10 @@
 	text-decoration: underline;
 }
 
-.sapMLnkSubtle:focus {
-	color: @sapUiContentFocusColor;
-}
-
 .sapMLnk:not(.sapMLnkDsbl) {
 	text-shadow: @sapUiContentTextShadow;
 }
 
-html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl) {
-	text-decoration: none;
-}
-
 /* align Link in Form with Label */
 .sapUiFormEdit .sapMLnk {
 	margin-top: 0.875rem; /* don't use padding as this would stretch the focus outline */
@@ -51,4 +39,9 @@ html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl) {
 
 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_hcw/Panel.less

@@ -41,6 +41,10 @@
 	border-bottom: 0.0625rem solid @sapUiGroupTitleBorderColor;
 }
 
+.sapMPanelContent {
+	padding: 0.625rem 1rem;
+}
+
 .sapMPanel .sapMPanelHdr {
 	line-height: 2.75rem;
 	height: 2.75rem;

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

@@ -42,23 +42,4 @@
 /* table footer */
 .sapMListTblFooter > td {
 	border-top: 0.125rem solid @sapUiListTableFooterBorder;
-}
-
-/* overwrite text control styles */
-.sapMListTblCell {
-	.sapMLnk,
-	.sapMText,
-	.sapMLabel,
-	.sapMObjectNumber,
-	.sapMObjectIdentifier,
-	.sapMObjStatus {
-		line-height: 1.5rem;
-	}
-
-	.sapMRb {
-		.sapMLabel {
-			vertical-align: top;
-			line-height: 2rem;
-		}
-	}
 }

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

@@ -0,0 +1,12 @@
+/* ======================================== */
+/* CSS for control sap.m/Title				*/
+/* Horizon High Contrast White theme        */
+/* ======================================== */
+
+.sapFFCL .sapFDynamicPage-Std-Desktop-XL .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
+.sapFFCL .sapFDynamicPage-Std-Desktop .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
+.sapFFCL .sapFDynamicPage-Std-Tablet .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
+.sapFFCL .sapFDynamicPage-Std-Phone .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle) {
+	font-size: @sapObjectHeader_Title_SnappedFontSize;
+	font-family: @sapFontBlackFamily;
+}

package/src/sap/m/themes/sap_horizon_hcw/library.source.less

@@ -110,6 +110,7 @@
 @import "Token.less";
 @import "Tokenizer.less";
 @import "Toolbar.less";
+@import "Title.less";
 @import "UploadCollection.less";
 @import "ValueStateHeader.less";
 @import "ValueStateMessage.less";

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

@@ -4,8 +4,22 @@
 /* ======================================= */
 
 @_sap_tnt_NavigationList_CollapsedWidth: 3.5rem;
-@_sap_tnt_NavigationList_IconColor: @sapHighlightColor;
+@_sap_tnt_NavigationList_IconColor: @sapUiListTextColor;
 @_sap_tnt_NavigationList_IconFontSize: 1.125rem;
-@_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentNonInteractiveIconColor;
-@_sap_tnt_NavigationList_ItemHeight: 2.75rem;
-@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
+@_sap_tnt_NavigationList_ExpandIconColor: @sapUiListTextColor;
+@_sap_tnt_NavigationList_ItemHeight: 2.5rem;
+@_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
+@_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
+@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
+@_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
+@_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_GroupBorder: none;
+@_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_PopupPadding: 0.5rem;
+@_sap_tnt_NavigationList_SelectionIndicatorDisplay: inline-block;

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

@@ -3,7 +3,15 @@
 /* Horizon theme                           */
 /* ======================================= */
 
+@_sap_tnt_SideNavigation_Width: 16rem;
 @_sap_tnt_SideNavigation_CollapsedWidth: 3.5rem;
-@_sap_tnt_SideNavigation_NavigationSeparatorBackgroundColor: @sapAccentColor6;
+@_sap_tnt_SideNavigation_NavigationSeparatorMargin: 0.5rem;
+@_sap_tnt_SideNavigation_NavigationSeparatorMarginCollapsed: 0.5rem;
+@_sap_tnt_SideNavigation_NavigationSeparatorBackgroundColor: @sapUiToolbarSeparatorColor;
+@_sap_tnt_SideNavigation_NavigationSeparatorRadius: 0.125rem;
 @_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
 @_sap_tnt_SideNavigation_TriangleColor: @sapContent_NonInteractiveIconColor;
+@_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
+@_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
+@_sap_tnt_SideNavigation_BoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 16), 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
+@_sap_tnt_SideNavigation_SeparatorMargin: 0.3125rem 0.5rem 0.3125rem 0.5rem;