@openui5/themelib_sap_horizon 1.148.0 → 1.149.0

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

@@ -59,14 +59,15 @@
 	border: none;
 }
 
-.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_dark/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_hcb/ActionListItem.less

@@ -22,10 +22,9 @@
 
 .sapMALI > .sapMLIBContent {
 	height: 2.5rem;
-	border: 0.0625rem solid @sapUiButtonActionSelectBorderColor;
+	border: 0.0625rem solid var(--sapList_BorderColor);
 	border-radius: 0.375rem;
 	box-sizing: border-box;
-	-webkit-box-align: center;
 	align-items: center;
 }
 

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

@@ -4,7 +4,7 @@
 /* ================================== */
 
 .sapMAT:hover {
-	outline:solid 0.1875rem var(--sapTile_Interactive_BorderColor);
+	outline: solid 0.1875rem var(--sapTile_Interactive_BorderColor);
 	background-color: var(--sapTile_Background);
 	box-shadow: none;
 }

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

@@ -3,12 +3,14 @@
 /* Horizon High Contrast Black 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;
-@_sap_m_Avatar_Hover_Box_Shadow_Offset: 0px;
+.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;
+	--_sap_m_Avatar_Hover_Box_Shadow_Offset: 0;
+}
 
 .sapFAvatarImageContain,
 .sapFAvatarIcon,
@@ -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_hcb/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_hcb/Breadcrumbs.less

@@ -19,7 +19,7 @@
 		color: var(--sapTextColor);
 
 		&:focus {
-			outline: 0.125rem dotted @sapUiHcStandardForeground;
+			outline: 0.125rem dotted var(--sapContent_FocusColor);
 			outline-offset: -0.125rem;
 		}
 	}
@@ -28,7 +28,7 @@
 		color: var(--sapTextColor);
 	}
 
-	.sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem>.sapMSlt.sapMSltIconOnly.sapMSltWithIcon.sapMSltHoverable.sapMSltWithArrow {
+	.sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem>.sapMSlt.sapMSltIconOnly.sapMSltWithIcon.sapMSltWithArrow {
 		background: transparent;
 		border: none;
 
@@ -37,7 +37,7 @@
 			display: flex;
 			align-items: center;
 			gap: 0.2rem;
-			margin-top: 0.1rem;
+			margin-top: -0.125rem;
 
 			&::before,
 			&::after {
@@ -52,7 +52,7 @@
 			&::after {
 				content: '\e1ef';
 				font-family: var(--sapContent_IconFontFamily);
-				font-size: @sapMFontMediumSize;
+				font-size: var(--sapFontSize);
 				color: var(--sapLinkColor);
 				speak: none;
 			}
@@ -60,12 +60,21 @@
 
 		&.sapMSltFocused,
 		&:hover {
-			outline: 0.125rem dotted @sapUiHcStandardForeground;
+			outline: 0.125rem dotted var(--sapContent_FocusColor);
 			outline-offset: -0.125rem;
 
 			.sapMSltIcon::before {
 				border-bottom: none;
 			}
 		}
+
+		/* Override base theme specificity (.sapMSltHoverable) for border-bottom */
+		&.sapMSltHoverable:hover,
+		&.sapMSltHoverable.sapMSltFocused {
+
+			.sapMSltIcon::before {
+				border-bottom: none;
+			}
+		}
 	}
-}
+}

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

@@ -3,28 +3,28 @@
 /* Horizon High Contrast Black theme  */
 /* ================================== */
 
-/* ========================================================================== */
 /* Variables overriding */
-/* ========================================================================== */
 
