@openui5/themelib_sap_horizon 1.122.0 → 1.123.0

package/src/sap/ui/dt/themes/sap_horizon_dark/ContextMenu.less

@@ -48,11 +48,6 @@
 					}
 				}
 
-				.sapUiMnuItmSbMnu {
-					right: -0.5rem;
-					padding-right: 0;
-				}
-
 				&:focus {
 					.sapUiIcon {
 						border: 0.0625rem solid @_sap_ui_dt_ContextMenu_Focus_BorderColor;

package/src/sap/ui/integration/themes/sap_horizon_hcb/ListContentItem.less

@@ -0,0 +1,6 @@
+/* =========================================================== */
+/* CSS for control sap.ui.integration.controls/ListContentItem */
+/* Quartz High Contrast Black                                  */
+/* =========================================================== */
+
+@_sap_ui_integration_ListContentItem_TextShadow: none;

package/src/sap/ui/integration/themes/sap_horizon_hcb/library.source.less

@@ -9,4 +9,5 @@
 @import "../../../../../sap/ui/core/themes/sap_horizon_hcb/global.less";
 
 @import "AnalyticsCloudContent.less";
+@import "ListContentItem.less";
 @import "Paginator.less";

package/src/sap/ui/integration/themes/sap_horizon_hcw/ListContentItem.less

@@ -0,0 +1,6 @@
+/* =========================================================== */
+/* CSS for control sap.ui.integration.controls/ListContentItem */
+/* Quartz High Contrast Black                                  */
+/* =========================================================== */
+
+@_sap_ui_integration_ListContentItem_TextShadow: none;

package/src/sap/ui/integration/themes/sap_horizon_hcw/library.source.less

@@ -9,4 +9,5 @@
 @import "../../../../../sap/ui/core/themes/sap_horizon_hcw/global.less";
 
 @import "AnalyticsCloudContent.less";
+@import "ListContentItem.less";
 @import "Paginator.less";

package/src/sap/ui/layout/themes/sap_horizon/FormLayout.less

@@ -37,17 +37,17 @@
 }
 
 /* Title levels should be all rendered in same style. Levels can be changed by application to meet page structure without visual effect */
-/* Form Titles are rendered using H4 size*/
+/* Form Titles are rendered using H4 level, but H5 size*/
 .sapUiFormTitleH1,
 .sapUiFormTitleH2,
 .sapUiFormTitleH3,
 .sapUiFormTitleH4,
 .sapUiFormTitleH5,
 .sapUiFormTitleH6 {
-	font-size: @sapMFontHeader4Size;
+	font-size: @sapMFontHeader5Size;
 }
 
-/* FormContainer Titles are rendered using H4 size*/
+/* FormContainer Titles are rendered using H5 level, but H6 size*/
 .sapUiFormContainerTitle > .sapUiFormTitleH1,
 .sapUiFormContainerTitle > .sapUiFormTitleH2,
 .sapUiFormContainerTitle > .sapUiFormTitleH3,
@@ -63,6 +63,10 @@
 	font-weight: bold;
 }
 
+.sapUiFormToolbar > div:first-child >.sapMTitle.sapMTitleStyleAuto{
+	font-size: @sapMFontHeader5Size;
+}
+
 .sapUiFormContainerToolbar > div:first-child >.sapMTitle.sapMTitleStyleAuto{
 	font-size: @sapMFontHeader6Size;
 }

package/src/sap/ui/layout/themes/sap_horizon_dark/FormLayout.less

@@ -37,17 +37,17 @@
 }
 
 /* Title levels should be all rendered in same style. Levels can be changed by application to meet page structure without visual effect */
-/* Form Titles are rendered using H4 size*/
+/* Form Titles are rendered using H4 level, but H5 size*/
 .sapUiFormTitleH1,
 .sapUiFormTitleH2,
 .sapUiFormTitleH3,
 .sapUiFormTitleH4,
 .sapUiFormTitleH5,
 .sapUiFormTitleH6 {
-	font-size: @sapMFontHeader4Size;
+	font-size: @sapMFontHeader5Size;
 }
 
