@openui5/themelib_sap_horizon 1.151.0 → 1.152.0

package/THIRDPARTY.txt

@@ -6,31 +6,31 @@ The full text of all referenced licenses is appended at the end of this file.
 
 Library: sap.f:
 
-Component: UI5 Web Components, version: 2.24.0
+Component: UI5 Web Components, version: 2.24.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.f/src/sap/f/thirdparty/**
 
-Component: UI5 Web Components Fiori, version: 2.24.0
+Component: UI5 Web Components Fiori, version: 2.24.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.f/src/sap/f/thirdparty/**
 
-Component: UI5 Web Components Icons, version: 2.24.0
+Component: UI5 Web Components Icons, version: 2.24.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.f/src/sap/f/thirdparty/**
 
-Component: UI5 Web Components Icons Business Suite, version: 2.24.0
+Component: UI5 Web Components Icons Business Suite, version: 2.24.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.f/src/sap/f/thirdparty/**
 
-Component: UI5 Web Components Icons TNT, version: 2.24.0
+Component: UI5 Web Components Icons TNT, version: 2.24.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/themelib_sap_horizon",
-  "version": "1.151.0",
+  "version": "1.152.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/UI5/openui5.git"
   },
   "devDependencies": {
-    "@openui5/sap.f": "1.151.0",
-    "@openui5/sap.m": "1.151.0",
-    "@openui5/sap.tnt": "1.151.0",
-    "@openui5/sap.ui.codeeditor": "1.151.0",
-    "@openui5/sap.ui.commons": "1.151.0",
-    "@openui5/sap.ui.core": "1.151.0",
-    "@openui5/sap.ui.dt": "1.151.0",
-    "@openui5/sap.ui.fl": "1.151.0",
-    "@openui5/sap.ui.mdc": "1.151.0",
-    "@openui5/sap.ui.integration": "1.151.0",
-    "@openui5/sap.ui.layout": "1.151.0",
-    "@openui5/sap.ui.rta": "1.151.0",
-    "@openui5/sap.ui.suite": "1.151.0",
-    "@openui5/sap.ui.table": "1.151.0",
-    "@openui5/sap.ui.unified": "1.151.0",
-    "@openui5/sap.ui.ux3": "1.151.0",
-    "@openui5/sap.uxap": "1.151.0"
+    "@openui5/sap.f": "1.152.0",
+    "@openui5/sap.m": "1.152.0",
+    "@openui5/sap.tnt": "1.152.0",
+    "@openui5/sap.ui.codeeditor": "1.152.0",
+    "@openui5/sap.ui.commons": "1.152.0",
+    "@openui5/sap.ui.core": "1.152.0",
+    "@openui5/sap.ui.dt": "1.152.0",
+    "@openui5/sap.ui.fl": "1.152.0",
+    "@openui5/sap.ui.mdc": "1.152.0",
+    "@openui5/sap.ui.integration": "1.152.0",
+    "@openui5/sap.ui.layout": "1.152.0",
+    "@openui5/sap.ui.rta": "1.152.0",
+    "@openui5/sap.ui.suite": "1.152.0",
+    "@openui5/sap.ui.table": "1.152.0",
+    "@openui5/sap.ui.unified": "1.152.0",
+    "@openui5/sap.ui.ux3": "1.152.0",
+    "@openui5/sap.uxap": "1.152.0"
   }
 }

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

@@ -123,7 +123,7 @@
 	.sapMBtnBack.sapMBtnIconFirst:not(.sapMBtnText) > .sapMBtnIconLeft:not(:last-child),
 	.sapMBtnIconLeft + .sapMBtnIconRight,
 	.sapMBtnIconLeft + .sapMBtnIconLeft,
-	.sapMBtnInner .sapMBtnIcon :not(img) {
+	.sapMBtnInner .sapMBtnIcon :not(img):not(svg) {
 		padding-right: 0.4375rem;
 	}
 
@@ -267,10 +267,11 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
 	}
 }
 
-.sap-desktop .sapMIBar-CTX, .sap-desktop .sapMTB-Transparent-CTX {
+.sap-desktop .sapMIBar-CTX, .sap-desktop .sapMTB-Transparent-CTX, .sapMIBar {
 
 	.sapMBtn:not(.sapMBtnDisabled):hover > .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost):not(.sapMBtnCritical):not(.sapMBtnNegative):not(.sapMBtnNeutral):not(.sapMBtnSuccess) {
-		border-color: var(--sapButton_Hover_BorderColor);
+		border-color: var(--sapButton_Lite_Hover_BorderColor);
+		background-color: var(--sapButton_Lite_Hover_Background);
 	}
 }
 
@@ -317,4 +318,4 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
 	bdi {
 		color: var(--sapButton_Lite_Hover_TextColor);
 	}
-}
+}

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

@@ -3,10 +3,7 @@
 /* Horizon theme                  */
 /* ============================== */
 
