@openui5/themelib_sap_horizon 1.148.1 → 1.149.1

package/THIRDPARTY.txt

@@ -309,7 +309,7 @@ License: MIT
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/bignumber.js
 
-Component: lodash, version: 4.17.23
+Component: lodash, version: 4.18.1
 Copyright: OpenJS Foundation and other contributors
 License: MIT
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt

package/package.json

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

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

@@ -8,5 +8,4 @@
 @_sap_f_GridListItem_HeaderHeight: 2.75rem;
 @_sap_f_GridListItem_FocusedHighlightOffset: 0.5rem;
 @_sap_f_GridListItem_HighlightBorderRadius: 1rem;
-@_sap_f_GridListItem_FocusedHighlightBorderRadius: 1rem 2rem;
-@_sap_f_GridListItem_SelectedBoxShadow: 0 0 0 0.125rem var(--sapList_SelectionBorderColor), var(--sapContent_Shadow0);
+@_sap_f_GridListItem_FocusedHighlightBorderRadius: 1rem 2rem;

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

@@ -8,5 +8,4 @@
 @_sap_f_GridListItem_HeaderHeight: 2.75rem;
 @_sap_f_GridListItem_FocusedHighlightOffset: 0.5rem;
 @_sap_f_GridListItem_HighlightBorderRadius: 1rem;
-@_sap_f_GridListItem_FocusedHighlightBorderRadius: 1rem 2rem;
-@_sap_f_GridListItem_SelectedBoxShadow: 0 0 0 0.125rem var(--sapList_SelectionBorderColor), var(--sapContent_Shadow0);
+@_sap_f_GridListItem_FocusedHighlightBorderRadius: 1rem 2rem;

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

@@ -4,5 +4,4 @@
 /* =================================== */
 
 @_sap_f_GridListItem_HeaderBoxShadow: none;
-@_sap_f_GridListItem_HeaderHeight: 2.75rem;
-@_sap_f_GridListItem_SelectedBoxShadow: 0 0 0 0.125rem var(--sapList_SelectionBorderColor), var(--sapContent_Shadow0);
+@_sap_f_GridListItem_HeaderHeight: 2.75rem;

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

@@ -4,5 +4,4 @@
 /* =================================== */
 
 @_sap_f_GridListItem_HeaderBoxShadow: none;
-@_sap_f_GridListItem_HeaderHeight: 2.75rem;
-@_sap_f_GridListItem_SelectedBoxShadow: 0 0 0 0.125rem var(--sapList_SelectionBorderColor), var(--sapContent_Shadow0);
+@_sap_f_GridListItem_HeaderHeight: 2.75rem;

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

@@ -1,6 +1,6 @@
 /* ===================================== */
 /* CSS for control sap.m/ActionListItem  */