-/* FormContainer Titles are rendered using H4 size*/
+/* FormContainer Titles are rendered using H5 level, but H6 size*/
 .sapUiFormContainerTitle > .sapUiFormTitleH1,
 .sapUiFormContainerTitle > .sapUiFormTitleH2,
 .sapUiFormContainerTitle > .sapUiFormTitleH3,
@@ -63,6 +63,10 @@
 	font-weight: bold;
 }
 
+.sapUiFormToolbar > div:first-child >.sapMTitle.sapMTitleStyleAuto{
+	font-size: @sapMFontHeader5Size;
+}
+
 .sapUiFormContainerToolbar > div:first-child >.sapMTitle.sapMTitleStyleAuto{
 	font-size: @sapMFontHeader6Size;
 }

package/src/sap/ui/layout/themes/sap_horizon_hcb/FormLayout.less

@@ -22,17 +22,17 @@
 }
 
 /* Title levels should be all rendered in same style. Levels can be changed by application to meet page structure without visual effect */
-/* Form Titles are rendered using H4 size*/
+/* Form Titles are rendered using H4 level, but H5 size*/
 .sapUiFormTitleH1,
 .sapUiFormTitleH2,
 .sapUiFormTitleH3,
 .sapUiFormTitleH4,
 .sapUiFormTitleH5,
 .sapUiFormTitleH6 {
-	font-size: @sapMFontHeader4Size;
+	font-size: @sapMFontHeader5Size;
 }
 
-/* FormContainer Titles are rendered using H4 size*/
+/* FormContainer Titles are rendered using H5 level, but H6 size*/
 .sapUiFormContainerTitle > .sapUiFormTitleH1,
 .sapUiFormContainerTitle > .sapUiFormTitleH2,
 .sapUiFormContainerTitle > .sapUiFormTitleH3,
@@ -48,6 +48,10 @@
 	font-weight: bold;
 }
 
+.sapUiFormToolbar > div:first-child >.sapMTitle.sapMTitleStyleAuto{
+	font-size: @sapMFontHeader5Size;
+}
+
 .sapUiFormContainerToolbar > div:first-child >.sapMTitle.sapMTitleStyleAuto{
 	font-size: @sapMFontHeader6Size;
 }

package/src/sap/ui/layout/themes/sap_horizon_hcw/FormLayout.less

@@ -22,17 +22,17 @@
 }
 
 /* Title levels should be all rendered in same style. Levels can be changed by application to meet page structure without visual effect */
-/* Form Titles are rendered using H4 size*/
+/* Form Titles are rendered using H4 level, but H5 size*/
 .sapUiFormTitleH1,
 .sapUiFormTitleH2,
 .sapUiFormTitleH3,
 .sapUiFormTitleH4,
 .sapUiFormTitleH5,
 .sapUiFormTitleH6 {
-	font-size: @sapMFontHeader4Size;
+	font-size: @sapMFontHeader5Size;
 }
 
-/* FormContainer Titles are rendered using H4 size*/
+/* FormContainer Titles are rendered using H5 level, but H6 size*/
 .sapUiFormContainerTitle > .sapUiFormTitleH1,
 .sapUiFormContainerTitle > .sapUiFormTitleH2,
 .sapUiFormContainerTitle > .sapUiFormTitleH3,
@@ -48,6 +48,10 @@
 	font-weight: bold;
 }
 
+.sapUiFormToolbar > div:first-child >.sapMTitle.sapMTitleStyleAuto{
+	font-size: @sapMFontHeader5Size;
+}
+
 .sapUiFormContainerToolbar > div:first-child >.sapMTitle.sapMTitleStyleAuto{
 	font-size: @sapMFontHeader6Size;
 }

package/src/sap/ui/unified/themes/sap_horizon/Menu.less

@@ -15,27 +15,6 @@
 	opacity: @sapUiContentDisabledOpacity;
 }
 
