@openui5/themelib_sap_horizon 1.101.0 → 1.102.2

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

@@ -17,58 +17,12 @@
 @_sap_m_Carousel_PageIndicatorWidthSizeL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
 @_sap_m_Carousel_PageIndicatorWidthSizeXL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
 @_sap_m_Carousel_PageIndicatorContainerPadding: 0.5rem;
+@_sap_m_Carousel_ContentArrowBoxShadow: @sapContent_Shadow1;
 @_sap_m_Carousel_BulletInactiveBackground: none;
-@_sap_m_Carousel_BulletInactiveBorderColor: @sapUiContentForegroundBorderColor;
-@_sap_m_Carousel_BulletActiveBorder: @sapUiContentForegroundBorderColor;
+@_sap_m_Carousel_BulletInactiveBorderColor: @sapContent_ForegroundBorderColor;
+@_sap_m_Carousel_BulletActiveBackground: @sapContent_Selected_ForegroundColor;
+@_sap_m_Carousel_BulletActiveBorder: @sapContent_Selected_ForegroundColor;
 @_sap_m_Carousel_BulletInactiveWidth: 0.5rem;
 @_sap_m_Carousel_BulletInactiveMargin: 0 0.25rem;
-@_sap_m_Carousel_FocusBorderOffsetArrow: -0.25rem;
-
-.sapMCrsl {
-	background-color: @sapUiBaseBG;
-	border: 0.125rem solid transparent;
-}
-
-/* Carousel controls: HUD */
-.sapMCrslHud a {
-	opacity: 0.5;
-	box-shadow: @sapUiShadowLevel1;
-}
-.sapMCrsl:focus {
-    outline: none;
-}
-
-.sapMCrsl .sapMCrslHud,
-.sapMCrsl .sapMCrslHud {
-	border: 3px solid @sapUiButtonBorderColor;
-}
-
-.sapMCrsl .sapMCrslHud a:hover,
-.sapMCrsl .sapMCrslHud a:focus {
-	box-shadow: @sapUiShadowLevel1;
-	border: 1px solid @sapUiButtonBorderColor;
-	background: @sapUiButtonHoverBackground;
-	background-color: @sapUiButtonActiveBackground;
-}
-
-/* HCB Additional Styles */
-.sapMCrslHud .sapMCrslPrev,
-.sapMCrslHud .sapMCrslNext {
-	border: 2px solid @sapUiButtonBorderColor;
-}
-
-.sapMCrslControls .sapMCrslPrev,
-.sapMCrslControls .sapMCrslNext {
-	border: 2px solid @sapUiButtonBorderColor;
-}
-.sapMCrsl .sapMCrslHud a:active {
-	box-shadow: @sapUiShadowLevel1;
-	background-color: @sapUiButtonActiveBackground;
-}
-
-.sapMCrslPrev:focus,
-.sapMCrslNext:focus,
-.sapMCrslPrev .sapUiIcon:focus,
-.sapMCrslNext .sapUiIcon:focus {
-	outline: none;
-}
+@_sap_m_Carousel_FocusBorderOffsetArrow: -0.3125rem;
+@_sap_m_Carousel_ContrastFocusBorder: @sapUiContentFocusWidth solid @sapUiBaseBG;

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

@@ -23,7 +23,7 @@ html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
 		top: 0.125rem;
 		right: 0.125rem;
 		bottom: 0.125rem;
-		border: 0.0625rem solid @sapUiButtonLiteBackground;
+		border: 0.125rem solid @sapUiButtonLiteBackground;
 		pointer-events: none;
 	}
 	&:hover {
@@ -40,12 +40,13 @@ html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
 		top: 0.125rem;
 		right: 0.125rem;
 		bottom: 0.125rem;
-		border: 0.0625rem dotted @sapUiContentContrastFocusColor;
+		border: 0.125rem dotted @sapUiContentContrastFocusColor;
 		pointer-events: none;
 	}
 }
 .sap-desktop .sapMColorPalette .sapMBtn:focus {
 	&:after {
+		border-width: 0.125rem;
 		border-color: @sapUiContentFocusColor;
 	}
 }

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

