@openui5/themelib_sap_horizon 1.100.0 → 1.102.1

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

@@ -3,9 +3,6 @@
 /* Horizon High Contrast Black theme  */
 /* ================================== */
 
-@_sap_m_Link_TextShadowColor: none;
-@sapUiLinkSubtleColor: darken(@sapUiLink, 15);
-
 .sapMLnk {
 	text-decoration: underline;
 }
@@ -16,29 +13,42 @@
 	cursor: default;
 }
 
+.sapMLnkEmphasized {
+	font-family: @sapUiFontBoldFamily;
+}
+
+.sapMLIBActive .sapMLnk {
+	color: @sapUiListActiveTextColor;
+	text-decoration: underline;
+}
+
 .sapMLnk.sapMLnkSubtle {
-	color: @sapLinkColor;
+	color: @sapUiLinkSubtleColor;
+	text-decoration: underline;
 }
 
 .sapMLnkSubtle:focus {
 	color: @sapUiContentFocusColor;
 }
 
-html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
-	text-decoration: none;
-	outline: 0.125rem dotted @sapUiContentFocusColor;
+.sapMLnk:not(.sapMLnkDsbl) {
+	text-shadow: @sapUiContentTextShadow;
 }
 
 html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl) {
 	text-decoration: none;
 }
 
-.sapMLnk:hover.sapMLnkDsbl, .sapMLnk:focus.sapMLnkDsbl {
-	outline: none;
-}
-
 /* align Link in Form with Label */
 .sapUiFormEdit .sapMLnk {
 	margin-top: 0.875rem; /* don't use padding as this would stretch the focus outline */
 	margin-bottom: 0.625rem; /* for some reason browser adds 4px, display: block would lead to stretched focus outline*/
+}
+
+.sapMListTblRow.sapMLIBSelected .sapMLnk:not(.sapMLnkDsbl) {
+	text-shadow: @sapUiContentTextShadow;
+}
+
+html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
+	outline: 0.125rem dotted @sapUiContentFocusColor;
 }

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

@@ -37,4 +37,8 @@ html.sap-desktop .sapMGrowingList  .sapMCLI.sapMLIB.sapMLIB-CTX:focus{
 html.sap-desktop .sapMLIB-CTX:focus .sapMGrowingListTrigger {
 	border: 0.125rem dotted @sapUiContentFocusColor;
 	border-radius: 0;
+}
+
+.sapMGrowingListDummyColumn {
+	border-right: 1px solid @sapUiListTableFixedBorderColor;
 }

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

@@ -17,4 +17,8 @@
 
 .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/MessageBox.less

@@ -3,13 +3,6 @@
 /* Horizon High Contrast Black theme  */
 /* ================================== */
 
-// header shadow - different states
-@_sap_m_MessageBox_InformationShadow: inset 0 -0.125rem @sapUiInformationBorder;
-@_sap_m_MessageBox_WarningShadow: inset 0 -0.125rem @sapUiWarningBorder;
-@_sap_m_MessageBox_ErrorShadow: inset 0 -0.125rem @sapUiErrorBorder;
-@_sap_m_MessageBox_SuccessShadow: inset 0 -0.125rem @sapUiSuccessBorder;
-@_sap_m_MessageBox_QuestionShadow: @sapUiContentHeaderShadow;
-
 .sapMDialog.sapMMessageBoxInfo .sapMDialogIcon.sapUiIcon {
 	color: @sapUiInformativeElement;
 }

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

@@ -4,7 +4,7 @@
 /* =================================== */
 
 .sapMMsgStrip {
-	border-radius: @sapUiElementBorderCornerRadius;
+	border-radius: @sapUiPopoverBorderCornerRadius;
 	border-width: 0.125rem;
 }
 
@@ -16,12 +16,7 @@
 	top: -0.0625rem;
 }
 
-.sapMMsgStripInformation {
-	background-color: @sapInformationBackground;
-	border-color: @sapInformationBorderColor;
-	color: @sapUiBaseText;
-
-	& .sapMMsgStripIcon {
-		color: @sapInformativeElementColor;
-	}
-}
+.sapMMsgStripMessage>.sapMLnk {
+	padding-right: 0.25rem;
+	padding-left: 0.25rem;
+}

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

