@openui5/themelib_sap_fiori_3 1.147.1 → 1.149.0

package/THIRDPARTY.txt

@@ -39,7 +39,7 @@ Contained in: src/sap.f/src/sap/f/thirdparty/**
 
 Library: sap.m:
 
-Component: purify.js, version: 3.2.4
+Component: purify.js, version: 3.4.1
 Copyright: Mario Heiderich
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.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
@@ -454,7 +454,7 @@ License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: lib/jsdoc/ui5/plugin.js
 
-Component: SAP Theming Base Content, version: 11.34.0
+Component: SAP Theming Base Content, version: 11.35.1
 Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
 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_fiori_3",
-  "version": "1.147.1",
+  "version": "1.149.0",
   "description": "OpenUI5 Theme Library sap_fiori_3",
   "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.147.1",
-    "@openui5/sap.m": "1.147.1",
-    "@openui5/sap.tnt": "1.147.1",
-    "@openui5/sap.ui.codeeditor": "1.147.1",
-    "@openui5/sap.ui.commons": "1.147.1",
-    "@openui5/sap.ui.core": "1.147.1",
-    "@openui5/sap.ui.dt": "1.147.1",
-    "@openui5/sap.ui.fl": "1.147.1",
-    "@openui5/sap.ui.mdc": "1.147.1",
-    "@openui5/sap.ui.integration": "1.147.1",
-    "@openui5/sap.ui.layout": "1.147.1",
-    "@openui5/sap.ui.rta": "1.147.1",
-    "@openui5/sap.ui.suite": "1.147.1",
-    "@openui5/sap.ui.table": "1.147.1",
-    "@openui5/sap.ui.unified": "1.147.1",
-    "@openui5/sap.ui.ux3": "1.147.1",
-    "@openui5/sap.uxap": "1.147.1"
+    "@openui5/sap.f": "1.149.0",
+    "@openui5/sap.m": "1.149.0",
+    "@openui5/sap.tnt": "1.149.0",
+    "@openui5/sap.ui.codeeditor": "1.149.0",
+    "@openui5/sap.ui.commons": "1.149.0",
+    "@openui5/sap.ui.core": "1.149.0",
+    "@openui5/sap.ui.dt": "1.149.0",
+    "@openui5/sap.ui.fl": "1.149.0",
+    "@openui5/sap.ui.mdc": "1.149.0",
+    "@openui5/sap.ui.integration": "1.149.0",
+    "@openui5/sap.ui.layout": "1.149.0",
+    "@openui5/sap.ui.rta": "1.149.0",
+    "@openui5/sap.ui.suite": "1.149.0",
+    "@openui5/sap.ui.table": "1.149.0",
+    "@openui5/sap.ui.unified": "1.149.0",
+    "@openui5/sap.ui.ux3": "1.149.0",
+    "@openui5/sap.uxap": "1.149.0"
   }
 }

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

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

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

@@ -1,7 +1,7 @@
-/* ================================== */
+/* ================================= */
 /* CSS for control sap.m/ActionTile  */
-/* Fiori 3 theme                      */
-/* ================================== */
+/* Quartz Light theme                */
+/* ================================= */
 
 .sapMAT:hover {
 	box-shadow: none;

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

@@ -1,6 +1,6 @@
 /* ============================= */
 /* CSS for control sap.m/Avatar  */
-/* Fiori 3 theme                 */
+/* Quartz Light theme            */
 /* ============================= */
 
 .sapFAvatarInitialsHolder {

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

@@ -1,6 +1,6 @@
 /* ========================== */
 /* CSS for control sap.m/Bar  */
-/* Fiori 3 theme              */
+/* Quartz Light theme         */
 /* ========================== */
 
 .sapMBar {
@@ -75,6 +75,6 @@
 	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_fiori_3/BusyIndicator.less

@@ -1,6 +1,6 @@
 /* ==================================== */
 /* CSS for control sap.m/BusyIndicator  */
-/* Fiori 3 theme                        */
+/* Quartz Light theme                   */
 /* ==================================== */
 
 /* Background animation element */

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

@@ -1,21 +1,21 @@
 /* =============================== */
 /* CSS for control sap.m/Carousel  */
-/* Fiori 3 theme                   */
+/* Quartz Light theme              */
 /* =============================== */
 
-/* ========================================================================== */
 /* Variables overriding */
-/* ========================================================================== */
 
-@_sap_m_Carousel_BackgroundColorSolid: var(--sapGroup_ContentBackground);
-@_sap_m_Carousel_BackgroundColorTranslucent: var(--sapBackgroundColor);
-@_sap_m_Carousel_MinWidth: 15.5rem;
-@_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;
+.sapMCrsl {
+	--_sap_m_Carousel_BackgroundColorSolid: var(--sapGroup_ContentBackground);
+	--_sap_m_Carousel_BackgroundColorTranslucent: var(--sapBackgroundColor);
+	--_sap_m_Carousel_MinWidth: 11.25em;
+	--_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;
+}

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

@@ -1,6 +1,6 @@
 /* =================================== */
 /* CSS for control sap.m/ColorPalette  */
-/* Fiori 3 theme                       */
+/* Quartz Light theme                  */
 /* =================================== */
 
 .sapMColorPalette .sapMColorPaletteSquare:hover > div,

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

@@ -26,7 +26,7 @@
 	box-sizing: border-box;
 }
 
-.sapMDialog > header .sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
+.sapMDialog > .sapMDialogHeader .sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
 	font-size: 1rem;
 }
 
@@ -41,7 +41,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;
 	}
 }