-/** Cozy Mode **/
-
-.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy {
-
-	.sapUiMnuDiv > hr {
-		left: 0rem;
-		right: 0rem;
-		margin-top: 0;
-		margin-bottom: 0;
-	}
-
-	.sapUiMnuDiv {
-	  height: 1px;
-	}
-
-	.sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemTf {
-		height: @_sap_ui_unified_Menu_ItmHeightCozy - 0.625rem;
-	}
-
-}
-
 .sapUiMnuItm.sapUiMnuItmSubMnuOpen.sapUiMnuItmHov:hover {
 	background-color: @sapUiListSelectionHoverBackground;
 }
@@ -52,20 +31,11 @@
 	line-height: 2.75rem;
 }
 
-.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItmIco {
-	width: 2.25rem;
-	height: 2.75rem;
-}
-
 .sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItmIco > .sapUiIcon {
 	line-height: 2.75rem;
 	font-size: 1rem;
 }
 
-.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuNoIco .sapUiMnuItmL {
-	width: 0.75rem;
-}
-
 .sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItmSbMnu {
 	width: 2.25rem;
 	height: 2.75rem;
@@ -75,29 +45,10 @@
 	}
 }
 
-html.sap-phone .sapMMenuLIImgThumbIcon{
-	height: 2.75rem;
-	font-size: 1rem;
-	width: 2.75rem;
-	line-height:  2.75rem;
-}
-
-html.sap-phone .sapUiSizeCozy {
-	.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmTxt {
-		padding-left: 3.75rem;
-	}
-	.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
-		padding-left: 0;
-	}
-	.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmTxt,
-	.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
-		padding-left: 0.875rem;
-	}
-}
-
 .sapMMenuLIArrowRightIcon {
 	font-size: 1rem;
-	width: 2.75rem;
+	padding-inline-start: 0.875rem;
+	width: 1rem;
 	height: 2.75rem;
 	line-height: 2.75rem;
 }
@@ -106,11 +57,6 @@ html.sap-phone .sapUiSizeCozy {
 	width: 0.5rem;
 }
 
-.sapUiSizeCompact .sapUiMnuItmIco{
-	padding-left: 0.5rem;
-	padding-right: 0.5rem;
-}
-
 .sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmSubMnuOpen,
 .sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmSubMnuOpen.sapUiMnuItmHov {
 	border-bottom: 1px solid @sapUiListSelectionBorderColor;
@@ -136,51 +82,23 @@ html.sap-phone .sapUiSizeCozy {
 
 html.sap-desktop,
 html.sap-tablet {
-	.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmTxt {
-		padding-left: 3.75rem;
-		padding-right: 3.75rem;
-	}
 	.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
-		padding-left: 0;
+		padding-inline-start: 0;
 	}
 }
 
 html.sap-desktop,
 html.sap-tablet {
 	.sapUiSizeCompact {
-		.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmTxt {
-			padding-left: 3rem;
-		}
 		.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
-			padding-left: 0;
-		}
-		.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmTxt,
-		.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
-			padding-left: 0.5rem;
+			padding-inline-start: 0;
 		}
 	}
-	.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmTxt {
-		padding-left: 3.875rem;
-	}
 	.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
-		padding-left: 0;
-	}
-	.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmTxt,
-	.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
-		padding-left: 0.75rem;
+		padding-inline-start: 0;
 	}
 }
 
-.sapUiMnuItmIco{
-	padding-left: 0.75rem;
-	padding-right: 0.75rem;
-}
-
-.sapUiSizeCompact .sapUiMnuItmIco{
-	padding-left: 0.5rem;
-	padding-right: 0.5rem;
-}
-
 .sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemTf {
 	border-radius: 0.25rem;
 }

package/src/sap/ui/unified/themes/sap_horizon_dark/Menu.less

@@ -15,27 +15,6 @@
 	opacity: @sapUiContentDisabledOpacity;
 }
 
-/** Cozy Mode **/
-
-.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy {
-
-	.sapUiMnuDiv > hr {
-		left: 0rem;
-		right: 0rem;
-		margin-top: 0;
-		margin-bottom: 0;
-	}
-
-	.sapUiMnuDiv {
-	  height: 1px;
-	}
-
-	.sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemTf {
-		height: @_sap_ui_unified_Menu_ItmHeightCozy - 0.625rem;
-	}
-
-}
-
 .sapUiMnuItm.sapUiMnuItmSubMnuOpen.sapUiMnuItmHov:hover {
 	background-color: @sapUiListSelectionHoverBackground;
 }
