@openui5/themelib_sap_horizon 1.100.0 → 1.101.0

package/THIRDPARTY.txt

@@ -400,7 +400,7 @@ Contained in: src/sap.ui.mdc/test/sap/ui/mdc/sample/field/filterfieldwithoperato
 
 Library: sap.ui.webc.common:
 
-Component: UI5 Web Components, version: 1.0.0-rc.12
+Component: UI5 Web Components, version: 1.1.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -411,7 +411,7 @@ Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/base/*.*
 	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-tnt/*.*
 	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-business-suite/*.*
 
-Component: lit-html, version: 1.4.1
+Component: lit-html, version: 2.0.1
 Copyright: Google LLC
 License: BSD-3-Clause
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
@@ -420,7 +420,7 @@ Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/lit-html/
 
 Library: sap.ui.webc.fiori:
 
-Component: UI5 Web Components, version: 1.0.0-rc.12
+Component: UI5 Web Components, version: 1.1.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -429,7 +429,7 @@ Contained in: src/sap.ui.webc.fiori/src/sap/ui/webc/fiori/thirdparty/*.*
 
 Library: sap.ui.webc.main:
 
-Component: UI5 Web Components, version: 1.0.0-rc.12
+Component: UI5 Web Components, version: 1.1.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -450,7 +450,7 @@ License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: lib/jsdoc/ui5/plugin.js
 
-Component: SAP Theming Base Content, version: 11.1.36-SNAPSHOT
+Component: SAP Theming Base Content, version: 11.1.38
 Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/themelib_sap_horizon",
-  "version": "1.100.0",
+  "version": "1.101.0",
   "description": "OpenUI5 Theme Library sap_horizon",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,22 +14,22 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "devDependencies": {
-    "@openui5/sap.f": "1.100.0",
-    "@openui5/sap.m": "1.100.0",
-    "@openui5/sap.tnt": "1.100.0",
-    "@openui5/sap.ui.codeeditor": "1.100.0",
-    "@openui5/sap.ui.commons": "1.100.0",
-    "@openui5/sap.ui.core": "1.100.0",
-    "@openui5/sap.ui.dt": "1.100.0",
-    "@openui5/sap.ui.fl": "1.100.0",
-    "@openui5/sap.ui.mdc": "1.100.0",
-    "@openui5/sap.ui.integration": "1.100.0",
-    "@openui5/sap.ui.layout": "1.100.0",
-    "@openui5/sap.ui.rta": "1.100.0",
-    "@openui5/sap.ui.suite": "1.100.0",
-    "@openui5/sap.ui.table": "1.100.0",
-    "@openui5/sap.ui.unified": "1.100.0",
-    "@openui5/sap.ui.ux3": "1.100.0",
-    "@openui5/sap.uxap": "1.100.0"
+    "@openui5/sap.f": "1.101.0",
+    "@openui5/sap.m": "1.101.0",
+    "@openui5/sap.tnt": "1.101.0",
+    "@openui5/sap.ui.codeeditor": "1.101.0",
+    "@openui5/sap.ui.commons": "1.101.0",
+    "@openui5/sap.ui.core": "1.101.0",
+    "@openui5/sap.ui.dt": "1.101.0",
+    "@openui5/sap.ui.fl": "1.101.0",
+    "@openui5/sap.ui.mdc": "1.101.0",
+    "@openui5/sap.ui.integration": "1.101.0",
+    "@openui5/sap.ui.layout": "1.101.0",
+    "@openui5/sap.ui.rta": "1.101.0",
+    "@openui5/sap.ui.suite": "1.101.0",
+    "@openui5/sap.ui.table": "1.101.0",
+    "@openui5/sap.ui.unified": "1.101.0",
+    "@openui5/sap.ui.ux3": "1.101.0",
+    "@openui5/sap.uxap": "1.101.0"
   }
 }

package/src/sap/f/themes/sap_horizon/Card.less

@@ -22,6 +22,10 @@
 	&.sapFCardBottomHeader .sapFCardHeader::before {
 		bottom: 1px;
 	}
+
+	.sapFCardHeader {
+		border-bottom: none;
+	}
 }
 
 .sapFCard:not(.sapFCardPreview):hover {

package/src/sap/f/themes/sap_horizon/DynamicPage.less

@@ -107,12 +107,12 @@
 	}
 
 	&:before {
-		background-image: linear-gradient(to left, @sapUiHighlight, fade(@sapUiHighlight, 0));
+		background-image: linear-gradient(to left, @sapUiObjectHeaderBorderColor, transparent);
 		right: 100%;
 	}
 
 	&:after {
-		background-image: linear-gradient(to right, @sapUiHighlight, fade(@sapUiHighlight, 0));
+		background-image: linear-gradient(to right, @sapUiObjectHeaderBorderColor, transparent);
 		left: 100%;
 	}
 }
@@ -145,13 +145,21 @@ html[data-sap-ui-browser^="cr"] .sapFDynamicPageHeaderPinButton {
 // The footer selector can`t be nested in the sapFDynamicPage less structure,
 // because the contrast container would not work, as the theme generates css like ".sapContrast.sapFDynamicPageFooter"
 // and will never match ".sapFDynamicPage .sapFDynamicPageFooter"
-.sapFDynamicPageFooter .sapFDynamicPageActualFooterControl {
+.sapFDynamicPageFooter .sapFDynamicPageActualFooterControl.sapMIBar {
 	background: @sapUiPageFooterBackground;
 	color: @sapUiPageFooterTextColor;
-	box-shadow: @sapUiShadowLevel1;
+	box-shadow: @sapUiContentShadow1;
+	border-radius: @sapUiElementBorderCornerRadius;
 	border: none;
 }
 
+.sapFDynamicPage-Std-Tablet,
+.sapFDynamicPage-Std-Phone {
+	.sapFDynamicPageFooter .sapFDynamicPageActualFooterControl.sapMIBar {
+		height: 2.75rem;
+	}
+}
+
 .title-hover(@backgroundColor) {
 	background-color: darken(@backgroundColor, 4);
 }
@@ -172,14 +180,6 @@ To be used in Comparison pattern scenario. */
     background-color: @sapObjectHeader_Background;
 }
 