-@_sap_m_Carousel_BackgroundColor: 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_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: transparent;
-@_sap_m_Carousel_BulletInactiveBorderColor: var(--sapContent_ForegroundBorderColor);
-@_sap_m_Carousel_BulletActiveBackground: var(--sapContent_Selected_ForegroundColor);
-@_sap_m_Carousel_BulletActiveBorder: var(--sapContent_Selected_ForegroundColor);
-@_sap_m_Carousel_BulletInactiveWidth: 0.375rem;
-@_sap_m_Carousel_BulletInactiveMargin: 0 0.25rem;
-@_sap_m_Carousel_FocusBorderOffsetArrow: -0.3125rem;
-@_sap_m_Carousel_ContrastFocusBorder: var(--sapContent_FocusWidth) solid var(--sapBackgroundColor);
+.sapMCrsl {
+	--_sap_m_Carousel_BackgroundColor: 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_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: transparent;
+	--_sap_m_Carousel_BulletInactiveBorderColor: var(--sapContent_ForegroundBorderColor);
+	--_sap_m_Carousel_BulletActiveBackground: var(--sapContent_Selected_ForegroundColor);
+	--_sap_m_Carousel_BulletActiveBorder: var(--sapContent_Selected_ForegroundColor);
+	--_sap_m_Carousel_BulletInactiveWidth: 0.375rem;
+	--_sap_m_Carousel_BulletInactiveMargin: 0 0.25rem;
+	--_sap_m_Carousel_FocusBorderOffsetArrow: -0.3125rem;
+	--_sap_m_Carousel_ContrastFocusBorder: var(--sapContent_FocusWidth) solid var(--sapBackgroundColor);
+}

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

@@ -19,7 +19,7 @@
 	box-sizing: border-box;
 }
 
-.sapMDialog > header .sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
+.sapMDialog > .sapMDialogHeader .sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
 	font-size: 1rem;
 }
 
@@ -34,7 +34,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;
 	}
 }
@@ -45,18 +45,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_hcb/Link.less

@@ -30,10 +30,6 @@ html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {
 
 	&:focus {
 		outline: 0.125rem dotted var(--sapContent_FocusColor);
-
-		&:hover:not(:active) {
-			text-decoration: none;
-		}
 	}
 
 	&.sapMLnkSubtle {

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

@@ -35,14 +35,12 @@ html.sap-desktop .sapMObjectNumberActive:focus {
 		left: 1px;
 		bottom: -1px;
 		right: 1px;
-		outline: 2px dotted var(--sapContent_FocusColor);
+		outline: 0.125rem dotted var(--sapContent_FocusColor);
 	}
 
 	&.sapMObjectNumberInverted .sapMObjectNumberInner::after {
+		outline-offset: -0.125rem;
 		top: 0.125rem;
-		left: 0.125rem;
-		bottom: 0.0625rem;
-		right: 0.125rem;
 		outline: 0.125rem dotted var(--sapContent_FocusColor);
 	}
 
@@ -56,11 +54,11 @@ html.sap-desktop .sapMObjectNumberActive:focus {
 		}
 
 		&.sapMObjectNumberInverted .sapMObjectNumberInner::after {
-			top: 3px;
-			left: 3px;
+			top: 2px;
+			left: 2px;
 			bottom: 3px;
-			right: 3px;
-			outline: 2px dotted var(--sapContent_ContrastFocusColor);
+			right: 2px;
+			outline: 0.125rem dotted var(--sapContent_ContrastFocusColor);
 		}
 	}
 }

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

@@ -37,12 +37,13 @@
 	border: none;
 }
 