@@ -43,8 +22,8 @@
 .sapUiMnu  .sapUiMnuDiv>hr,
 .sapMList .sapMListItems .sapUiMnuDiv>hr{
 	border-top: 0.0625rem solid @sapUiGroupContentBorderColor;
-	left: 0rem;
-	right: 0rem;
+	inset-inline-start: 0rem;
+	inset-inline-end: 0rem;
 }
 
 .sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItm {
@@ -52,20 +31,11 @@
 	line-height: 2.75rem;
 }
 
-.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItmIco {
-	width: 2.25rem;
-	height: 2.75rem;
-}
-
 .sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItmIco > .sapUiIcon {
 	line-height: 2.75rem;
 	font-size: 1rem;
 }
 
-.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuNoIco .sapUiMnuItmL {
-	width: 0.75rem;
-}
-
 .sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItmSbMnu {
 	width: 2.25rem;
 	height: 2.75rem;
@@ -75,23 +45,9 @@
 	}
 }
 
-html.sap-phone .sapMMenuLIImgThumbIcon{
-	height: 2.75rem;
-	font-size: 1rem;
-	width: 2.75rem;
-	line-height:  2.75rem;
-}
-
 html.sap-phone .sapUiSizeCozy {
-	.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmTxt {
-		padding-left: 3.75rem;
-	}
 	.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
-		padding-left: 0;
-	}
-	.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmTxt,
-	.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
-		padding-left: 0.875rem;
+		padding-inline-start: 0;
 	}
 }
 
@@ -110,10 +66,7 @@ html.sap-phone .sapUiSizeCozy {
 .sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmSubMnuOpen.sapUiMnuItmHov {
 	border-bottom: 1px solid @sapUiListSelectionBorderColor;
 }
-.sapUiSizeCompact .sapUiMnuItmIco{
-	padding-left: 0.5rem;
-	padding-right: 0.5rem;
-}
+
 .sapUiMnu .sapUiMnuLst .sapUiMnuItm {
 	border-bottom: 1px solid transparent;
 }
@@ -135,39 +88,15 @@ html.sap-phone .sapUiSizeCozy {
 html.sap-desktop,
 html.sap-tablet {
 	.sapUiSizeCompact {
-		.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmTxt {
-			padding-left: 3rem;
-		}
 		.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
-			padding-left: 0;
-		}
-		.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmTxt,
-		.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
-			padding-left: 0.5rem;
+			padding-inline-start: 0;
 		}
 	}
-	.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmTxt {
-		padding-left: 3.875rem;
-	}
 	.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
-		padding-left: 0;
-	}
-	.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmTxt,
-	.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
-		padding-left: 0.75rem;
+		padding-inline-start: 0;
 	}
 }
 
-.sapUiMnuItmIco{
-	padding-left: 0.75rem;
-	padding-right: 0.75rem;
-}
-
-.sapUiSizeCompact .sapUiMnuItmIco{
-	padding-left: 0.5rem;
-	padding-right: 0.5rem;
-}
-
 .sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemTf {
 	border-radius: 0.25rem;
 }

package/src/sap/ui/unified/themes/sap_horizon_hcb/Menu.less

@@ -79,13 +79,6 @@
 	}
 }
 
-html.sap-phone .sapMMenuLIImgThumbIcon{
-	height: 2.75rem;
-	font-size: 1rem;
-	width: 2.75rem;
-	line-height:  2.75rem;
-}
-
 html.sap-phone .sapUiSizeCozy .sapUiMnuItm {
 	.sapUiMnuItmTxt {
 		padding-left: 1rem;

package/src/sap/ui/unified/themes/sap_horizon_hcw/Menu.less

@@ -79,13 +79,6 @@
 	}
 }
 