@@ -52,18 +52,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_fiori_3/Panel.less

@@ -30,10 +30,14 @@
 	border-bottom: 0.0625rem solid var(--sapGroup_TitleBorderColor);
 }
 
-.sapMPanelContent:not(.sapMPanelBGTransparent) {
+.sapMPanelContentWrapper:not(:has(> .sapMPanelBGTransparent)) {
 	border-bottom: 0.0625rem solid var(--sapGroup_TitleBorderColor);
 }
 
+.sapMPanelContentWrapper:has(> .sapMPanelBGSolid) {
+	background-color: var(--sapGroup_ContentBackground);
+}
+
 .sapMPanel .sapMPanelHdr {
 	line-height: 2.75rem;
 	height: 2.75rem;

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

@@ -75,6 +75,6 @@
 	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_fiori_3_dark/Carousel.less

@@ -3,19 +3,19 @@
 /* Quartz Dark theme               */
 /* =============================== */
 
-/* ========================================================================== */
 /* Variables overriding */
-/* ========================================================================== */
 
-@_sap_m_Carousel_BackgroundColorSolid: var(--sapGroup_ContentBackground);
-@_sap_m_Carousel_BackgroundColorTranslucent: var(--sapBackgroundColor);
-@_sap_m_Carousel_MinWidth: 15.5rem;
-@_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;
+.sapMCrsl {
+	--_sap_m_Carousel_BackgroundColorSolid: var(--sapGroup_ContentBackground);
+	--_sap_m_Carousel_BackgroundColorTranslucent: var(--sapBackgroundColor);
+	--_sap_m_Carousel_MinWidth: 11.25rem;
+	--_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;
+}

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

@@ -26,7 +26,7 @@
 	box-sizing: border-box;
 }
 
-.sapMDialog > header .sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
+.sapMDialog > .sapMDialogHeader .sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
 	font-size: 1rem;
 }
 
@@ -41,7 +41,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;
 	}
 }
@@ -52,17 +52,17 @@ 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;
 	}
 
-	footer .sapMTB {
+	.sapMDialogFooter .sapMTB {
 		padding: 0 1rem;
 	}
 }

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

@@ -30,10 +30,14 @@
 	border-bottom: 0.0625rem solid var(--sapGroup_TitleBorderColor);
 }
 
-.sapMPanelContent:not(.sapMPanelBGTransparent) {
+.sapMPanelContentWrapper:not(:has(> .sapMPanelBGTransparent)) {
 	border-bottom: 0.0625rem solid var(--sapGroup_TitleBorderColor);
 }
 
+.sapMPanelContentWrapper:has(> .sapMPanelBGSolid) {
+	background-color: var(--sapGroup_ContentBackground);
+}
+
 .sapMPanel .sapMPanelHdr {
 	line-height: 2.75rem;
 	height: 2.75rem;

package/src/sap/m/themes/sap_fiori_3_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_fiori_3_hcb/Avatar.less

@@ -3,7 +3,9 @@
 /* Quartz High Contrast Black theme  */
 /* ================================= */
 
-@_sap_m_Avatar_Hover_Box_Shadow_Offset: 0px;
+.sapFAvatar {
+	--_sap_m_Avatar_Hover_Box_Shadow_Offset: 0;
+}
 
 .sapFAvatarImageContain,
 .sapFAvatarIcon,
@@ -55,11 +57,11 @@
 	font-size: inherit;
 }
 
-// Create classes which would just set background color of Avatar
+/* Create classes which would just set background color of Avatar */
 .generateColor (@accentIndex) {
-	@css-selector: ~"sapFAvatarColorAccent@{accentIndex}"; // Create the css selector string
+	@css-selector: ~"sapFAvatarColorAccent@{accentIndex}"; /* Create the css selector string */
 
-	// Build the real CSS selector.
+	/* Build the real CSS selector. */
 	.@{css-selector} {
 		background-color: var(--sapBackgroundColor);
 	}

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

@@ -75,6 +75,6 @@
 	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_fiori_3_hcb/Breadcrumbs.less

@@ -16,7 +16,7 @@
 	}
 
 	.sapMBreadcrumbsCurrentLocation:focus {
-		outline: 0.125rem dotted @sapUiHcStandardForeground;
+		outline: 0.125rem dotted var(--sapContent_FocusColor);
 		outline-offset: -0.125rem;
 	}
 }

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

@@ -3,27 +3,25 @@
 /* Quartz High Contrast Black theme  */
 /* ================================= */
 
-/* ========================================================================== */
 /* Variables overriding */
-/* ========================================================================== */
 