-.sapFDynamicPageToggleHeaderIndicator:after, .sapFDynamicPageHeaderPinButton:after {
-    background-image: none;
-}
-
-.sapFDynamicPageToggleHeaderIndicator:before, .sapFDynamicPageHeaderPinButton:before {
-    background-image: none;
-}
-
 .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive)>.sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnDefault .sapUiIcon, .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive)>.sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnBack .sapUiIcon, .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive)>.sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnGhost .sapUiIcon {
     border-radius: @sapButton_BorderCornerRadius;
 }

package/src/sap/f/themes/sap_horizon/DynamicPageHeader.less

@@ -3,10 +3,7 @@
 /* Horizon theme                            */
 /* ======================================== */
 
-.sapFDynamicPage-Std-Desktop .sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent {
-	padding: 1rem 2rem;
-}
-
+.sapFDynamicPageHeader.sapFDynamicPageHeaderSolid,
 .sapFDynamicPageHeader.sapFDynamicPageHeaderTranslucent {
 	background: @sapUiObjectHeaderBackground;
 }
@@ -21,30 +18,4 @@
 
 .sapFDynamicPageNavigation .sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent {
 	box-shadow: none;
-}
-
-
-// =====================================
-// =====================================
-// Delta Styles for Horizon
-// =====================================
-
-.sapUiMedia-StdExt-LargeDesktop .sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent {
-    padding: 0 3rem 1rem;
-}
-
-.sapFDynamicPage-Std-Desktop .sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent {
-    padding: 0 2rem 1rem;
-}
-
-.sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent {
-    padding: 0 2rem 1rem 2rem;
-}
-
-.sapFDynamicPage-Std-Tablet .sapFDynamicPageHeaderWithContent {
-    padding: 0 2rem 1rem 2rem;
-}
-
-.sapFDynamicPage-Std-Phone .sapFDynamicPageHeaderWithContent {
-    padding: 0 1rem 1rem 1rem;
 }