-.sapMPanelContent:not(.sapMPanelBGTransparent) {
+.sapMPanelContentWrapper:not(:has(> .sapMPanelBGTransparent)) {
 	border-bottom: @sapGroup_TitleBorderWidth solid @sapUiGroupTitleBorderColor;
 }
 
-.sapMPanelContent {
+.sapMPanelContentWrapper {
 	padding: 0.625rem 1rem;
+	background-color: var(--sapGroup_ContentBackground);
 }
 
 .sapMPanel .sapMPanelHdr {

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

@@ -22,10 +22,9 @@
 
 .sapMALI > .sapMLIBContent {
 	height: 2.5rem;
-	border: 0.0625rem solid @sapUiButtonActionSelectBorderColor;
+	border: 0.0625rem solid var(--sapList_BorderColor);
 	border-radius: 0.375rem;
 	box-sizing: border-box;
-	-webkit-box-align: center;
 	align-items: center;
 }
 

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

@@ -4,7 +4,7 @@
 /* ================================== */
 
 .sapMAT:hover {
-	outline:solid 0.1875rem var(--sapTile_Interactive_BorderColor);
+	outline: solid 0.1875rem var(--sapTile_Interactive_BorderColor);
 	background-color: var(--sapTile_Background);
 	box-shadow: none;
 }

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

@@ -3,12 +3,14 @@
 /* Horizon High Contrast White 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;
-@_sap_m_Avatar_Hover_Box_Shadow_Offset: 0px;
+.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;
+	--_sap_m_Avatar_Hover_Box_Shadow_Offset: 0;
+}
 
 .sapFAvatarImageContain,
 .sapFAvatarIcon,
@@ -62,19 +64,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_hcw/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_hcw/Breadcrumbs.less

@@ -19,7 +19,7 @@
 		color: var(--sapTextColor);
 
 		&:focus {
-			outline: 0.125rem dotted @sapUiHcStandardForeground;
+			outline: 0.125rem dotted var(--sapContent_FocusColor);
 			outline-offset: -0.125rem;
 		}
 	}
@@ -28,7 +28,7 @@
 		color: var(--sapTextColor);
 	}
 
-	.sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem>.sapMSlt.sapMSltIconOnly.sapMSltWithIcon.sapMSltHoverable.sapMSltWithArrow {
+	.sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem>.sapMSlt.sapMSltIconOnly.sapMSltWithIcon.sapMSltWithArrow {
 		background: transparent;
 		border: none;
 
@@ -37,7 +37,7 @@
 			display: flex;
 			align-items: center;
 			gap: 0.2rem;
-			margin-top: 0.1rem;
+			margin-top: -0.125rem;
 
 			&::before,
 			&::after {
@@ -52,7 +52,7 @@
 			&::after {
 				content: '\e1ef';
 				font-family: var(--sapContent_IconFontFamily);
-				font-size: @sapMFontMediumSize;
+				font-size: var(--sapFontSize);
 				color: var(--sapLinkColor);
 				speak: none;
 			}
@@ -60,12 +60,21 @@
 
 		&.sapMSltFocused,
 		&:hover {
-			outline: 0.125rem dotted @sapUiHcStandardForeground;
+			outline: 0.125rem dotted var(--sapContent_FocusColor);
 			outline-offset: -0.125rem;
 
 			.sapMSltIcon::before {
 				border-bottom: none;
 			}
 		}
+
+		/* Override base theme specificity (.sapMSltHoverable) for border-bottom */
+		&.sapMSltHoverable:hover,
+		&.sapMSltHoverable.sapMSltFocused {
+
+			.sapMSltIcon::before {
+				border-bottom: none;
+			}
+		}
 	}
-}
+}

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

@@ -3,28 +3,28 @@
 /* Horizon High Contrast White theme  */
 /* ================================== */
 
-/* ========================================================================== */
 /* Variables overriding */
-/* ========================================================================== */
 