@@ -0,0 +1,12 @@
+/* ======================================= */
+/* CSS for control sap.m/DynamicDateRange  */
+/* Horizon High Contrast White theme       */
+/* ======================================= */
+
+.sapUiIcon.sapMDDRDateOption {
+	color: @sapUiButtonActiveTextColor;
+}
+
+.sapMDynamicDateRangePopover section > .sapMLabel {
+	margin: 1rem 0 0.5rem 0;
+}

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

@@ -150,4 +150,11 @@ html.sap-tablet .sapMGTBackgroundHvrOutln:not(.sapMGTStateDisabled):active {
 	&.sapMGTLineModePress {
 		box-shadow: none;
 	}
+}
+
+.TwoByOne.sapMGTActionMode {
+	border-radius: 1.25rem;
+	.sapMGTFocusDiv {
+		border-radius: 1.25rem !important;
+	}
 }

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

@@ -15,15 +15,6 @@
 @_sap_m_InputBase_IconWidth: 2.25rem;
 @_sap_m_InputBase_IconMinWidth: 2.25rem;
 
-.sapMInputBaseContentWrapper {
-
-	&.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
-		.sapMTokenizer .sapMToken {
-			margin-top: 0.1875rem;
-		}
-	}
-}
-
 .sapMInputBaseContentWrapper:not(.sapMInputBaseContentWrapperError):not(.sapMInputBaseContentWrapperWarning):not(.sapMInputBaseContentWrapperInformation):not(.sapMInputBaseDisabledWrapper) {
 	border: @sapUiContentFocusWidth @sapUiFieldBorderStyle @sapUiFieldBorderColor;
 }
@@ -84,6 +75,14 @@
 	font-weight: bold;
 }
 
+.sapMInputBaseContentWrapperWarning .sapMInputBaseInner::-webkit-input-placeholder {
+	font-weight: bold;
+}
+
+.sapMInputBaseContentWrapperWarning .sapMInputBaseInner::-moz-placeholder {
+	font-weight: bold;
+}
+
 .sapMInputBaseContentWrapper .sapMInputBaseIcon {
 	line-height: 2rem;
 }
@@ -115,4 +114,8 @@
 
 .sapMLIBActive .sapMInputBaseInner::-webkit-input-placeholder {
 	color: @sapUiListActiveTextColor;
+}
+
+.sapUiSizeCondensed .sapUiTableDataCell .sapMInputBase .sapMInputBaseContentWrapper:not(.sapMInputBaseContentWrapperState) {
+	border: none;
 }

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

@@ -0,0 +1,8 @@
+/* ================================= */
+/* CSS for control sap.m/Text        */
+/* Horizon High Contrast White theme */
+/* ================================= */
+
+.sapMTB-Info-CTX > .sapMLabel {
+	font-style: italic;
+}

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

@@ -7,10 +7,11 @@
 /* Variables overriding            */
 /* ------------------------------- */
 
-@_sap_m_LightBox_OverlayBackground: fade(@sapUiBlockLayerBackground, 80);
 @_sap_m_LightBox_ContainerBackground: @sapUiGroupContentBackground;
 @_sap_m_LightBox_SubtitleMarginTop: 0.25rem;
 @_sap_m_LightBox_ErrorIconColor: fade(@sapUiContentNonInteractiveIconColor, 50);
+@_sap_m_LightBox_OverlayOpacity: 0.3;
+@_sap_m_LightBox_FontFamily: @sapFontHeaderFamily;
 
 /* ------------------------------- */
 /* Footer                          */
@@ -40,4 +41,4 @@
 		}
 	}
 
-}
+}