package/src/sap/f/themes/sap_horizon/DynamicPageTitle.less

@@ -87,15 +87,15 @@
 
 .sapFDynamicPageTitleMain>.sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle {
     font-size: @sapFontHeader2Size;
-    font-family: @sapFontBlackFamily;
+    font-family: @sapUiObjectHeaderTitleFontFamily;
 }
 
 
 // Expanded Header title is small on small screens
 
 .sapFDynamicPage-Std-Phone .sapFDynamicPageTitleMain>.sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle {
-    font-size: 1.5rem;
-    font-family: @sapFontBlackFamily;
+    font-size: @sapUiObjectHeaderTitleSnappedFontSize;
+    font-family: @sapUiObjectHeaderTitleFontFamily;
 }
 
 
@@ -103,13 +103,13 @@
 
 .sapFDynamicPageTitleSnapped .sapFDynamicPageTitleMain>.sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle {
     font-size: @sapFontHeader3Size;
-    font-family: @sapFontBlackFamily;
+    font-family: @sapUiObjectHeaderTitleFontFamily;
 }
 
 // Overview Page using Dynamic page Header
 .ovpApplication .sapFDynamicPageTitleWrapper.sapFDynamicPageTitleSnapped>.sapFDynamicPageTitle,
 .ovpApplication .sapFDynamicPageTitleWrapper.sapFDynamicPageTitleOnly>.sapFDynamicPageTitle {
-    box-shadow: @sapContent_HeaderShadow;
+    box-shadow: @sapUiContentHeaderShadow;
 }
 
 // Dynamic page Title Focus - Experimental
@@ -146,8 +146,4 @@ html.sap-desktop {
 	.sapFDynamicPageTitleMain .sapMGenericTag.sapMBarChild {
 		margin-top: 0;
 	}
-
-	.sapFDynamicPageTitleSnapped .sapMGenericTag.sapMBarChild  {
-		margin-bottom: 1rem;
-	}
 }

package/src/sap/f/themes/sap_horizon/GridList.less

@@ -0,0 +1,9 @@
+/* ============================== */
+/* CSS for control sap.f/GridList */
+/* Horizon theme                  */
+/* ============================== */
+
+@_sap_f_GridList_ItemFocusBorderRadius: 1rem;
+@_sap_f_GridList_ItemFocusedHighlightOffset: 0.5rem;
+@_sap_f_GridList_ItemHighlightBorderRadius: 1rem 2rem;
+@_sap_f_GridList_ItemOverflow: hidden;

package/src/sap/f/themes/sap_horizon/GridListItem.less

@@ -3,6 +3,9 @@
 /* Horizon theme                       */
 /* =================================== */
 
-@_sap_f_GridListItem_Header_BoxShadow: 0 0 0.25rem 0 fade(@sapUiContentShadowColor, 15), inset 0 -0.0625rem 0 0 @sapUiPageHeaderBorderColor;
+@_sap_f_GridListItem_HeaderBoxShadow: none;
+@_sap_f_GridListItem_Overflow: hidden;
 @_sap_f_GridListItem_HeaderHeight: 2.75rem;
-@_sap_f_GridListItem_BorderSelected: 0 0 0 0.125rem @sapUiListSelectionBorderColor;
+@_sap_f_GridListItem_FocusedHighlightOffset: 0.5rem;
+@_sap_f_GridListItem_HighlightBorderRadius: 1rem;
+@_sap_f_GridListItem_FocusedHighlightBorderRadius: 1rem 2rem;

package/src/sap/f/themes/sap_horizon/library.source.less