-.sapMPopoverArr::after {
-	background: var(--sapGroup_ContentBackground);
-	box-shadow: var(--sapContent_Shadow2);
-}
+@_sap_m_Popover_BorderCornerRadius: var(--sapPopover_BorderCornerRadius);
 
 .sapMPopoverWithBar > .sapMPopoverArr {
 
@@ -28,116 +25,16 @@
 	background-color: var(--sapPageHeader_Background);
 }
 
-.sapUiSizeCompact {
-
-	.sapMPopoverFooter,
-	.sapMPopoverHeader {
-
-		.sapMIBar,
-		.sapMBar {
-			height: 2.5rem;
-
-			& > .sapMBarLeft,
-			& > .sapMBarRight {
-				height: 2.5rem;
-				line-height: 2.5rem;
-
-				.sapMBtn {
-					vertical-align: middle;
-				}
-			}
-
-			& > .sapMBarMiddle .sapMBarPH {
-				height: 2.5rem;
-				line-height: 2.5rem;
-
-				.sapMBtn {
-					vertical-align: middle;
-				}
-			}
-		}
-	}
-}
-
 .sapMPopoverHeader,
 .sapMPopoverSubHeader {
 	position: relative;
 	z-index: 2;
-
-	.sapMBar {
-
-		.sapMBarContainer {
-			padding-left: 0;
-			padding-right: 0;
-		}
-
-		.sapMBarLeft {
-			padding-left: 1rem;
-		}
-
-		.sapMBarMiddle .sapMBarContainer {
-			padding: 0 1rem;
-		}
-
-		.sapMBarRight {
-			padding-right: 1rem;
-		}
-	}
 }
-
-.sapMPopoverHeader,
-.sapMPopoverFooter,
-.sapMPopoverSubHeader {
-
-	.sapUi-Std-PaddingS,
-	.sapUi-Std-PaddingM,
-	.sapUi-Std-PaddingL,
-	.sapUi-Std-PaddingXL {
-
-		&.sapMBar {
-
-			.sapMBarMiddle .sapMBarPH {
-				padding-left: 0;
-				padding-right: 0;
-			}
-
-			.sapMBarLeft {
-				padding-left: inherit;
-
-				.sapMBarChild {
-					padding-right: 0.5rem;
-				}
-			}
-
-			.sapMBarRight {
-				padding-right: inherit;
-
-				.sapMBarChild {
-					padding-left: 0.5rem;
-				}
-			}
-		}
-	}
-}
-
 .sapMPopover {
-	border-radius: var(--sapPopover_BorderCornerRadius);
 
 	.sapMPopoverCont {
 		padding: 0.0625rem;
 	}
-
-	&.sapMPopoverWithoutBar .sapMPopoverCont,
-	.sapMIBar.sapMHeader-CTX {
-		border-top-right-radius: var(--sapPopover_BorderCornerRadius);
-		border-top-left-radius: var(--sapPopover_BorderCornerRadius);
-	}
-
-	&.sapMPopoverWithoutFooter .sapMPopoverCont,
-	.sapMIBar.sapMFooter-CTX {
-		border-bottom-right-radius: var(--sapPopover_BorderCornerRadius);
-		border-bottom-left-radius: var(--sapPopover_BorderCornerRadius);
-	}
 }
 
 .sapMPopoverResizeHandle {

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

@@ -123,7 +123,7 @@
 	.sapMBtnBack.sapMBtnIconFirst:not(.sapMBtnText) > .sapMBtnIconLeft:not(:last-child),
 	.sapMBtnIconLeft + .sapMBtnIconRight,
 	.sapMBtnIconLeft + .sapMBtnIconLeft,
-	.sapMBtnInner .sapMBtnIcon :not(img) {
+	.sapMBtnInner .sapMBtnIcon :not(img):not(svg) {
 		padding-right: 0.4375rem;
 	}
 
@@ -267,10 +267,11 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
 	}
 }
 