package/src/sap/m/themes/sap_horizon_hcw/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_hcw/ListItemBase.less

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

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

@@ -3,13 +3,6 @@
 /* Horizon High Contrast White 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_hcw/MessageView.less

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

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

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

package/src/sap/m/themes/sap_horizon_hcw/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_hcw/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_hcw/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 {
@@ -51,4 +54,8 @@
 .sapUiSizeCompact .sapMPanelWrappingDiv .sapUiIcon {
 	width: 2rem;
 	font-size: 1rem;
+}
+
+.sapMPanelWrappingDiv .sapUiIcon {
+	color: @sapButton_Lite_TextColor;
 }

package/src/sap/m/themes/sap_horizon_hcw/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_hcw/ProgressIndicator.less

@@ -1,109 +1,206 @@
 /* ======================================== */
 /* CSS for control sap.m/ProgressIndicator  */
-/* Horizon High Contrast White theme        */
+/* Horizon theme							*/
 /* ======================================== */
 
-.sapMPIBarNeutral {
-	background: @sapUiHighlight;
-	box-sizing: border-box;
-	border: 1px solid @sapUiFieldBorderColor;
-}
+.sapMPI {
+	position: relative;
+	padding: 1.25rem 1.25rem 0.75rem 0;
+	margin: 0;
+	height: 0.375rem;
+	min-height: 0.375rem;
+	width: 100%;
+	min-width: 4rem;
+	overflow: initial;
+	border-radius: 0;
+	background-color: transparent;
 
-.sapMPIBarPositive {
-	background: @sapUiHighlight;
-	box-sizing: border-box;
-	border: 1px solid @sapUiFieldBorderColor;
+	.sapMPIBarRemaining {
+		height: 0.375rem;
+		border-radius: 0.25rem;
+		box-sizing: border-box;
+	}
+
+	.sapMPIBar {
+		box-sizing: border-box;
+		height: 0.625rem;
+		border-radius: 0.5rem;
+		margin-top: -0.125rem;
+	}
 }
 
-.sapMPIBarNegative {
-	background: @sapUiHighlight;
-	box-sizing: border-box;
-	border: 1px solid @sapUiFieldBorderColor;
+.sapMPIBarRemaining {
+	position: absolute;
+    width: ~'calc(100% - 1.25rem)';
+	border: 0.0625rem solid @sapUiProgressBorderColor;
 }
 
-.sapMPIBarCritical {
-	background: @sapUiHighlight;
-	box-sizing: border-box;
-	border: 1px solid @sapUiFieldBorderColor;
+.sapMPIBar {
+	z-index: 1;
+	border: 0.0625rem solid @sapUiProgressValueTextColor;
 }
 
-.sapMPIBarInformation {
-	background: @sapUiHighlight;
-	box-sizing: border-box;
-	border: 1px solid @sapUiFieldBorderColor;
+.sapMPIValueMin .sapMPIBar {
+	border: none;
 }
 
-/* HCB Additional Styles */
-.sapMPIText::before {
+.sapMPIBar::before {
 	font-family: 'SAP-icons';
-	font-size: 0.875rem;
-	margin-right: 0.375rem;
-	vertical-align: bottom;
+	font-size: 1rem;
+	margin-left: 0.25rem;
+	position: absolute;
+	right: 0;
 }
 
-.sapMPIDisplayOnly .sapMPIText:before {
-	font-size: 0.6875rem;
-	vertical-align: top;
+.sapMPIValueMin .sapMPIBarRemaining::before,
+.sapMPIBarRemaining::after {
+	content: '';
+	display: block;
+	width: 0.25rem;
+	height: 0.25rem;
+	position: absolute;
+	border-radius: 50%;
 }
 
-.sapMPIDisplayOnly:not(.sapMPIBarDisabled) .sapMPIBarNeutral {
-	background: @sapUiHighlight;
+.sapMPIValueMin .sapMPIBarRemaining::before {
+	left: 0.0625rem;
 }
 
-.sapMPITextLeft::before {
-	margin-left: 0.25rem;
+.sapMPIBarRemaining::after {
+	right: 0.0625rem;
 }
 
-.sapMPIBarPositive > .sapMPITextLeft::before,
-.sapMPIBarPositive + .sapMPIBarRemaining > .sapMPITextRight::before {
-	content: '\e1c1';
-}
+.sapMPIBarPositive {
+	background-color: @sapUiProgressValuePositiveBackground;
+	border-color: @sapUiProgressValuePositiveBorderColor;
+	.sapMPIText.sapMPITextLeft,
+	.sapMPIText.sapMPITextRight {
+		color: @sapUiProgressPositiveTextColor;
+	}
 
-.sapMPIBarNegative > .sapMPITextLeft::before,
-.sapMPIBarNegative + .sapMPIBarRemaining > .sapMPITextRight::before {
-	content: '\e1ec';
-}
+	&::before {
+		content: '\e1c1';
+		color: @sapUiProgressValuePositiveTextColor;
+	}
 
-.sapMPIBarCritical > .sapMPITextLeft::before,
-.sapMPIBarCritical + .sapMPIBarRemaining > .sapMPITextRight::before {
-	content: '\e053';
-}
+	+ .sapMPIBarRemaining {
+		background-color: @sapUiProgressPositiveBackground;
+		border-color: @sapUiProgressPositiveBorderColor;
 
-.sapMPIBarInformation > .sapMPITextLeft::before,
-.sapMPIBarInformation + .sapMPIBarRemaining > .sapMPITextRight::before {
-	content: '\e289';
+		&::after,
+		&::before {
+			background-color: @sapUiProgressValuePositiveBackground;
+		}
+	}
 }
 
-.sapMPIBarPositive + .sapMPIBarRemaining > .sapMPITextRight::before,
-.sapMPIBarNegative + .sapMPIBarRemaining > .sapMPITextRight::before,
-.sapMPIBarCritical + .sapMPIBarRemaining > .sapMPITextRight::before,
-.sapMPIBarInformation + .sapMPIBarRemaining > .sapMPITextRight::before {
-	color: @sapUiContentForegroundTextColor;
+.sapMPIBarNegative {
+	background-color: @sapUiProgressValueNegativeBackground;
+	border-color: @sapUiProgressValueNegativeBorderColor;
+	.sapMPIText.sapMPITextLeft,
+	.sapMPIText.sapMPITextRight {
+		color: @sapUiProgressNegativeTextColor;
+	}
+
+	&::before {
+		content: '\e1ec';
+		color: @sapUiProgressValueNegativeTextColor;
+	}
+
+	+ .sapMPIBarRemaining {
+		background-color: @sapUiProgressNegativeBackground;
+		border-color: @sapUiProgressNegativeBorderColor;
+
+		&::after,
+		&::before {
+			background: @sapUiProgressValueNegativeBackground;
+		}
+	}
 }
 
-.sapMPIBarDisabled {
-	opacity: 1;
-	border-color: @sapUiHcReducedForeground;
+.sapMPIBarCritical {
+	background-color: @sapUiProgressValueCriticalBackground;
+	border-color: @sapUiProgressValueCriticalBorderColor;
+	.sapMPIText.sapMPITextLeft,
+	.sapMPIText.sapMPITextRight {
+		color: @sapUiProgressCriticalTextColor;
+	}
 
+	&::before {
+		content: '\e053';
+		color: @sapUiProgressValueCriticalTextColor;
+	}
+
+	+ .sapMPIBarRemaining {
+		background-color: @sapUiProgressCriticalBackground;
+		border-color: @sapUiProgressCriticalBorderColor;
+
+		&::after,
+		&::before {
+			background: @sapUiProgressValueCriticalBackground;
+		}
+	}
+}
+
+.sapMPIBarInformation {
+	background-color: @sapUiProgressValueInformationBackground;
+	border-color: @sapUiProgressValueInformationBorderColor;
 	.sapMPIText.sapMPITextLeft,
-	.sapMPITextRight,
-	.sapMPIBarRemaining > .sapMPITextRight::before {
-		color: @sapUiContentDisabledTextColor;
+	.sapMPIText.sapMPITextRight {
+		color: @sapUiProgressInformationTextColor;
 	}
 
-	.sapMPIBarNeutral,
-	.sapMPIBarPositive,
-	.sapMPIBarNegative,
-	.sapMPIBarCritical,
-	.sapMPIBarInformation  {
-		background: @sapUiHcReducedBackground;
-		border-color: @sapUiHcReducedForeground;
+	&::before {
+		content: '\e289';
+		color: @sapUiProgressValueInformationTextColor;
 	}
 
-	.sapMPIBarRemaining {
-		border-color: @sapUiHcReducedForeground;
+	+ .sapMPIBarRemaining {
+		background-color: @sapUiProgressInformationBackground;
+		border-color: @sapUiProgressInformationBorderColor;
+
+		&::after,
+		&::before {
+			background: @sapUiProgressValueInformationBackground;
+		}
 	}
 }
-.sapMPIValueMin >.sapMPIBar {
-	border: none;
+
+.sapMPIDisplayOnly:not(.sapMPIBarDisabled) .sapMPIBarNeutral,
+.sapMPIBarNeutral {
+	background-color: @sapUiProgressValueBackground;
+	.sapMPIText.sapMPITextLeft,
+	.sapMPIText.sapMPITextRight {
+		color: @sapUiProgressTextColor;
+	}
+
+	+ .sapMPIBarRemaining {
+		background-color: @sapUiProgressBackground;
+		border-color: @sapUiProgressBorderColor;
+
+		&::after,
+		&::before {
+			background: @sapUiProgressValueBackground;
+		}
+	}
+}
+
+.sapMPIDisplayOnly .sapMPIText,
+.sapMPIText {
+	padding: 0;
+	position: absolute;
+	top: 0;
+	left: 0;
+	margin-bottom: 0.1875rem;
+	font-size: @sapUiProgressFontSize;
+	color: @sapUiProgressTextColor;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	max-width: 100%;
+
+	&.sapMPITextRight {
+		top: -1.3125rem;
+		right: -0.0675rem;
+	}
 }

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

@@ -3,16 +3,27 @@
 /* Horizon High Contrast White theme  */
 /* ================================== */
 
-@_sap_m_QuickView_HorizontalLayoutMarginBottom: 1rem;
+@_sap_m_QuickView_HorizontalLayoutMarginBottom: 0.75rem;
 @_sap_m_QuickView_HorizontalLayoutIconFontSize: 1.5rem;
 @_sap_m_QuickView_PagePaddingTop: 2.75rem;
 
 @_sap_m_QuickViewCard_PagePadding: 1rem;
+@_sap_m_QuickView_TitleMarginBottom: 0.25rem;
+@_sap_m_QuickView_TitleFontSize: @sapMFontHeader6Size;
+@_sap_m_QuickView_FormTitleFontSize: @sapMFontHeader6Size;
+@_sap_m_QuickView_TitleMaxHeight: 2.125rem;
 
 .sapMQuickViewCard {
 	box-sizing: border-box;
-	padding: 1rem;
 	background: @sapUiGroupContentBackground;
 	box-shadow: @sapUiShadowLevel0;
-	border-radius: @sapUiElementBorderCornerRadius;
+	border-radius: 1rem;
+}
+
+.sapMQuickView .sapMPage .sapMPageHeader:not(.sapMIBar-CTX) .sapMIBar-CTX {
+	z-index: 1;
+}
+
+.sapMQuickViewPage .sapMPageHeader {
+	border-bottom: 1px solid;
 }