-/* Horizon theme                         */
+/* Morning Horizon theme                 */
 /* ===================================== */
 
 html.sap-desktop .sapMList .sapMLIB.sapMALI:not(.sapMLIBActive) {

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

@@ -1,12 +1,17 @@
-html.sap-desktop .sapMBtn:focus > .sapMBtnAdditionalTextContent.sapMFocusable:not(.sapMBadgeIndicator):before {
-    content: "";
-    position: absolute;
-    box-sizing: border-box;
-    left: -0.0625rem;
-    top: -0.0625rem;
-    right: -0.0625rem;
-    bottom: -0.0625rem;
-    border: 0.125rem solid #0070f2;
-    pointer-events: none;
-    border-radius: 0.375rem;
+/* =========================================== */
+/* CSS for control sap.m/AdditionalTextButton  */
+/* Morning Horizon theme                       */
+/* =========================================== */
+
+html.sap-desktop .sapMBtn:focus > .sapMBtnAdditionalTextContent.sapMFocusable:not(.sapMBadgeIndicator)::before {
+	content: '';
+	position: absolute;
+	box-sizing: border-box;
+	left: -0.0625rem;
+	top: -0.0625rem;
+	right: -0.0625rem;
+	bottom: -0.0625rem;
+	border: 0.125rem solid #0070f2;
+	pointer-events: none;
+	border-radius: 0.375rem;
 }

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

@@ -1,13 +1,15 @@
 /* ============================= */
 /* CSS for control sap.m/Avatar  */
-/* Horizon theme                 */
+/* Morning Horizon theme         */
 /* ============================= */
 
-@_sap_m_Avatar_Font_Size_XL: 3rem;
-@_sap_m_Avatar_Font_Size_L: 2.25rem;
-@_sap_m_Avatar_Font_Size_M: 1.5rem;
-@_sap_m_Avatar_Font_Size_S: 1.125rem;
-@_sap_m_Avatar_Font_Size_XS: 1rem;
+.sapFAvatar {
+	--_sap_m_Avatar_Font_Size_XL: 3rem;
+	--_sap_m_Avatar_Font_Size_L: 2.25rem;
+	--_sap_m_Avatar_Font_Size_M: 1.5rem;
+	--_sap_m_Avatar_Font_Size_S: 1.125rem;
+	--_sap_m_Avatar_Font_Size_XS: 1rem;
+}
 
 .sapFAvatarSquare {
 	border-radius: var(--sapElement_BorderCornerRadius);
@@ -63,19 +65,19 @@
 }
 
 .generateColor (@accentIndex) {
-	@css-selector: ~"sapFAvatarColorAccent@{accentIndex}"; // Create the css selector string
-	@background-param: ~"sapUiAvatar@{accentIndex}Background"; // Build the color param which is a sapUiAccent
+	@css-selector: ~"sapFAvatarColorAccent@{accentIndex}"; /* Create the css selector string */
+	@background-param: ~"sapUiAvatar@{accentIndex}Background"; /* Build the color param which is a sapUiAccent */
 	@color-param: ~"sapUiAvatar@{accentIndex}TextColor";
 	@hover-color: ~"sapUiAvatar@{accentIndex}HoverBackground";
 
-	// Build the real CSS selector.
-	// The output would be something like this: .sapFAvatar.sapFAvatarColorAccent6 {background-color: #0092d1;}
+	/* Build the real CSS selector. */
+	/* The output would be something like this: .sapFAvatar.sapFAvatarColorAccent6 {background-color: #0092d1;} */
 	.@{css-selector} {
 		background-color: @@background-param;
 		&.sapFAvatarImage.sapFAvatarFocusable:not(.sapMAvatarPressed):not(.sapMAvatarDisabled):hover,
 		&.sapFAvatarFocusable:not(.sapMAvatarPressed):not(.sapMAvatarDisabled):hover {
 			background-color: @@hover-color;
-			box-shadow: @_sap_m_Avatar_Hover_Box_Shadow_Offset var(--sapAvatar_Hover_BorderColor);
+			box-shadow: var(--_sap_m_Avatar_Hover_Box_Shadow_Offset) var(--sapAvatar_Hover_BorderColor);
 		}
 	}
 

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

@@ -1,6 +1,6 @@
 /* ========================== */
 /* CSS for control sap.m/Bar  */
-/* Horizon theme              */
+/* Morning Horizon theme      */
 /* ========================== */
 
 .sapMBar {
@@ -76,7 +76,7 @@
 	justify-content: flex-start;
 }
 
-html[data-sap-ui-browser^="ff"].sap-desktop .sapMBarTitleAlignAuto .sapMBarPH {
+html[data-sap-ui-browser^='ff'].sap-desktop .sapMBarTitleAlignAuto .sapMBarPH {
 	justify-content: start;
 }
 

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

@@ -1,6 +1,6 @@
 /* ===============================   */
 /* CSS for control sap./Breadcrumbs  */
-/* Horizon theme                     */
+/* Morning Horizon theme             */
 /* ===============================   */
 
 .sapMBreadcrumbs {
@@ -21,7 +21,7 @@
 	}
 
 	.sapMBreadcrumbsItem {
-		padding: .125rem; // avoid focus clip
+		padding: 0.125rem; /* avoid focus clip */
 	}
 
 	.sapMBreadcrumbsSeparator {
@@ -30,7 +30,7 @@
 
 	.sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem {
 
-		& > .sapMSlt.sapMSltWithIcon.sapMSltIconOnly.sapMSltWithArrow.sapMSltHoverable {
+		& > .sapMSlt.sapMSltWithIcon.sapMSltIconOnly.sapMSltWithArrow {
 			box-shadow: none;
 
 			/* Default styles */
@@ -38,6 +38,7 @@
 				display: flex;
 				align-items: center;
 				gap: 0.2rem;
+				margin-top: -0.125rem;
 
 				&::before,
 				&::after {
@@ -52,7 +53,7 @@
 				&::after {
 					content: '\e1ef';
 					font-family: var(--sapContent_IconFontFamily);
-					font-size: @sapMFontMediumSize;
+					font-size: var(--sapFontSize);
 					color: var(--sapLinkColor);
 					speak: none;
 				}
@@ -81,7 +82,7 @@
 
 				.sapMSltIcon::before,
 				.sapMSltIcon::after {
-					color: var(--sapContent_ContrastFocusColor);
+					color: var(--sapContent_ContrastTextColor);
 					border-bottom: none;
 				}
 
@@ -95,6 +96,7 @@
 					.sapMSltIcon::before,
 					.sapMSltIcon::after {
 						color: var(--sapLinkColor);
+						border-bottom: none;
 					}
 				}
 			}
@@ -105,6 +107,16 @@
 					background-color: var(--sapContent_FocusColor);
 				}
 			}
+
+			/* Override base theme specificity (.sapMSltHoverable) for desktop hover */
+			&.sapMSltHoverable:hover:not(:active),
+			&.sapMSltHoverable.sapMSltFocused:not(:active) {
+
+				.sapMSltIcon::before {
+					color: var(--sapContent_ContrastTextColor);
+					border-bottom: none;
+				}
+			}
 		}
 	}
-}
+}

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

@@ -1,6 +1,6 @@
 /* ==================================== */
 /* CSS for control sap.m/BusyIndicator  */
-/* Horizon theme                        */
+/* Morning Horizon theme                */
 /* ==================================== */
 
 /* Background animation element */

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

@@ -1,28 +1,28 @@
 /* =============================== */
 /* CSS for control sap.m/Carousel  */
-/* Horizon theme                   */
+/* Morning Horizon theme           */
 /* =============================== */
 
-/* ========================================================================== */
 /* Variables overriding */
-/* ========================================================================== */
 
-@_sap_m_Carousel_BackgroundColorSolid: var(--sapGroup_ContentBackground);
-@_sap_m_Carousel_BackgroundColorTranslucent: var(--sapBackgroundColor);
-@_sap_m_Carousel_MinWidth: 11.25rem;
-@_sap_m_Carousel_PageIndicatorBarHeight: 2.75rem;
-@_sap_m_Carousel_BottomArrowsOffset: calc(~'2.75rem + 1px');
-@_sap_m_Carousel_ControlsNoArrowsHeight: 2.75rem;
-@_sap_m_Carousel_NumericIndicatorTextColor: var(--sapPageFooter_TextColor);
-@_sap_m_Carousel_PrevAndNextSize: 2.125rem;
-@_sap_m_Carousel_PrevAndNextPosition: 0.5rem;
-@_sap_m_Carousel_PrevAndNextFocusBorderRadius: inherit;
-@_sap_m_Carousel_PageIndicatorWidthSizeS: 9rem;
-@_sap_m_Carousel_PageIndicatorWidthSizeM: @_sap_m_Carousel_PageIndicatorWidthSizeS;
-@_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_BulletInactiveBackground: var(--sapContent_ForegroundBorderColor);
-@_sap_m_Carousel_BulletInactiveBorderColor: var(--sapContent_ForegroundBorderColor);
-@_sap_m_Carousel_BulletActiveBackground: var(--sapContent_Selected_ForegroundColor);
-@_sap_m_Carousel_BulletActiveBorder: var(--sapContent_Selected_ForegroundColor);
+.sapMCrsl {
+	--_sap_m_Carousel_BackgroundColorSolid: var(--sapGroup_ContentBackground);
+	--_sap_m_Carousel_BackgroundColorTranslucent: var(--sapBackgroundColor);
+	--_sap_m_Carousel_MinWidth: 11.25rem;
+	--_sap_m_Carousel_PageIndicatorBarHeight: 2.75rem;
+	--_sap_m_Carousel_BottomArrowsOffset: ~'calc(2.75rem + 1px)';
+	--_sap_m_Carousel_ControlsNoArrowsHeight: 2.75rem;
+	--_sap_m_Carousel_NumericIndicatorTextColor: var(--sapPageFooter_TextColor);
+	--_sap_m_Carousel_PrevAndNextSize: 2.125rem;
+	--_sap_m_Carousel_PrevAndNextPosition: 0.5rem;
+	--_sap_m_Carousel_PrevAndNextFocusBorderRadius: inherit;
+	--_sap_m_Carousel_PageIndicatorWidthSizeS: 9rem;
+	--_sap_m_Carousel_PageIndicatorWidthSizeM: var(--_sap_m_Carousel_PageIndicatorWidthSizeS);
+	--_sap_m_Carousel_PageIndicatorWidthSizeL: var(--_sap_m_Carousel_PageIndicatorWidthSizeS);
+	--_sap_m_Carousel_PageIndicatorWidthSizeXL: var(--_sap_m_Carousel_PageIndicatorWidthSizeS);
+	--_sap_m_Carousel_PageIndicatorContainerPadding: 0.5rem;
+	--_sap_m_Carousel_BulletInactiveBackground: var(--sapContent_ForegroundBorderColor);
+	--_sap_m_Carousel_BulletInactiveBorderColor: var(--sapContent_ForegroundBorderColor);
+	--_sap_m_Carousel_BulletActiveBackground: var(--sapContent_Selected_ForegroundColor);
+	--_sap_m_Carousel_BulletActiveBorder: var(--sapContent_Selected_ForegroundColor);
+}

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

@@ -1,10 +1,12 @@
 /* =================================== */
 /* CSS for control sap.m/ColorPalette  */
-/* Horizon theme                       */
+/* Morning Horizon theme               */
 /* =================================== */
 
-@_sap_m_ColorPalette_SwatchWidthHitAreaCozy: 2.375rem;
-@_sap_m_ColorPalette_SwatchWidthHitAreaCompact: 1.75rem;
+.sapMColorPalette {
+	--_sap_m_ColorPalette_SwatchWidthHitAreaCozy: 2.375rem;
+	--_sap_m_ColorPalette_SwatchWidthHitAreaCompact: 1.75rem;
+}
 
 html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
 	border-radius: 0.25rem;
@@ -166,4 +168,4 @@ html.sap-desktop .sapMColorPalette .sapMBtn:focus > .sapMFocusable::before {
 			border-radius: 0.4375rem;
 		}
 	}