@@ -14,6 +14,7 @@
 @import "DynamicPageHeader.less";
 @import "DynamicPageTitle.less";
 @import "FlexibleColumnLayout.less";
+@import "GridList.less";
 @import "GridListItem.less";
 @import "ListContentItem.less";
 @import "ShellBar.less";

package/src/sap/f/themes/sap_horizon_dark/Card.less

@@ -22,6 +22,10 @@
 	&.sapFCardBottomHeader .sapFCardHeader::before {
 		bottom: 1px;
 	}
+
+	.sapFCardHeader {
+		border-bottom: none;
+	}
 }
 
 .sapFCard:not(.sapFCardPreview):hover {

package/src/sap/f/themes/sap_horizon_dark/DynamicPage.less

@@ -107,12 +107,12 @@
 	}
 
 	&:before {
-		background-image: linear-gradient(to left, @sapUiHighlight, fade(@sapUiHighlight, 0));
+		background-image: linear-gradient(to left, @sapUiObjectHeaderBorderColor, transparent);
 		right: 100%;
 	}
 
 	&:after {
-		background-image: linear-gradient(to right, @sapUiHighlight, fade(@sapUiHighlight, 0));
+		background-image: linear-gradient(to right, @sapUiObjectHeaderBorderColor, transparent);
 		left: 100%;
 	}
 }
@@ -145,13 +145,21 @@ html[data-sap-ui-browser^="cr"] .sapFDynamicPageHeaderPinButton {
 // The footer selector can`t be nested in the sapFDynamicPage less structure,
 // because the contrast container would not work, as the theme generates css like ".sapContrast.sapFDynamicPageFooter"
 // and will never match ".sapFDynamicPage .sapFDynamicPageFooter"
-.sapFDynamicPageFooter .sapFDynamicPageActualFooterControl {
+.sapFDynamicPageFooter .sapFDynamicPageActualFooterControl.sapMTB {
 	background: @sapUiPageFooterBackground;
 	color: @sapUiPageFooterTextColor;
-	box-shadow: @sapUiShadowLevel1;
+	box-shadow: @sapUiContentShadow1;
+	border-radius: @sapUiElementBorderCornerRadius;
 	border: none;
 }
 
+.sapFDynamicPage-Std-Tablet,
+.sapFDynamicPage-Std-Phone {
+	.sapFDynamicPageFooter .sapFDynamicPageActualFooterControl.sapMIBar {
+		height: 2.75rem;
+	}
+}
+
 .title-hover(@backgroundColor) {
 	background-color: darken(@backgroundColor, 4);
 }
@@ -172,14 +180,6 @@ To be used in Comparison pattern scenario. */
     background-color: @sapObjectHeader_Background;
 }
 
-.sapFDynamicPageToggleHeaderIndicator:after, .sapFDynamicPageHeaderPinButton:after {
-    background-image: none;
-}
-
-.sapFDynamicPageToggleHeaderIndicator:before, .sapFDynamicPageHeaderPinButton:before {
-    background-image: none;
-}
-
 .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive)>.sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnDefault .sapUiIcon, .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive)>.sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnBack .sapUiIcon, .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive)>.sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnGhost .sapUiIcon {
     border-radius: @sapButton_BorderCornerRadius;
 }

package/src/sap/f/themes/sap_horizon_dark/DynamicPageHeader.less

@@ -3,10 +3,7 @@
 /* Evening Horizon theme                    */
 /* ======================================== */
 
-.sapFDynamicPage-Std-Desktop .sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent {
-	padding: 1rem 2rem;
-}
-
+.sapFDynamicPageHeader.sapFDynamicPageHeaderSolid,
 .sapFDynamicPageHeader.sapFDynamicPageHeaderTranslucent {
 	background: @sapUiObjectHeaderBackground;
 }