-@_sap_m_Carousel_BackgroundColor: 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_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: transparent;
-@_sap_m_Carousel_BulletInactiveBorderColor: var(--sapContent_ForegroundBorderColor);
-@_sap_m_Carousel_BulletActiveBackground: var(--sapContent_Selected_ForegroundColor);
-@_sap_m_Carousel_BulletActiveBorder: var(--sapContent_Selected_ForegroundColor);
-@_sap_m_Carousel_BulletInactiveWidth: 0.375rem;
-@_sap_m_Carousel_BulletInactiveMargin: 0 0.25rem;
-@_sap_m_Carousel_FocusBorderOffsetArrow: -0.3125rem;
-@_sap_m_Carousel_ContrastFocusBorder: var(--sapContent_FocusWidth) solid var(--sapBackgroundColor);
+.sapMCrsl {
+	--_sap_m_Carousel_BackgroundColor: 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_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: transparent;
+	--_sap_m_Carousel_BulletInactiveBorderColor: var(--sapContent_ForegroundBorderColor);
+	--_sap_m_Carousel_BulletActiveBackground: var(--sapContent_Selected_ForegroundColor);
+	--_sap_m_Carousel_BulletActiveBorder: var(--sapContent_Selected_ForegroundColor);
+	--_sap_m_Carousel_BulletInactiveWidth: 0.375rem;
+	--_sap_m_Carousel_BulletInactiveMargin: 0 0.25rem;
+	--_sap_m_Carousel_FocusBorderOffsetArrow: -0.3125rem;
+	--_sap_m_Carousel_ContrastFocusBorder: var(--sapContent_FocusWidth) solid var(--sapBackgroundColor);
+}

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

@@ -19,7 +19,7 @@
 	box-sizing: border-box;
 }
 
-.sapMDialog > header .sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
+.sapMDialog > .sapMDialogHeader .sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
 	font-size: 1rem;
 }
 
@@ -34,7 +34,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;
 	}
 }
@@ -45,18 +45,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_hcw/Link.less

@@ -30,10 +30,6 @@ html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {
 
 	&:focus {
 		outline: 0.125rem dotted var(--sapContent_FocusColor);
-
-		&:hover:not(:active) {
-			text-decoration: none;
-		}
 	}
 
 	&.sapMLnkSubtle {

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

@@ -35,14 +35,12 @@ html.sap-desktop .sapMObjectNumberActive:focus {
 		left: 1px;
 		bottom: -1px;
 		right: 1px;
-		outline: 2px dotted var(--sapContent_FocusColor);
+		outline: 0.125rem dotted var(--sapContent_FocusColor);
 	}
 
 	&.sapMObjectNumberInverted .sapMObjectNumberInner::after {
+		outline-offset: -0.125rem;
 		top: 0.125rem;
-		left: 0.125rem;
-		bottom: 0.0625rem;
-		right: 0.125rem;
 		outline: 0.125rem dotted var(--sapContent_FocusColor);
 	}
 
@@ -56,11 +54,11 @@ html.sap-desktop .sapMObjectNumberActive:focus {
 		}
 
 		&.sapMObjectNumberInverted .sapMObjectNumberInner::after {
-			top: 3px;
-			left: 3px;
+			top: 2px;
+			left: 2px;
 			bottom: 3px;
-			right: 3px;
-			outline: 2px dotted var(--sapContent_ContrastFocusColor);
+			right: 2px;
+			outline: 0.125rem dotted var(--sapContent_ContrastFocusColor);
 		}
 	}
 }

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

@@ -37,12 +37,13 @@
 	border: none;
 }
 
-.sapMPanelContent:not(.sapMPanelBGTransparent) {
+.sapMPanelContentWrapper:not(:has(> .sapMPanelBGTransparent)) {
 	border-bottom: @sapGroup_TitleBorderWidth solid @sapUiGroupTitleBorderColor;
 }
 
-.sapMPanelContent {
+.sapMPanelContentWrapper {
 	padding: 0.625rem 1rem;
+	background-color: var(--sapGroup_ContentBackground);
 }
 
 .sapMPanel .sapMPanelHdr {

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

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

package/src/sap/ui/codeeditor/themes/sap_horizon_hcb/CodeEditor.less

@@ -4,6 +4,7 @@
 /* ============================================= */
 
 .sapCEdThemeDefault .ace_editor {
+
 	.ace_marker-layer .ace_selection {
 		background: #292929;
 	}