@@ -28,7 +28,7 @@
 	}
 
 	.sapMSLITitle {
-		color: @sapUiGroupTitleTextColor;
+		font-size: @sapMFontHeader6Size;
 	}
 
 	.sapMSLIDescription {
@@ -45,6 +45,10 @@
 
 	.sapMMsgViewTitleText {
 		margin: 0 0 1rem 2.5rem;
+		font-family: @sapUiFontHeaderFamily;
+		font-size: @sapUiFontHeader5Size;
+		font-weight: @sapUiFontHeaderWeight;
+		color: @sapUiGroupTitleTextColor;
 	}
 
 	.sapMMsgViewDescriptionLink {

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

@@ -3,4 +3,4 @@
 /* Horizon High Contrast Black theme            */
 /* ============================================ */
 
-@_sap_m_NotificationListGroup_Background: @sapUiListBackground;
+@_sap_m_NotificationListGroup_Background: @sapList_GroupHeaderBackground;

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

@@ -27,14 +27,9 @@
 	outline: 2px dotted @sapUiContentFocusColor;
 }
 
-.sapMObjectAttributeActive .sapMObjectAttributeText:focus {
-	text-decoration: none;
-}
-
 .sapMObjectAttributeActive .sapMObjectAttributeText:active,
 .sapMObjectAttributeActive .sapMObjectAttributeText:hover {
 	text-decoration: none;
-	color: @sapUiLinkHover;
 }
 
 /*=========================================== */
@@ -44,8 +39,8 @@
 .sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:active,
 .sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:hover,
 .sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:focus {
-	text-decoration: none;
-	color: @sapUiLinkHover;
+	text-decoration: underline;
+	color: @sapUiLinkHoverColor;
 }
 
 /*=========================================== */
@@ -53,9 +48,13 @@
 /*=========================================== */
 
 .sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:active,
-.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:hover {
+.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:hover,
+.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:focus {
+	text-decoration: underline;
+}
+
+.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:focus:hover {
 	text-decoration: none;
-	color: @sapUiLinkHover;
 }
 
 .sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText,

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

@@ -13,7 +13,7 @@
 
 .sapMOHC.sapMOHBgTranslucent,
 .sapMOHC.sapMOHBgSolid {
-	border: none;
+	border-bottom: 0.125rem solid @sapUiObjectHeaderBorderColor;
 	box-shadow: none;
 }
 
@@ -79,4 +79,30 @@ a.sapMOHTitle.sapMOHTitleActive:hover > h1 .sapMText {
 
 .sapMOHAttrRow .sapMObjStatus {
 	margin: 4px 1px;
+}
+
+.sapMOHTitle h6 .sapMText,
+.sapMOHTitle h5 .sapMText,
+.sapMOHTitle h4 .sapMText,
+.sapMOHTitle h3 .sapMText,
+.sapMOHTitle h2 .sapMText,
+.sapMOHTitle h1 .sapMText {
+	font-family: @sapUiObjectHeaderTitleFontFamily;
+	font-size: @sapUiObjectHeaderTitleFontSize;
+	color: @sapUiObjectHeaderTitleTextColor;
+}
+
+html.sap-phone {
+	.sapMOHTitle h6 .sapMText,
+	.sapMOHTitle h5 .sapMText,
+	.sapMOHTitle h4 .sapMText,
+	.sapMOHTitle h3 .sapMText,
+	.sapMOHTitle h2 .sapMText,
+	.sapMOHTitle h1 .sapMText {
+		font-size: @sapUiObjectHeaderTitleSnappedFontSize;
+	}
+}
+
+.sapMOHIntro .sapMText {
+	color: @sapUiObjectHeaderSubtitleTextColor;
 }

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

@@ -8,4 +8,17 @@
 .sapMLIBHoverable:hover .sapMObjectNumberText,
 .sapMLIBHoverable:hover .sapMObjectNumberUnit {
 	color: @sapUiListActiveTextColor;
+}
+
+.sapMText.sapMObjLTitle {
+	font-size: @sapMFontHeader5Size;
+	font-family: @sapUiFontSemiboldDuplexFamily;
+}
+
+.sapMObjLNumberDiv .sapMObjectNumber .sapMObjectNumberText {
+	font-size: 1.25rem;
+}
+
+.sapMObjLItem.sapMLIBActive .sapMObjLIcon {
+	color: @sapUiContentIconColor;
 }

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

@@ -3,7 +3,7 @@
 /* Horizon High Contrast Black theme   */
 /* =================================== */
 
-@sapUiInformativeElement: @sapUiInformationBG;
+@sapMONInformativeElement: @sapUiInformationBG;
 
 .sapMObjectNumberLarge .sapMObjectNumberText,
 .sapMObjectNumberLarge .sapMObjectNumberUnit {

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

@@ -12,4 +12,23 @@ html.sap-phone {
 			border-radius: 0.25rem 0.25rem 0 0;
 		}
 	}
+}
+
+.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll {
+	max-width: 20rem;
+  }
+
+.sapUiSizeCompact .sapMTBSeparator.sapMTBSeparatorOverflowToolbar,
+.sapMTBSeparator.sapMTBSeparatorOverflowToolbar {
+	margin: 0.375rem 0.1875rem;
+	width: 100%;
+	background: @sapUiToolbarSeparatorColor;
+}
+
+.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll {
+	padding: 0.25rem 0.5rem;
+}
+
+.sapUiSizeCompact .sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll {
+	padding: 0.1875rem 0.375rem;
 }

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

@@ -48,7 +48,7 @@
 }
 
 .sapMPageBgList {
-	background-color: @sapUiBaseBG;
+	background-color: @sapUiGroupContentBackground;
 }
 
 /* The following overrides for sap_belize/sap_belize_plus are only intended for apps inside FLP (Ushell) */

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

@@ -8,17 +8,15 @@
 }
 
 .sapMPanelBGSolid {
-	background-color: @sapUiBaseBG;
+	background-color: @sapUiGroupContentBackground;
 }
 
 .sapMPanelBGTranslucent {
-	/* In order to avoid over-styling, we need to change the default behavior to transparent for belize.
-	We cannot change it via the design property, because this change will be backward incompatible.*/
-	background-color: @sapUiBaseBG;
+	background-color: @sapUiGroupContentBackground;
 }
 
 .sapMPanelBGTransparent {
-	background-color: @sapUiBaseBG;
+	background-color: transparent;
 }
 
 /* if Panel is not expandable, we do wish header to come with own border */