@@ -21,30 +18,4 @@
 
 .sapFDynamicPageNavigation .sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent {
 	box-shadow: none;
-}
-
-
-// =====================================
-// =====================================
-// Delta Styles for Horizon
-// =====================================
-
-.sapUiMedia-StdExt-LargeDesktop .sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent {
-    padding: 0 3rem 1rem;
-}
-
-.sapFDynamicPage-Std-Desktop .sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent {
-    padding: 0 2rem 1rem;
-}
-
-.sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent {
-    padding: 0 2rem 1rem 2rem;
-}
-
-.sapFDynamicPage-Std-Tablet .sapFDynamicPageHeaderWithContent {
-    padding: 0 2rem 1rem 2rem;
-}
-
-.sapFDynamicPage-Std-Phone .sapFDynamicPageHeaderWithContent {
-    padding: 0 1rem 1rem 1rem;
 }

package/src/sap/f/themes/sap_horizon_dark/DynamicPageTitle.less

@@ -108,7 +108,7 @@
 // Overview Page using Dynamic page Header
 .ovpApplication .sapFDynamicPageTitleWrapper.sapFDynamicPageTitleSnapped>.sapFDynamicPageTitle,
 .ovpApplication .sapFDynamicPageTitleWrapper.sapFDynamicPageTitleOnly>.sapFDynamicPageTitle {
-    box-shadow: @sapContent_HeaderShadow;
+    box-shadow: @sapUiContentHeaderShadow;
 }
 
 // Dynamic page Title Focus - Experimental
@@ -145,8 +145,4 @@ html.sap-desktop {
 	.sapFDynamicPageTitleMain .sapMGenericTag.sapMBarChild {
 		margin-top: 0;
 	}
-
-	.sapFDynamicPageTitleSnapped .sapMGenericTag.sapMBarChild  {
-		margin-bottom: 1rem;
-	}
 }

package/src/sap/f/themes/sap_horizon_dark/GridList.less

@@ -0,0 +1,9 @@
+/* =============================== */
+/* CSS for control sap.f/GridList  */
+/* Evening Horizon theme           */
+/* =============================== */
+
+@_sap_f_GridList_ItemFocusBorderRadius: 1rem;
+@_sap_f_GridList_ItemFocusedHighlightOffset: 0.5rem;
+@_sap_f_GridList_ItemHighlightBorderRadius: 1rem 2rem;
+@_sap_f_GridList_ItemOverflow: hidden;

package/src/sap/f/themes/sap_horizon_dark/GridListItem.less

@@ -3,6 +3,9 @@
 /* Evening Horizon theme               */
 /* =================================== */
 
-@_sap_f_GridListItem_Header_BoxShadow: 0 0 0.25rem 0 fade(@sapUiContentShadowColor, 15), inset 0 -0.0625rem 0 0 @sapUiPageHeaderBorderColor;
+@_sap_f_GridListItem_HeaderBoxShadow: none;
+@_sap_f_GridListItem_Overflow: hidden;
 @_sap_f_GridListItem_HeaderHeight: 2.75rem;
-@_sap_f_GridListItem_BorderSelected: 0 0 0 0.125rem @sapUiListSelectionBorderColor;
+@_sap_f_GridListItem_FocusedHighlightOffset: 0.5rem;
+@_sap_f_GridListItem_HighlightBorderRadius: 1rem;
+@_sap_f_GridListItem_FocusedHighlightBorderRadius: 1rem 2rem;

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

@@ -14,6 +14,7 @@
 @import "DynamicPageHeader.less";
 @import "DynamicPageTitle.less";
 @import "FlexibleColumnLayout.less";
+@import "GridList.less";
 @import "GridListItem.less";
 @import "ListContentItem.less";
 @import "ShellBar.less";

package/src/sap/f/themes/sap_horizon_hcb/Card.less

@@ -30,4 +30,8 @@
 			}
 		}
 	}
+}
+
+.sapFCard .sapFCardHeader {
+	border-bottom: none;
 }

package/src/sap/f/themes/sap_horizon_hcb/DynamicPage.less

@@ -56,6 +56,32 @@
 			line-height: 2rem;
 		}
 	}