-.sap-desktop .sapMIBar-CTX, .sap-desktop .sapMTB-Transparent-CTX {
+.sap-desktop .sapMIBar-CTX, .sap-desktop .sapMTB-Transparent-CTX, .sapMIBar {
 
 	.sapMBtn:not(.sapMBtnDisabled):hover > .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost):not(.sapMBtnCritical):not(.sapMBtnNegative):not(.sapMBtnNeutral):not(.sapMBtnSuccess) {
-		border-color: var(--sapButton_Hover_BorderColor);
+		border-color: var(--sapButton_Lite_Hover_BorderColor);
+		background-color: var(--sapButton_Lite_Hover_Background);
 	}
 }
 
@@ -317,4 +318,4 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
 	bdi {
 		color: var(--sapButton_Lite_Hover_TextColor);
 	}
-}
+}

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

@@ -3,10 +3,7 @@
 /* Evening Horizon theme          */
 /* ============================== */
 
-.sapMPopoverArr::after {
-	background: var(--sapGroup_ContentBackground);
-	box-shadow: var(--sapContent_Shadow2);
-}
+@_sap_m_Popover_BorderCornerRadius: var(--sapPopover_BorderCornerRadius);
 
 .sapMPopoverWithBar > .sapMPopoverArr {
 	&.sapMPopoverArrUp::after,
@@ -27,116 +24,16 @@
 	background-color: var(--sapPageHeader_Background);
 }
 
-.sapUiSizeCompact {
-
-	.sapMPopoverFooter,
-	.sapMPopoverHeader {
-
-		.sapMIBar,
-		.sapMBar {
-			height: 2.5rem;
-
-			& > .sapMBarLeft,
-			& > .sapMBarRight {
-				height: 2.5rem;
-				line-height: 2.5rem;
-
-				.sapMBtn {
-					vertical-align: middle;
-				}
-			}
-
-			& > .sapMBarMiddle .sapMBarPH {
-				height: 2.5rem;
-				line-height: 2.5rem;
-
-				.sapMBtn {
-					vertical-align: middle;
-				}
-			}
-		}
-	}
-}
-
 .sapMPopoverHeader,
 .sapMPopoverSubHeader {
 	position: relative;
 	z-index: 2;
-
-	.sapMBar {
-
-		.sapMBarContainer {
-			padding-left: 0;
-			padding-right: 0;
-		}
-
-		.sapMBarLeft {
-			padding-left: 1rem;
-		}
-
-		.sapMBarMiddle .sapMBarContainer {
-			padding: 0 1rem;
-		}
-
-		.sapMBarRight {
-			padding-right: 1rem;
-		}
-	}
 }