-@_sap_m_Carousel_BackgroundColor: var(--sapBackgroundColor);
-@_sap_m_Carousel_MinWidth: 15.5rem;
-@_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: none;
-@_sap_m_Carousel_BulletInactiveBorderColor: var(--sapContent_ForegroundBorderColor);
-
-@_sap_m_Carousel_BulletActiveBorder: var(--sapContent_ForegroundBorderColor);
-
-@_sap_m_Carousel_BulletInactiveWidth: 0.5rem;
-@_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_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: none;
+	--_sap_m_Carousel_BulletInactiveBorderColor: var(--sapContent_ForegroundBorderColor);
+	--_sap_m_Carousel_BulletActiveBorder: var(--sapContent_ForegroundBorderColor);
+	--_sap_m_Carousel_BulletInactiveWidth: 0.5rem;
+	--_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_fiori_3_hcb/Dialog.less

@@ -19,11 +19,11 @@
 	box-sizing: border-box;
 }
 
-.sapMDialog > header .sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
+.sapMDialog > .sapMDialogHeader .sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
 	font-size: 1rem;
 }
 
-.sapMDialogInformation > header .sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
+.sapMDialogInformation > .sapMDialogHeader .sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
 	color: var(--sapInformativeElementColor);
 }
 
@@ -38,7 +38,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;
 	}
 }
@@ -49,18 +49,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_fiori_3_hcb/Link.less

@@ -22,12 +22,11 @@
 }
 
 html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
-	text-decoration: none;
 	outline: 0.125rem dotted var(--sapContent_FocusColor);
 }
 
 html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl) {
-	text-decoration: none;
+	text-decoration: var(--sapLink_Hover_TextDecoration);
 }
 
 .sapMLnk:hover.sapMLnkDsbl,

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

@@ -30,10 +30,14 @@
 	border-bottom: 0.0625rem solid var(--sapGroup_TitleBorderColor);
 }
 
-.sapMPanelContent:not(.sapMPanelBGTransparent) {
+.sapMPanelContentWrapper:not(:has(> .sapMPanelBGTransparent)) {
 	border-bottom: 0.0625rem solid var(--sapGroup_TitleBorderColor);
 }
 
+.sapMPanelContentWrapper {
+	background-color: var(--sapBackgroundColor);
+}
+
 .sapMPanel .sapMPanelHdr {
 	line-height: 2.75rem;
 	height: 2.75rem;

package/src/sap/m/themes/sap_fiori_3_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_fiori_3_hcw/Avatar.less

@@ -3,7 +3,9 @@
 /* Quartz High Contrast White theme  */
 /* ================================= */
 
-@_sap_m_Avatar_Hover_Box_Shadow_Offset: 0px;
+.sapFAvatar {
+	--_sap_m_Avatar_Hover_Box_Shadow_Offset: 0;
+}
 
 .sapFAvatarImageContain,
 .sapFAvatarIcon,
@@ -55,11 +57,11 @@
 	font-size: inherit;
 }
 
-// Create classes which would just set background color of Avatar
+/* Create classes which would just set background color of Avatar */
 .generateColor (@accentIndex) {
-	@css-selector: ~"sapFAvatarColorAccent@{accentIndex}"; // Create the css selector string
+	@css-selector: ~"sapFAvatarColorAccent@{accentIndex}"; /* Create the css selector string */
 
-	// Build the real CSS selector.
+	/* Build the real CSS selector. */
 	.@{css-selector} {
 		background-color: var(--sapBackgroundColor);
 	}

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

@@ -75,6 +75,6 @@
 	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_fiori_3_hcw/Breadcrumbs.less

@@ -16,7 +16,7 @@
 	}
 
 	.sapMBreadcrumbsCurrentLocation:focus {
-		outline: 0.125rem dotted @sapUiHcStandardForeground;
+		outline: 0.125rem dotted var(--sapContent_FocusColor);
 		outline-offset: -0.125rem;
 	}
 }

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

@@ -3,25 +3,25 @@
 /* Quartz High Contrast White theme  */
 /* ================================= */
 
-/* ========================================================================== */
 /* Variables overriding */
-/* ========================================================================== */
 
-@_sap_m_Carousel_BackgroundColor: var(--sapBackgroundColor);
-@_sap_m_Carousel_MinWidth: 15.5rem;
-@_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: none;
-@_sap_m_Carousel_BulletInactiveBorderColor: var(--sapContent_ForegroundBorderColor);
-@_sap_m_Carousel_BulletActiveBorder: var(--sapContent_ForegroundBorderColor);
-@_sap_m_Carousel_BulletInactiveWidth: 0.5rem;
-@_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_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: none;
+	--_sap_m_Carousel_BulletInactiveBorderColor: var(--sapContent_ForegroundBorderColor);
+	--_sap_m_Carousel_BulletActiveBorder: var(--sapContent_ForegroundBorderColor);
+	--_sap_m_Carousel_BulletInactiveWidth: 0.5rem;
+	--_sap_m_Carousel_BulletInactiveMargin: 0 0.25rem;
+	--_sap_m_Carousel_FocusBorderOffsetArrow: -0.3125rem;
+	--_sap_m_Carousel_ContrastFocusBorder: var(--sapContent_FocusWidth) solid var(--sapBackgroundColor);
+}