-}
+}

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

@@ -32,7 +32,7 @@
 	box-sizing: border-box;
 }
 
-.sapMDialog > header .sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
+.sapMDialog > .sapMDialogHeader .sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
 	font-size: 1rem;
 }
 
@@ -47,7 +47,7 @@
 /* buttons on phone must be to the right side (in LTR mode) */
 html.sap-phone .sapMDialog {
 
-	& > footer .sapMFooter-CTX {
+	& > .sapMDialogFooter .sapMFooter-CTX {
 		justify-content: flex-end;
 	}
 }
@@ -58,18 +58,18 @@ html.sap-phone .sapMDialog {
 
 .sapMDialog {
 
-	header .sapMBarLeft,
-	header .sapMBarPH {
+	.sapMDialogHeader .sapMBarLeft,
+	.sapMDialogHeader .sapMBarPH {
 		padding-left: 1rem;
 	}
 
-	header .sapMBarRight,
-	header .sapMBarPH {
+	.sapMDialogHeader .sapMBarRight,
+	.sapMDialogHeader .sapMBarPH {
 		padding-right: 1rem;
 	}
 
-	header .sapMTB,
-	footer .sapMTB {
+	.sapMDialogHeader .sapMTB,
+	.sapMDialogFooter .sapMTB {
 		padding: 0 1rem;
 	}
 }

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

@@ -65,14 +65,15 @@
 	}
 }
 
-.sapMPanelContent:not(.sapMPanelBGTransparent) {
+.sapMPanelContentWrapper:not(:has(> .sapMPanelBGTransparent)) {
 	border-bottom: none;
 }
 
-.sapMPanelContent {
+.sapMPanelContentWrapper {
 	padding: 0.625rem 1rem;
 	border-bottom-left-radius: inherit;
 	border-bottom-right-radius: inherit;
+	background-color: var(--sapGroup_ContentBackground);
 }
 
 .sapMPanel.sapMPanelExpanded.sapMPanelAnimating {

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

@@ -8,6 +8,10 @@
 .sapMVSD .sapMPageHeader {
 	z-index: 2;
 
+	.sapMBarPH {
+		padding-left: 1rem;
+	}
+
 	.sapMBarTitleStart .sapMBarPH {
 		padding-left: 0rem;
 	}

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

@@ -1,12 +1,17 @@
-html.sap-desktop .sapMBtn:focus > .sapMBtnAdditionalTextContent.sapMFocusable:not(.sapMBadgeIndicator):before {
-    content: "";
-    position: absolute;
-    box-sizing: border-box;
-    left: -0.0625rem;
-    top: -0.0625rem;
-    right: -0.0625rem;
-    bottom: -0.0625rem;
-    border: 0.125rem solid #0070f2;
-    pointer-events: none;
-    border-radius: 0.375rem;
+/* =========================================== */
+/* CSS for control sap.m/AdditionalTextButton  */
+/* Evening Horizon theme                       */
+/* =========================================== */
+
+html.sap-desktop .sapMBtn:focus > .sapMBtnAdditionalTextContent.sapMFocusable:not(.sapMBadgeIndicator)::before {
+	content: '';
+	position: absolute;
+	box-sizing: border-box;
+	left: -0.0625rem;
+	top: -0.0625rem;
+	right: -0.0625rem;
+	bottom: -0.0625rem;
+	border: 0.125rem solid #0070f2;
+	pointer-events: none;
+	border-radius: 0.375rem;
 }

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

@@ -3,11 +3,13 @@
 /* Evening Horizon theme         */
 /* ============================= */
 
-@_sap_m_Avatar_Font_Size_XL: 3rem;
-@_sap_m_Avatar_Font_Size_L: 2.25rem;
-@_sap_m_Avatar_Font_Size_M: 1.5rem;
-@_sap_m_Avatar_Font_Size_S: 1.125rem;
-@_sap_m_Avatar_Font_Size_XS: 1rem;
+.sapFAvatar {
+	--_sap_m_Avatar_Font_Size_XL: 3rem;
+	--_sap_m_Avatar_Font_Size_L: 2.25rem;
+	--_sap_m_Avatar_Font_Size_M: 1.5rem;
+	--_sap_m_Avatar_Font_Size_S: 1.125rem;
+	--_sap_m_Avatar_Font_Size_XS: 1rem;
+}
 
 .sapFAvatarSquare {
 	border-radius: var(--sapElement_BorderCornerRadius);
@@ -75,7 +77,7 @@
 		&.sapFAvatarImage.sapFAvatarFocusable:not(.sapMAvatarPressed):not(.sapMAvatarDisabled):hover,
 		&.sapFAvatarFocusable:not(.sapMAvatarPressed):not(.sapMAvatarDisabled):hover {
 			background-color: @@hover-color;
-			box-shadow: @_sap_m_Avatar_Hover_Box_Shadow_Offset var(--sapAvatar_Hover_BorderColor);
+			box-shadow: var(--_sap_m_Avatar_Hover_Box_Shadow_Offset) var(--sapAvatar_Hover_BorderColor);
 		}
 	}
 

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

@@ -79,7 +79,7 @@
 	justify-content: flex-start;
 }
 
-html[data-sap-ui-browser^="ff"].sap-desktop .sapMBarTitleAlignAuto .sapMBarPH {
+html[data-sap-ui-browser^='ff'].sap-desktop .sapMBarTitleAlignAuto .sapMBarPH {
 	justify-content: start;
 }
 

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

@@ -21,7 +21,7 @@
 	}
 
 	.sapMBreadcrumbsItem {
-		padding: .125rem; // avoid focus clip
+		padding: 0.125rem; /* avoid focus clip */
 	}
 
 	.sapMBreadcrumbsSeparator {
@@ -30,7 +30,7 @@
 
 	.sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem {
 
-		& > .sapMSlt.sapMSltWithIcon.sapMSltIconOnly.sapMSltWithArrow.sapMSltHoverable {
+		& > .sapMSlt.sapMSltWithIcon.sapMSltIconOnly.sapMSltWithArrow {
 			box-shadow: none;
 
 			/* Default styles */
@@ -38,6 +38,7 @@
 				display: flex;
 				align-items: center;
 				gap: 0.2rem;
+				margin-top: -0.125rem;
 
 				&::before,
 				&::after {
@@ -52,7 +53,7 @@
 				&::after {
 					content: '\e1ef';
 					font-family: var(--sapContent_IconFontFamily);
-					font-size: @sapMFontMediumSize;
+					font-size: var(--sapFontSize);
 					color: var(--sapLinkColor);
 					speak: none;
 				}
@@ -81,7 +82,7 @@
 
 				.sapMSltIcon::before,
 				.sapMSltIcon::after {
-					color: var(--sapContent_ContrastFocusColor);
+					color: var(--sapContent_ContrastTextColor);
 					border-bottom: none;
 				}
 
@@ -95,6 +96,7 @@
 					.sapMSltIcon::before,
 					.sapMSltIcon::after {
 						color: var(--sapLinkColor);
+						border-bottom: none;
 					}
 				}
 			}
@@ -105,6 +107,16 @@
 					background-color: var(--sapContent_FocusColor);
 				}
 			}
+
+			/* Override base theme specificity (.sapMSltHoverable) for desktop hover */
+			&.sapMSltHoverable:hover:not(:active),
+			&.sapMSltHoverable.sapMSltFocused:not(:active) {
+
+				.sapMSltIcon::before {
+					color: var(--sapContent_ContrastTextColor);
+					border-bottom: none;
+				}
+			}
 		}
 	}
-}
+}

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

@@ -3,26 +3,26 @@
 /* Evening Horizon theme           */
 /* =============================== */
 
-/* ========================================================================== */
 /* Variables overriding */
-/* ========================================================================== */
 
-@_sap_m_Carousel_BackgroundColorSolid: var(--sapGroup_ContentBackground);
-@_sap_m_Carousel_BackgroundColorTranslucent: var(--sapBackgroundColor);
-@_sap_m_Carousel_MinWidth: 11.25rem;
-@_sap_m_Carousel_PageIndicatorBarHeight: 2.75rem;
-@_sap_m_Carousel_BottomArrowsOffset: calc(~'2.75rem + 1px');
-@_sap_m_Carousel_ControlsNoArrowsHeight: 2.75rem;
-@_sap_m_Carousel_NumericIndicatorTextColor: var(--sapPageFooter_TextColor);
-@_sap_m_Carousel_PrevAndNextSize: 2.125rem;
-@_sap_m_Carousel_PrevAndNextPosition: 0.5rem;
-@_sap_m_Carousel_PrevAndNextFocusBorderRadius: inherit;
-@_sap_m_Carousel_PageIndicatorWidthSizeS: 9rem;
-@_sap_m_Carousel_PageIndicatorWidthSizeM: @_sap_m_Carousel_PageIndicatorWidthSizeS;
-@_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_BulletInactiveBackground: var(--sapContent_ForegroundBorderColor);
-@_sap_m_Carousel_BulletInactiveBorderColor: var(--sapContent_ForegroundBorderColor);
-@_sap_m_Carousel_BulletActiveBackground: var(--sapContent_Selected_ForegroundColor);
-@_sap_m_Carousel_BulletActiveBorder: var(--sapContent_Selected_ForegroundColor);
+.sapMCrsl {
+	--_sap_m_Carousel_BackgroundColorSolid: var(--sapGroup_ContentBackground);
+	--_sap_m_Carousel_BackgroundColorTranslucent: var(--sapBackgroundColor);
+	--_sap_m_Carousel_MinWidth: 11.25rem;
+	--_sap_m_Carousel_PageIndicatorBarHeight: 2.75rem;
+	--_sap_m_Carousel_BottomArrowsOffset: ~'calc(2.75rem + 1px)';
+	--_sap_m_Carousel_ControlsNoArrowsHeight: 2.75rem;
+	--_sap_m_Carousel_NumericIndicatorTextColor: var(--sapPageFooter_TextColor);
+	--_sap_m_Carousel_PrevAndNextSize: 2.125rem;
+	--_sap_m_Carousel_PrevAndNextPosition: 0.5rem;
+	--_sap_m_Carousel_PrevAndNextFocusBorderRadius: inherit;
+	--_sap_m_Carousel_PageIndicatorWidthSizeS: 9rem;
+	--_sap_m_Carousel_PageIndicatorWidthSizeM: var(--_sap_m_Carousel_PageIndicatorWidthSizeS);
+	--_sap_m_Carousel_PageIndicatorWidthSizeL: var(--_sap_m_Carousel_PageIndicatorWidthSizeS);
+	--_sap_m_Carousel_PageIndicatorWidthSizeXL: var(--_sap_m_Carousel_PageIndicatorWidthSizeS);
+	--_sap_m_Carousel_PageIndicatorContainerPadding: 0.5rem;
+	--_sap_m_Carousel_BulletInactiveBackground: var(--sapContent_ForegroundBorderColor);
+	--_sap_m_Carousel_BulletInactiveBorderColor: var(--sapContent_ForegroundBorderColor);
+	--_sap_m_Carousel_BulletActiveBackground: var(--sapContent_Selected_ForegroundColor);
+	--_sap_m_Carousel_BulletActiveBorder: var(--sapContent_Selected_ForegroundColor);
+}

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

@@ -3,8 +3,10 @@
 /* Horizon theme                       */
 /* =================================== */
 
-@_sap_m_ColorPalette_SwatchWidthHitAreaCozy: 2.375rem;
-@_sap_m_ColorPalette_SwatchWidthHitAreaCompact: 1.75rem;
+.sapMColorPalette {
+	--_sap_m_ColorPalette_SwatchWidthHitAreaCozy: 2.375rem;
+	--_sap_m_ColorPalette_SwatchWidthHitAreaCompact: 1.75rem;
+}
 
 html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
 	border-radius: 0.25rem;
@@ -35,6 +37,7 @@ html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
 
 .sap-desktop .sapContrast,
 .sap-desktop.sapContrast {
+
 	.sapMColorPalette .sapMBtn {
 
 		&:focus::after {