-
-.sapMPopoverHeader,
-.sapMPopoverFooter,
-.sapMPopoverSubHeader {
-
-	.sapUi-Std-PaddingS,
-	.sapUi-Std-PaddingM,
-	.sapUi-Std-PaddingL,
-	.sapUi-Std-PaddingXL {
-
-		&.sapMBar {
-
-			.sapMBarMiddle .sapMBarPH {
-				padding-left: 0;
-				padding-right: 0;
-			}
-
-			.sapMBarLeft {
-				padding-left: inherit;
-
-				.sapMBarChild {
-					padding-right: 0.5rem;
-				}
-			}
-
-			.sapMBarRight {
-				padding-right: inherit;
-
-				.sapMBarChild {
-					padding-left: 0.5rem;
-				}
-			}
-		}
-	}
-}
-
 .sapMPopover {
-	border-radius: var(--sapPopover_BorderCornerRadius);
 
 	.sapMPopoverCont {
 		padding: 0.0625rem;
 	}
-
-	&.sapMPopoverWithoutBar .sapMPopoverCont,
-	.sapMIBar.sapMHeader-CTX {
-		border-top-right-radius: var(--sapPopover_BorderCornerRadius);
-		border-top-left-radius: var(--sapPopover_BorderCornerRadius);
-	}
-
-	&.sapMPopoverWithoutFooter .sapMPopoverCont,
-	.sapMIBar.sapMFooter-CTX {
-		border-bottom-right-radius: var(--sapPopover_BorderCornerRadius);
-		border-bottom-left-radius: var(--sapPopover_BorderCornerRadius);
-	}
 }
 
 .sapMPopoverResizeHandle {

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

@@ -4,11 +4,7 @@
 /* ================================== */
 
 @_sap_m_Popover_ThickShadowSize: 0.125rem;
-
-.sapMPopoverArr::after {
-	background: var(--sapGroup_ContentBackground);
-	box-shadow: var(--sapContent_Shadow2);
-}
+@_sap_m_Popover_BorderCornerRadius: var(--sapPopover_BorderCornerRadius);
 
 .sapMPopoverWithBar > .sapMPopoverArr {
 	&.sapMPopoverArrUp::after,
@@ -28,117 +24,17 @@
 .sapMPopover .sapMIBar.sapMSubHeader-CTX {
 	background-color: var(--sapPageHeader_Background);
 }
-
-.sapUiSizeCompact {
-
-	.sapMPopoverFooter,
-	.sapMPopoverHeader {
-
-		.sapMIBar,
-		.sapMBar {
-			height: 2.5rem;
-
-			& > .sapMBarLeft,
-			& > .sapMBarRight {
-				height: 2.5rem;
-				line-height: 2.5rem;
-
-				.sapMBtn {
-					vertical-align: middle;
-				}
-			}
-
-			& > .sapMBarMiddle .sapMBarPH {
-				height: 2.5rem;
-				line-height: 2.5rem;
-
-				.sapMBtn {
-					vertical-align: middle;
-				}
-			}
-		}
-	}
-}
-
-.sapMPopoverHeader,
-.sapMPopoverFooter,
-.sapMPopoverSubHeader {
-
-	.sapUi-Std-PaddingS,
-	.sapUi-Std-PaddingM,
-	.sapUi-Std-PaddingL,
-	.sapUi-Std-PaddingXL {
-
-		&.sapMBar {
-
-			.sapMBarMiddle .sapMBarPH {
-				padding-left: 0;
-				padding-right: 0;
-			}
-
-			.sapMBarLeft {
-				padding-left: inherit;
-
-				.sapMBarChild {
-					padding-right: 0.5rem;
-				}
-			}
-
-			.sapMBarRight {
-				padding-right: inherit;
-
-				.sapMBarChild {
-					padding-left: 0.5rem;
-				}
-			}
-		}
-	}
-}
-
 .sapMPopoverHeader,
 .sapMPopoverSubHeader {
 	position: relative;
 	z-index: 2;
-
-	.sapMBar {
-
-		.sapMBarContainer {
-			padding-left: 0;
-			padding-right: 0;
-		}
-
-		.sapMBarLeft {
-			padding-left: 1rem;
-		}
-
-		.sapMBarMiddle .sapMBarContainer {
-			padding: 0 1rem;
-		}
-
-		.sapMBarRight {
-			padding-right: 1rem;
-		}
-	}
 }
 
 .sapMPopover {
-	border-radius: var(--sapPopover_BorderCornerRadius);
 
 	.sapMPopoverCont {
 		padding: 0.0625rem;
 	}
-
-	&.sapMPopoverWithoutBar .sapMPopoverCont,
-	.sapMIBar.sapMHeader-CTX {
-		border-top-right-radius: var(--sapPopover_BorderCornerRadius);
-		border-top-left-radius: var(--sapPopover_BorderCornerRadius);
-	}
-
-	&.sapMPopoverWithoutFooter .sapMPopoverCont,
-	.sapMIBar.sapMFooter-CTX {
-		border-bottom-right-radius: var(--sapPopover_BorderCornerRadius);
-		border-bottom-left-radius: var(--sapPopover_BorderCornerRadius);
-	}
 }
 
 /* pointing downward arrow */

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

@@ -4,11 +4,7 @@
 /* ================================== */
 
 @_sap_m_Popover_ThickShadowSize: 0.125rem;
-
-.sapMPopoverArr::after {
-	background: var(--sapGroup_ContentBackground);
-	box-shadow: var(--sapContent_Shadow2);
-}
+@_sap_m_Popover_BorderCornerRadius: var(--sapPopover_BorderCornerRadius);
 
 .sapMPopoverWithBar > .sapMPopoverArr {
 
@@ -29,117 +25,17 @@
 .sapMPopover .sapMIBar.sapMSubHeader-CTX {
 	background-color: var(--sapPageHeader_Background);
 }
-
-.sapUiSizeCompact {
-
-	.sapMPopoverFooter,
-	.sapMPopoverHeader {
-
-		.sapMIBar,
-		.sapMBar {
-			height: 2.5rem;
-
-			& > .sapMBarLeft,
-			& > .sapMBarRight {
-				height: 2.5rem;
-				line-height: 2.5rem;
-
-				.sapMBtn {
-					vertical-align: middle;
-				}
-			}
-
-			& > .sapMBarMiddle .sapMBarPH {
-				height: 2.5rem;
-				line-height: 2.5rem;
-
-				.sapMBtn {
-					vertical-align: middle;
-				}
-			}
-		}
-	}
-}
-
-.sapMPopoverHeader,
-.sapMPopoverFooter,
-.sapMPopoverSubHeader {
-
-	.sapUi-Std-PaddingS,
-	.sapUi-Std-PaddingM,
-	.sapUi-Std-PaddingL,
-	.sapUi-Std-PaddingXL {
-
-		&.sapMBar {
-
-			.sapMBarMiddle .sapMBarPH {
-				padding-left: 0;
-				padding-right: 0;
-			}
-
-			.sapMBarLeft {
-				padding-left: inherit;
-
-				.sapMBarChild {
-					padding-right: 0.5rem;
-				}
-			}
-
-			.sapMBarRight {
-				padding-right: inherit;
-
-				.sapMBarChild {
-					padding-left: 0.5rem;
-				}
-			}
-		}
-	}
-}
-
 .sapMPopoverHeader,
 .sapMPopoverSubHeader {
 	position: relative;
 	z-index: 2;
-
-	.sapMBar {
-
-		.sapMBarContainer {
-			padding-left: 0;
-			padding-right: 0;
-		}
-
-		.sapMBarLeft {
-			padding-left: 1rem;
-		}
-
-		.sapMBarMiddle .sapMBarContainer {
-			padding: 0 1rem;
-		}
-
-		.sapMBarRight {
-			padding-right: 1rem;
-		}
-	}
 }
 
 .sapMPopover {
-	border-radius: var(--sapPopover_BorderCornerRadius);
 
 	.sapMPopoverCont {
 		padding: 0.0625rem;
 	}
-
-	&.sapMPopoverWithoutBar .sapMPopoverCont,
-	.sapMIBar.sapMHeader-CTX {
-		border-top-right-radius: var(--sapPopover_BorderCornerRadius);
-		border-top-left-radius: var(--sapPopover_BorderCornerRadius);
-	}
-
-	&.sapMPopoverWithoutFooter .sapMPopoverCont,
-	.sapMIBar.sapMFooter-CTX {
-		border-bottom-right-radius: var(--sapPopover_BorderCornerRadius);
-		border-bottom-left-radius: var(--sapPopover_BorderCornerRadius);
-	}
 }
 
 /* pointing downward arrow */

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

@@ -3,7 +3,6 @@
 /* Morning Horizon theme                   */
 /* ======================================= */
 
-@_sap_tnt_SideNavigation_Width: 16rem;
 @_sap_tnt_SideNavigation_CollapsedWidth: 4rem;
 @_sap_tnt_SideNavigation_NavigationSeparatorMargin: 0.25rem 0.5rem 0.25rem 0.5rem;
 @_sap_tnt_SideNavigation_NavigationSeparatorBackgroundColor: var(--sapToolbar_SeparatorColor);
@@ -12,4 +11,9 @@
 @_sap_tnt_SideNavigation_TriangleColor: var(--sapContent_NonInteractiveIconColor);
 @_sap_tnt_SideNavigation_BoxShadow: var(--sapContent_Shadow0);
 @_sap_tnt_SideNavigation_SeparatorMargin: 0.3125rem 0.5rem 0.3125rem 0.5rem;
-@_sap_tnt_SideNavigation_TriangleDisplay: none;
+@_sap_tnt_SideNavigation_TriangleDisplay: none;
+
+.sapTntSideNavigation {
+	--sapTntSideNavigation_ExpandedMinWidth: 16rem;
+	--sapTntSideNavigation_ExpandedWidth: 16rem;
+}

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

@@ -3,7 +3,6 @@
 /* Evening Horizon theme                   */
 /* ======================================= */
 
-@_sap_tnt_SideNavigation_Width: 16rem;
 @_sap_tnt_SideNavigation_CollapsedWidth: 4rem;
 @_sap_tnt_SideNavigation_NavigationSeparatorMargin: 0.25rem 0.5rem 0.25rem 0.5rem;
 @_sap_tnt_SideNavigation_NavigationSeparatorBackgroundColor: var(--sapToolbar_SeparatorColor);
@@ -12,4 +11,9 @@
 @_sap_tnt_SideNavigation_TriangleColor: var(--sapContent_NonInteractiveIconColor);
 @_sap_tnt_SideNavigation_BoxShadow: var(--sapContent_Shadow0);
 @_sap_tnt_SideNavigation_SeparatorMargin: 0.3125rem 0.5rem 0.3125rem 0.5rem;
-@_sap_tnt_SideNavigation_TriangleDisplay: none;
+@_sap_tnt_SideNavigation_TriangleDisplay: none;
+
+.sapTntSideNavigation {
+	--sapTntSideNavigation_ExpandedMinWidth: 16rem;
+	--sapTntSideNavigation_ExpandedWidth: 16rem;
+}