-html.sap-phone .sapMMenuLIImgThumbIcon{
-	height: 2.75rem;
-	font-size: 1rem;
-	width: 2.75rem;
-	line-height:  2.75rem;
-}
-
 html.sap-phone .sapUiSizeCozy .sapUiMnuItm {
 	.sapUiMnuItmTxt {
 		padding-left: 1rem;

package/src/sap/uxap/themes/sap_horizon/AnchorBar.less

@@ -133,9 +133,14 @@ html.sap-desktop .sapUxAPAnchorBar .sapUxAPHierarchicalSelect.sapMSltPressed:not
 	}
 }
 
-.sapUxAPAnchorBarButton .sapMSB .sapMSBArrow {
-	top: 50%;
-    transform: translateY(-50%);
+.sapUxAPAnchorBarButton .sapMSB {
+	.sapMSBText {
+		border-color: transparent;
+	}
+	.sapMSBArrow {
+		top: 50%;
+		transform: translateY(-50%);
+	}
 }
 
 .sapUiSizeCompact .sapUxAPAnchorBar .sapUxAPAnchorBarButton.sapMBarChild .sapMSBArrow .sapMBtnInner .sapMBtnIcon,

package/src/sap/uxap/themes/sap_horizon/ObjectPageSection.less

@@ -57,7 +57,7 @@
 // Object Page section container style
 // =====================================
 .sapUxAPObjectPageSection .sapUxAPObjectPageSectionContainer .sapUxAPObjectPageSubSection .sapUxAPBlockContainer {
-    padding-bottom:0;
+    padding-bottom:0.5rem;
     padding-top: 0.5rem;
     padding-left: 0;
     padding-right: 0;

package/src/sap/uxap/themes/sap_horizon_dark/AnchorBar.less

@@ -138,9 +138,14 @@ html.sap-desktop .sapUxAPAnchorBar .sapUxAPHierarchicalSelect.sapMSltPressed:not
 	}
 }
 
-.sapUxAPAnchorBarButton .sapMSB .sapMSBArrow {
-	top: 50%;
-    transform: translateY(-50%);
+.sapUxAPAnchorBarButton .sapMSB {
+	.sapMSBText {
+		border-color: transparent;
+	}
+	.sapMSBArrow {
+		top: 50%;
+		transform: translateY(-50%);
+	}
 }
 
 .sapUiSizeCompact .sapUxAPAnchorBar .sapUxAPAnchorBarButton.sapMBarChild .sapMSBArrow .sapMBtnInner .sapMBtnIcon,

package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSection.less

@@ -57,7 +57,7 @@
 // Object Page section container style
 // =====================================
 .sapUxAPObjectPageSection .sapUxAPObjectPageSectionContainer .sapUxAPObjectPageSubSection .sapUxAPBlockContainer {
-    padding-bottom:0;
+    padding-bottom:0.5rem;
     padding-top: 0.5rem;
     padding-left: 0;
     padding-right: 0;

package/src/sap/m/themes/sap_horizon/MenuListItem.less

@@ -1,13 +0,0 @@
-.sapUiSizeCompact {
-	.sapMMenu .sapUiMnuLst .sapUiMnuItm {
-		.sapUiMnuItmIco + .sapUiMnuItmTxt {
-			margin-left: 3rem;
-		}
-	}
-}
-
-.sapMMenu .sapUiMnuLst .sapUiMnuItm {
-    .sapUiMnuItmIco + .sapUiMnuItmTxt {
-        margin-left: 3.75rem;
-    }
-}

package/src/sap/m/themes/sap_horizon_dark/MenuListItem.less

@@ -1,13 +0,0 @@
-.sapUiSizeCompact {
-	.sapMMenu .sapUiMnuLst .sapUiMnuItm {
-		.sapUiMnuItmIco + .sapUiMnuItmTxt {
-			margin-left: 3rem;
-		}
-	}
-}
-
-.sapMMenu .sapUiMnuLst .sapUiMnuItm {
-    .sapUiMnuItmIco + .sapUiMnuItmTxt {
-        margin-left: 3.75rem;
-    }
-}