+
+	overflow: visible; // enforcement needed for IE11
+
+	&:before,
+	&:after {
+		content: "";
+		position: absolute;
+		width: 4rem;
+		top: 50%; // enforcement needed for IE11
+		height: 0.0625rem;
+	}
+
+	&:before {
+		background-image: linear-gradient(to left, @sapUiObjectHeaderBorderColor, transparent);
+		right: 100%;
+	}
+
+	&:after {
+		background-image: linear-gradient(to right, @sapUiObjectHeaderBorderColor, transparent);
+		left: 100%;
+	}
+}
+
+// when we have both pin and toggle header indicator, pseudo-elements overlap siblings on EDGE
+html[data-sap-ui-browser^="ed"] .sapFDynamicPageToggleHeaderIndicator ~ .sapFDynamicPageHeaderPinButton:before {
+	display: none;
 }
 
 /* Compact */
@@ -138,8 +164,18 @@
 		opacity: 1;
 
 		.sapFDynamicPageActualFooterControl.sapMTB {
-			box-shadow: @sapUiShadowLevel2;
-			border-bottom: 0 none;
+			background: @sapUiPageFooterBackground;
+			color: @sapUiPageFooterTextColor;
+			box-shadow: @sapUiContentShadow1;
+			border-radius: @sapUiElementBorderCornerRadius;
+			border: none;
+		}
+	}
+
+	&.sapFDynamicPage-Std-Tablet,
+	&.sapFDynamicPage-Std-Phone {
+		.sapFDynamicPageFooter .sapFDynamicPageActualFooterControl.sapMIBar {
+			height: 2.75rem;
 		}
 	}
 }

package/src/sap/f/themes/sap_horizon_hcb/DynamicPageHeader.less

@@ -3,13 +3,18 @@
 /* Horizon High Contrast Black theme        */
 /* ======================================== */
 
-.sapFDynamicPage-Std-Desktop .sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent {
-	padding: 1rem 2rem;
-}
-
 .sapFDynamicPageHeader {
+    &.sapFDynamicPageHeaderSolid,
     &.sapFDynamicPageHeaderTransparent,
     &.sapFDynamicPageHeaderTranslucent {
         background: @sapUiObjectHeaderBackground;
     }
-}
+}
+
+.sapFDynamicPageNavigation .sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent {
+	box-shadow: none;
+}
+
+.sapFDynamicPageToggleHeaderIndicator:not(.sapUiHidden) + .sapFDynamicPageHeaderPinButton:before {
+	display: none;
+}

package/src/sap/f/themes/sap_horizon_hcb/DynamicPageTitle.less

@@ -3,11 +3,6 @@
 /* Horizon High Contrast Black theme       */
 /* ======================================= */
 