@@ -30,6 +28,15 @@
 	border-bottom: 0.0625rem solid @sapUiGroupTitleBorderColor;
 }
 
+.sapMPanelWrappingDiv.sapMPanelWrappingDivExpanded,
+.sapMPanelWrappingDivTb.sapMPanelWrappingDivTbExpanded {
+	border-bottom: 0.0625rem solid @sapUiGroupTitleBorderColor;
+}
+
+.sapMPanelWrappingDivTb .sapMTB.sapMTBStandard {
+	border: none;
+}
+
 .sapMPanelContent:not(.sapMPanelBGTransparent) {
 	border-bottom: 0.0625rem solid @sapUiGroupTitleBorderColor;
 }
@@ -37,10 +44,6 @@
 .sapMPanel .sapMPanelHdr {
 	line-height: 2.75rem;
 	height: 2.75rem;
-	font-family: @sapUiFontHeaderFamily;
-	font-size: @sapMFontHeader4Size;
-	font-weight: @sapUiFontHeaderWeight;
-	color: @sapUiGroupTitleTextColor;
 }
 
 .sapMPanelWrappingDiv .sapUiIcon {
@@ -49,4 +52,8 @@
 
 .sapUiSizeCompact .sapMPanelWrappingDiv .sapUiIcon {
 	width: 2rem;
+}
+
+.sapMPanelWrappingDiv .sapUiIcon {
+	color: @sapButton_Lite_TextColor;
 }

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

@@ -75,4 +75,8 @@ html.sap-desktop .sapMPlanCal .sapUiCalItemOtherMonth:not(.sapUiCalItemSel):hove
 
 .sapMPlanCal:not(.sapMPlanCalNoHead) > .sapMList > table > tbody > tr > td > .sapUiCalendarRow:not(.sapMPlanCalRowLarge) > .sapUiCalendarRowApps {
 	min-height: 5rem;
+}
+
+.sapMPlanCal .sapUiCalendarRowAppsIntHead {
+	border-radius: 0.25rem;
 }

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

@@ -4,11 +4,26 @@
 /* ================================== */
 
 .sapMPopoverArr:after {
-	border-style: solid;
-	border-width: 2px;
+	background: @sapUiGroupContentBackground;
+	box-shadow: @sapUiContentShadow2;
 }
 
-.sapMPopoverWithBar > .sapMPopoverArr.sapMPopoverArrUp:after {
+.sapMPopoverWithBar > .sapMPopoverArr {
+	&.sapMPopoverArrUp:after,
+	&.sapMPopoverHeaderAlignArr:after {
+		background-color: @sapUiPageHeaderBackground;
+	}
+}
+
+.sapMPopoverWithFooter > .sapMPopoverArr.sapMPopoverFooterAlignArr:after {
+	background-color: @sapUiPageFooterBackground;
+}
+
+.sapMPopover .sapMIBar.sapMHeader-CTX {
+	background-color: @sapUiPageHeaderBackground;
+}
+
+.sapMPopover .sapMIBar.sapMSubHeader-CTX {
 	background-color: @sapUiPageHeaderBackground;
 }
 
@@ -106,4 +121,40 @@
 
 .sapMPopoverWithSubHeader .sapMPopoverHeader .sapMIBar-CTX {
 	box-shadow: none;
+}
+
+.sapMPopover {
+	border-radius: @sapUiPopoverBorderCornerRadius;
+
+	&.sapMPopoverWithoutBar .sapMPopoverCont,
+	.sapMIBar.sapMHeader-CTX {
+		border-top-right-radius: @sapUiPopoverBorderCornerRadius;
+		border-top-left-radius: @sapUiPopoverBorderCornerRadius;
+	}
+
+	&.sapMPopoverWithoutFooter .sapMPopoverCont,
+	.sapMIBar.sapMFooter-CTX {
+		border-bottom-right-radius: @sapUiPopoverBorderCornerRadius;
+		border-bottom-left-radius: @sapUiPopoverBorderCornerRadius;
+	}
+}
+
+/* pointing downward arrow */
+.sapMPopoverArrDown:after {
+	margin: -0.5rem 0 0 0.125rem;
+}
+
+/* pointing right arrow */
+.sapMPopoverArrRight:after {
+	margin: 0.1875rem 0 0 -0.5rem;
+}
+
+/* pointing upward arrow */
+.sapMPopoverArrUp:after {
+	margin: 0.3125rem 0 0 0.1875rem;
+}
+
+/* pointing left arrow */
+.sapMPopoverArrLeft:after {
+	margin: 0.125rem 0 0 0.3125rem;
 }