-.sapFDynamicPageTitleWrapper.sapFDynamicPageTitleSnapped > .sapFDynamicPageTitle:focus,
-.sapFDynamicPageTitleWrapper.sapFDynamicPageTitleOnly > .sapFDynamicPageTitle:focus {
-	box-shadow: none;
-}
-
 html.sap-desktop .sapFDynamicPageTitle.sapFDynamicPageTitleFocus {
 	outline-width: 0.125rem;
 	outline-offset: -0.25rem; // due to bottom border overlapping
@@ -21,7 +16,8 @@ html.sap-desktop .sapFDynamicPageTitle.sapFDynamicPageTitleFocus {
 	padding: 0.5rem 2rem;
 	word-wrap: break-word;
 
-	&.sapFDynamicPageTitleTransparent {
+	&.sapFDynamicPageTitleTransparent,
+	&.sapFDynamicPageTitleTranslucent {
 		background: @sapUiObjectHeaderBackground;
 	}
 }
@@ -108,6 +104,11 @@ html[data-sap-ui-browser^="ff"].sap-desktop {
 	}
 }
 
-.sapFDynamicPageNavigation .sapFDynamicPageTitleWrapper.sapFDynamicPageTitleOnly > .sapFDynamicPageTitle {
-	box-shadow: none;
+.sapFDynamicPageNavigation .sapFDynamicPageTitleWrapper {
+	&.sapFDynamicPageTitleSnapped,
+	&.sapFDynamicPageTitleOnly {
+		& > .sapFDynamicPageTitle {
+			box-shadow: none;
+		}
+	}
 }

package/src/sap/f/themes/sap_horizon_hcb/GridList.less

@@ -0,0 +1,6 @@
+/* ================================= */
+/* CSS for control sap.f/GridList    */
+/* Horizon High Contrast Black theme */
+/* ================================= */
+
+@_sap_f_GridList_ItemFocusBorderRadius: unset;

package/src/sap/f/themes/sap_horizon_hcb/GridListItem.less

@@ -3,8 +3,6 @@
 /* Horizon High Contrast Black theme   */
 /* =================================== */
 
-@_sap_f_GridListItem_Header_BoxShadow: 0 0 0.25rem 0 fade(@sapUiContentShadowColor, 15), inset 0 -0.0625rem 0 0 @sapUiPageHeaderBorderColor;
+@_sap_f_GridListItem_HeaderBoxShadow: none;
 @_sap_f_GridListItem_HeaderHeight: 2.75rem;
-@_sap_f_GridListItem_BorderHover: 0 0 0 0.125rem @sapContent_ShadowColor;
-@_sap_f_GridListItem_BorderSelected: 0 0 0 0.125rem @sapUiListSelectionBorderColor;
-@_sap_f_GridListItem_Header_BoxShadowActive: @_sap_f_GridListItem_Header_BoxShadow;
+

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

@@ -16,5 +16,6 @@
 @import "ShellBar.less";
 @import "CardLoading.less";
 @import "GridContainer.less";
+@import "GridList.less";
 @import "GridListItem.less";
 @import "DynamicPageHeader.less";

package/src/sap/f/themes/sap_horizon_hcw/Card.less

@@ -31,3 +31,7 @@
 		}
 	}
 }
+
+.sapFCard .sapFCardHeader {
+	border-bottom: none;
+}

package/src/sap/f/themes/sap_horizon_hcw/DynamicPage.less

@@ -56,6 +56,32 @@
 			line-height: 2rem;
 		}
 	}
+
+	overflow: visible; // enforcement needed for IE11
+
+	&:before,
+	&:after {
+		content: "";
+		position: absolute;
+		width: 4rem;
+		top: 50%; // enforcement needed for IE11
+		height: 0.0625rem;
+	}
+
+	&:before {
+		background-image: linear-gradient(to left, @sapUiObjectHeaderBorderColor, transparent);
+		right: 100%;
+	}
+
+	&:after {
+		background-image: linear-gradient(to right, @sapUiObjectHeaderBorderColor, transparent);
+		left: 100%;
+	}
+}
+
+// when we have both pin and toggle header indicator, pseudo-elements overlap siblings on EDGE
+html[data-sap-ui-browser^="ed"] .sapFDynamicPageToggleHeaderIndicator ~ .sapFDynamicPageHeaderPinButton:before {
+	display: none;
 }
 
 /* Compact */
@@ -139,8 +165,18 @@
 		opacity: 1;
 
 		.sapFDynamicPageActualFooterControl.sapMTB {
-			box-shadow: @sapUiShadowLevel2;
-			border-bottom: 0 none;
+			background: @sapUiPageFooterBackground;
+			color: @sapUiPageFooterTextColor;
+			box-shadow: @sapUiContentShadow1;
+			border-radius: @sapUiElementBorderCornerRadius;
+			border: none;
+		}
+	}
+
+	&.sapFDynamicPage-Std-Tablet,
+	&.sapFDynamicPage-Std-Phone {
+		.sapFDynamicPageFooter .sapFDynamicPageActualFooterControl.sapMIBar {
+			height: 2.75rem;
 		}
 	}
 }