@sapui5/sap.suite.ui.microchart 1.144.0 → 1.145.1

package/src/sap/suite/ui/microchart/StackedBarMicroChartBar.js

@@ -1,6 +1,6 @@
 /*!
  * SAPUI5
- * (c) Copyright 2025 SAP SE. All rights reserved.
+ * (c) Copyright 2026 SAP SE. All rights reserved.
  */
 
 // Provides sap.suite.ui.microchart.StackedBarMicroChartBar control.
@@ -20,7 +20,7 @@ sap.ui.define(["sap/ui/thirdparty/jquery", './library', 'sap/ui/core/Element', "
 	 * Contains the values of the stacked bar chart.
 	 * @extends sap.ui.core.Element
 	 *
-	 * @version 1.144.0
+	 * @version 1.145.1
 	 * @since 1.44.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/microchart/StackedBarMicroChartRenderer.js

@@ -1,6 +1,6 @@
 /*!
  * SAPUI5
- * (c) Copyright 2025 SAP SE. All rights reserved.
+ * (c) Copyright 2026 SAP SE. All rights reserved.
  */
 
 sap.ui.define([

package/src/sap/suite/ui/microchart/library.js

@@ -1,6 +1,6 @@
 /*!
  * SAPUI5
- * (c) Copyright 2025 SAP SE. All rights reserved.
+ * (c) Copyright 2026 SAP SE. All rights reserved.
  */
 
 /**
@@ -21,13 +21,13 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.suite.ui.microchart
 	 * @author SAP SE
-	 * @version 1.144.0
+	 * @version 1.145.1
 	 * @public
 	 */
 	var thisLib = CoreLib.init({
 		name: "sap.suite.ui.microchart",
 		apiVersion: 2,
-		version: "1.144.0",
+		version: "1.145.1",
 		// library dependencies
 		dependencies: ["sap.ui.core", "sap.m"],
 		types: [

package/src/sap/suite/ui/microchart/themes/base/AreaMicroChart.less

@@ -1,7 +1,7 @@
-/* ====================================================== */
-/* CSS for control sap.suite.ui.microchart/AreaMicroChart */
-/* Base Theme                                             */
-/* ====================================================== */
+/* ======================================================= */
+/* CSS for control sap.suite.ui.microchart/AreaMicroChart  */
+/* Base theme                                              */
+/* ======================================================= */
 
 .sapSuiteAMC {
 	background-color: transparent;
@@ -42,7 +42,7 @@
 	display: block;
 }
 
-// helper classes for canvas rendering
+/* helper classes for canvas rendering */
 .sapSuiteAMCTarget {
 	outline-style: dotted;
 	width: 2px;
@@ -60,18 +60,18 @@
 	width: 1px;
 }
 
-// focus
+/* focus */
 html.sap-desktop .sapSuiteAMC:focus:not([tabindex]),
 .sapSuiteAMC:focus:not([tabindex]) {
 	outline: none;
 }
 
 html.sap-desktop .sapSuiteAMC:focus {
-	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
-  	outline-offset: 1px;
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+	outline-offset: 1px;
 }
 
-// sizes
+/* sizes */
 .sapSuiteAMC.sapSuiteAMCSizeResponsive {
 	width: 100%;
 	height: 100%;
@@ -101,25 +101,28 @@ html.sapUiMedia-Std-Phone .sapSuiteAMC.sapSuiteAMCSizeAuto,
 }
 
 .sapSuiteAMC.sapSuiteAMCLookM {
+
 	.sapSuiteAMCLbl {
-		font-size: @sapMFontSmallSize;
+		font-size: var(--sapFontSmallSize);
 	}
 }
 
 .sapSuiteAMC.sapSuiteAMCLookS {
+
 	.sapSuiteAMCLbl {
-		font-size: @sapMFontSmallSize;
+		font-size: var(--sapFontSmallSize);
 	}
 }
 
 .sapSuiteAMC.sapSuiteAMCLookXS {
+
 	.sapSuiteAMCLabels,
 	.sapSuiteAMCSideLabels {
 		display: none;
 	}
 }
 
-// labels
+/* labels */
 .sapSuiteAMCLabels {
 	display: flex;
 	flex: 0 0 auto;
@@ -130,7 +133,7 @@ html.sapUiMedia-Std-Phone .sapSuiteAMC.sapSuiteAMCSizeAuto,
 	flex-direction: column;
 	flex: 0 1 auto;
 	justify-content: space-between;
-	min-width: 1px; // https://css-tricks.com/flexbox-truncated-text/
+	min-width: 1px; /* https://css-tricks.com/flexbox-truncated-text/ */
 }
 
 .sapSuiteAMCLbl {
@@ -169,6 +172,7 @@ html.sapUiMedia-Std-Phone .sapSuiteAMC.sapSuiteAMCSizeAuto,
 }
 
 .sapSuiteAMCWideMode {
+
 	.sapSuiteAMCPositionLeft {
 		text-align: end;
 	}
@@ -182,49 +186,8 @@ html.sapUiMedia-Std-Phone .sapSuiteAMC.sapSuiteAMCSizeAuto,
 	}
 }
 
-// for IE only, IE doesn't support text-align start/end
-// TODO can be removed when IE finally gets dropped
-html[data-sap-ui-browser^="ie"] {
-	.sapSuiteAMCLbl.sapSuiteAMCPositionLeft {
-		text-align: left;
-	}
-
-	.sapSuiteAMCLbl.sapSuiteAMCPositionRight {
-		text-align: right;
-	}
-
-	.sapSuiteAMCWideMode {
-		.sapSuiteAMCPositionLeft {
-			text-align: right;
-		}
-
-		.sapSuiteAMCPositionRight {
-			text-align: left;
-		}
-	}
-}
-
-html[dir=rtl][data-sap-ui-browser^="ie"] {
-	.sapSuiteAMCLbl.sapSuiteAMCPositionLeft {
-		text-align: right;
-	}
-
-	.sapSuiteAMCLbl.sapSuiteAMCPositionRight {
-		text-align: left;
-	}
-
-	.sapSuiteAMCWideMode {
-		.sapSuiteAMCPositionLeft {
-			text-align: left;
-		}
-
-		.sapSuiteAMCPositionRight {
-			text-align: right;
-		}
-	}
-}
-
 .sapSuiteAMCNoLabels {
+
 	.sapSuiteAMCLabels,
 	.sapSuiteAMCSideLabels {
 		display: none;
@@ -232,12 +195,14 @@ html[dir=rtl][data-sap-ui-browser^="ie"] {
 }
 
 .sapSuiteAMCNoMinMaxLabels {
+
 	.sapSuiteAMCPositionCenter {
 		display: none;
 	}
 }
 
 .sapSuiteAMCNoTopLabels:not(.sapSuiteAMCWideMode) {
+
 	.sapSuiteAMCPositionTop,
 	.sapSuiteAMCPositionCenter {
 		display: none;
@@ -245,40 +210,41 @@ html[dir=rtl][data-sap-ui-browser^="ie"] {
 }
 
 .sapSuiteAMCNoTopLabels.sapSuiteAMCWideMode {
+
 	.sapSuiteAMCSideLabels .sapSuiteAMCLbl:first-child {
 		visibility: hidden;
 	}
 }
 
-// colors
+/* colors */
 
 .sapSuiteAMCTarget.sapSuiteAMCSemanticColorNeutral,
 .sapSuiteAMCChart.sapSuiteAMCSemanticColorNeutral,
 .sapSuiteAMCLine.sapSuiteAMCSemanticColorNeutral {
-	color: @sapChart_LineColor_3;
+	color: var(--sapChart_LineColor_3);
 }
 
 
 .sapSuiteAMCTarget.sapSuiteAMCNeutralNoThreshold,
 .sapSuiteAMCChart.sapSuiteAMCNeutralNoThreshold,
 .sapSuiteAMCLine.sapSuiteAMCNeutralNoThreshold {
-	color: @sapChart_LineColor_3;
+	color: var(--sapChart_LineColor_3);
 }
 
 .sapSuiteAMCLbl.sapSuiteAMCSemanticColorNeutral {
-	color: @sapNeutralTextColor;
+	color: var(--sapNeutralTextColor);
 }
 
 .sapSuiteAMCLbl.sapSuiteAMCSemanticColorGood {
-	color: @sapPositiveTextColor;
+	color: var(--sapPositiveTextColor);
 }
 
 .sapSuiteAMCLbl.sapSuiteAMCSemanticColorCritical {
-	color: @sapCriticalTextColor;
+	color: var(--sapCriticalTextColor);
 }
 
 .sapSuiteAMCLbl.sapSuiteAMCSemanticColorError {
-	color: @sapNegativeTextColor;
+	color: var(--sapNegativeTextColor);
 }
 
 .sapSuiteAMCThreshold {
@@ -290,9 +256,9 @@ html[dir=rtl][data-sap-ui-browser^="ie"] {
 }
 
 .sapSuiteAMCThreshold.sapSuiteAMCSemanticColorNeutral {
-	background-color: @sapChart_Sequence_Neutral;
+	background-color: var(--sapChart_Sequence_Neutral);
 }
 
 .sapSuiteAMCTextColor {
-	color : @sapChart_Data_TextColor
+	color: var(--sapChart_Data_TextColor);
 }

package/src/sap/suite/ui/microchart/themes/base/BulletMicroChart.less

@@ -1,27 +1,26 @@
-/* ======================================================== */
-/* CSS for control sap.suite.ui.microchart/BulletMicroChart */
-/* Base Theme                                               */
-/* ======================================================== */
+/* ========================================================= */
+/* CSS for control sap.suite.ui.microchart/BulletMicroChart  */
+/* Base theme                                                */
+/* ========================================================= */
 
 .sapSuiteBMCContent {
 	position: relative;
-	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	outline: none;
 	font-weight: bold;
-	font-family: @sapUiFontHeaderFamily;
+	font-family: var(--sapFontHeaderFamily);
 	font-size: @sapMFontMediumSize;
 	display: flex;
 	align-items: center;
+
 	&.sapSuiteBMCSmallFont {
-		font-size: @sapMFontSmallSize;
+		font-size: var(--sapFontSmallSize);
 	}
 }
 
 html.sap-desktop .sapSuiteBMCContent:focus {
-	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
-  	outline-offset: 1px;
-
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+	outline-offset: 1px;
 }
 
 html.sap-desktop .sapSuiteBMCContent:focus:not([tabindex]),
@@ -68,7 +67,7 @@ html.sapUiMedia-Std-Phone .sapSuiteBMCContent.sapSuiteBMCSizeAuto,
 
 .sapSuiteBMCThresholdHidden .sapSuiteBMCThreshold,
 .sapSuiteBMCThresholdHidden .sapSuiteBMCDiamond {
-  visibility: hidden;
+	visibility: hidden;
 }
 
 .sapSuiteBMCBarValueMarker {
@@ -103,7 +102,7 @@ html.sapUiMedia-Std-Phone .sapSuiteBMCContent.sapSuiteBMCSizeAuto,
 .sapSuiteBMCTargetValue {
 	top: 0.1125rem;
 	font-weight: normal;
-	color: @sapChart_Data_TextColor
+	color: var(--sapChart_Data_TextColor)
 }
 
 .sapSuiteBMCThreshold {
@@ -131,16 +130,10 @@ html.sapUiMedia-Std-Phone .sapSuiteBMCContent.sapSuiteBMCSizeAuto,
 
 .sapSuiteBMCDiamond {
 	position: absolute;
-	-webkit-transform: rotate(-45deg) translate(-.02rem,0);
-	-moz-transform: rotate(-45deg) translate(-.02rem,0);
-	-ms-transform: rotate(-45deg) translate(-.02rem,0);
 	transform: rotate(-45deg) translate(-.02rem,0);
 }
 
 html[dir=rtl] .sapSuiteBMCDiamond {
-	-webkit-transform: rotate(-45deg) translate(.02rem,0);
-	-moz-transform: rotate(-45deg) translate(.02rem,0);
-	-ms-transform: rotate(-45deg) translate(.02rem,0);
 	transform: rotate(-45deg) translate(.02rem,0);
 }
 
@@ -201,12 +194,14 @@ html[dir=rtl] .sapSuiteBMCDiamond {
 	top: -12.5%;
 	height: 68.75%;
 }
+
 .sapSuiteBMCForecast {
 	top: 31.25%;
 	height: 25%;
 }
 
 .sapSuiteBMCSmallLook {
+
 	.sapSuiteBMCBar,
 	.sapSuiteBMCForecastBarValue,
 	.sapSuiteBMCBarValue {
@@ -234,13 +229,14 @@ html[dir=rtl] .sapSuiteBMCDiamond {
 		top:80%;
 	}
 
-  // size of the chart should be fixed
+	/* size of the chart should be fixed */
 	.sapSuiteBMCChartCanvas {
 		max-height: 1.3125rem;
-  }
+	}
 }
 
 .sapSuiteBMCExtraSmallLook {
+
 	.sapSuiteBMCBar,
 	.sapSuiteBMCForecastBarValue,
 	.sapSuiteBMCBarValue {
@@ -270,13 +266,14 @@ html[dir=rtl] .sapSuiteBMCDiamond {
 		visibility: hidden;
 	}
 
-  // size of the chart should be fixed
+	/* size of the chart should be fixed */
 	.sapSuiteBMCChartCanvas {
 		max-height: 1.125rem;
-  }
+	}
 }
 
 .sapSuiteBMCNoLabels {
+
 	.sapSuiteBMCTopLabel, .sapSuiteBMCBottomLabel {
 		display: none;
 	}
@@ -288,83 +285,83 @@ html[dir=rtl] .sapSuiteBMCDiamond {
 
 .sapSuiteBMCBarValue.sapSuiteBMCSemanticColorNeutral,
 .sapSuiteBMCBarValueMarker.sapSuiteBMCSemanticColorNeutral {
-	background-color: @sapChart_Sequence_Neutral_Minus1;
+	background-color: var(--sapChart_Sequence_Neutral_Minus1);
 }
 
 .sapSuiteBMCBarValue.sapSuiteBMCSemanticColorGood,
 .sapSuiteBMCBarValueMarker.sapSuiteBMCSemanticColorGood {
-	background-color: @sapChart_Sequence_Good;
+	background-color: var(--sapChart_Sequence_Good);
 }
 
 .sapSuiteBMCBarValue.sapSuiteBMCSemanticColorCritical,
 .sapSuiteBMCBarValueMarker.sapSuiteBMCSemanticColorCritical {
-	background-color: @sapChart_Sequence_Critical;
+	background-color: var(--sapChart_Sequence_Critical);
 }
 
 .sapSuiteBMCBarValue.sapSuiteBMCSemanticColorError,
 .sapSuiteBMCBarValueMarker.sapSuiteBMCSemanticColorError {
-	background-color: @sapChart_Sequence_Bad;
+	background-color: var(--sapChart_Sequence_Bad);
 }
 
 .sapSuiteBMCThreshold.sapSuiteBMCSemanticColorNeutral {
-	background-color: @sapNeutralElementColor;
+	background-color: var(--sapNeutralElementColor);
 }
 
 .sapSuiteBMCThreshold.sapSuiteBMCSemanticColorGood {
-	background-color: @sapPositiveElementColor;
+	background-color: var(--sapPositiveElementColor);
 }
 
 .sapSuiteBMCThreshold.sapSuiteBMCSemanticColorCritical {
-	background-color: @sapCriticalElementColor;
+	background-color: var(--sapCriticalElementColor);
 }
 
 .sapSuiteBMCThreshold.sapSuiteBMCSemanticColorError {
-	background-color: @sapNegativeElementColor;
+	background-color: var(--sapNegativeElementColor);
 }
 
 .sapSuiteBMCDiamond {
-	background-color: @sapUiNegativeElement;
+	background-color: var(--sapNegativeElementColor);
 }
 
 .sapSuiteBMCForecastBarValue.sapSuiteBMCSemanticColorNeutral {
-	background-color: @sapChart_Sequence_Neutral_Plus2;
+	background-color: var(--sapChart_Sequence_Neutral_Plus2);
 }
 
 .sapSuiteBMCForecastBarValue.sapSuiteBMCSemanticColorGood {
-	background-color: @sapSuccessBackground;
+	background-color: var(--sapSuccessBackground);
 }
 
 .sapSuiteBMCForecastBarValue.sapSuiteBMCSemanticColorCritical {
-	background-color: @sapWarningBackground;
+	background-color: var(--sapWarningBackground);
 }
 
 .sapSuiteBMCForecastBarValue.sapSuiteBMCSemanticColorError {
-	background-color: @sapErrorBackground;
+	background-color: var(--sapErrorBackground);
 }
 
 .sapSuiteBMCBar {
-	background-color: @sapContent_ForegroundColor;
-	border-color: @sapContent_ForegroundBorderColor;
-	outline: 0.0625rem solid @sapChart_Sequence_Neutral_BorderColor;
+	background-color: var(--sapContent_ForegroundColor);
+	border-color: var(--sapContent_ForegroundBorderColor);
+	outline: 0.0625rem solid var(--sapChart_Sequence_Neutral_BorderColor);
 }
 
 .sapSuiteBMCTargetBarValue {
-	border-left-color: @sapChart_ContrastLineColor;
-	background-color: @sapChart_LineColor_3;
+	border-left-color: var(--sapChart_ContrastLineColor);
+	background-color: var(--sapChart_LineColor_3);
 }
 
 .sapSuiteBMCItemValue.sapSuiteBMCSemanticColorNeutral {
-	color: @sapNeutralTextColor;
+	color: var(--sapNeutralTextColor);
 }
 
 .sapSuiteBMCItemValue.sapSuiteBMCSemanticColorGood {
-	color: @sapPositiveTextColor;
+	color: var(--sapPositiveTextColor);
 }
 
 .sapSuiteBMCItemValue.sapSuiteBMCSemanticColorCritical {
-	color: @sapCriticalTextColor;
+	color: var(--sapCriticalTextColor);
 }
 
 .sapSuiteBMCItemValue.sapSuiteBMCSemanticColorError {
-	color: @sapNegativeTextColor;
+	color: var(--sapNegativeTextColor);
 }

package/src/sap/suite/ui/microchart/themes/base/InteractiveDonutChart.less

@@ -8,8 +8,8 @@
 @_sap_suite_ui_microchart_InteractiveDonutChart_SegmentSelectedHoverBackground: fade(@sapUiHighlight, 60);
 @_sap_suite_ui_microchart_InteractiveDonutChart_SegmentBorderHover: fade(@sapUiHighlight, 40);
 @_sap_suite_ui_microchart_InteractiveDonutChart_SegmentBorderHoverSelected: fade(@sapUiHighlight, 80);
-@_sap_suite_ui_microchart_InteractiveDonutChart_SegmentBorder: var(--sapHighlightColor);
-@_sap_suite_ui_microchart_InteractiveDonutChart_SegmentFillColor: var(--sapHighlightColor);
+@_sap_suite_ui_microchart_InteractiveDonutChart_SegmentBorder: @sapUiHighlight;
+@_sap_suite_ui_microchart_InteractiveDonutChart_SegmentFillColor: @sapUiHighlight;
 
 .sapSuiteIDC {
 	position: relative;

package/src/sap/suite/ui/microchart/themes/base/StackedBarMicroChart.less

@@ -21,6 +21,7 @@
 		max-height: 3.5rem;
 		border: 1px solid var(--sapGroup_ContentBackground);
 		outline: 1px solid var(--sapContent_ForegroundBorderColor);
+		min-height: 1.125rem;
 	}
 
 	.sapSuiteStackedMCBar {

package/src/sap/suite/ui/microchart/themes/base/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * SAPUI5
- * (c) Copyright 2025 SAP SE. All rights reserved.
+ * (c) Copyright 2026 SAP SE. All rights reserved.
  */
 
 @import "../../../../../../sap/ui/core/themes/base/base.less";

package/src/sap/suite/ui/microchart/themes/sap_belize/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * SAPUI5
- * (c) Copyright 2025 SAP SE. All rights reserved.
+ * (c) Copyright 2026 SAP SE. All rights reserved.
  */
 
 /* ============================================================================ */

package/src/sap/suite/ui/microchart/themes/sap_belize_base/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * SAPUI5
- * (c) Copyright 2025 SAP SE. All rights reserved.
+ * (c) Copyright 2026 SAP SE. All rights reserved.
  */
 
 @import "../../../../../../sap/ui/core/themes/base/base.less";

package/src/sap/suite/ui/microchart/themes/sap_belize_hcb/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * SAPUI5
- * (c) Copyright 2025 SAP SE. All rights reserved.
+ * (c) Copyright 2026 SAP SE. All rights reserved.
  */
 
 /* ============================================================================ */

package/src/sap/suite/ui/microchart/themes/sap_belize_hcw/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * SAPUI5
- * (c) Copyright 2025 SAP SE. All rights reserved.
+ * (c) Copyright 2026 SAP SE. All rights reserved.
  */
 
 /* ============================================================================ */

package/src/sap/suite/ui/microchart/themes/sap_belize_plus/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * SAPUI5
- * (c) Copyright 2025 SAP SE. All rights reserved.
+ * (c) Copyright 2026 SAP SE. All rights reserved.
  */
 
 @import "../sap_belize/library.source.less";

package/src/sap/suite/ui/microchart/themes/sap_bluecrystal/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * SAPUI5
- * (c) Copyright 2025 SAP SE. All rights reserved.
+ * (c) Copyright 2026 SAP SE. All rights reserved.
  */
 
 /* ============================================================================== */

package/src/sap/suite/ui/microchart/themes/sap_bluecrystal_base/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * SAPUI5
- * (c) Copyright 2025 SAP SE. All rights reserved.
+ * (c) Copyright 2026 SAP SE. All rights reserved.
  */
 
 @import "../../../../../../sap/ui/core/themes/base/base.less";

package/src/sap/suite/ui/microchart/themes/sap_fiori_3/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * SAPUI5
- * (c) Copyright 2025 SAP SE. All rights reserved.
+ * (c) Copyright 2026 SAP SE. All rights reserved.
  */
 
 @import "../base/library.source.less";

package/src/sap/suite/ui/microchart/themes/sap_fiori_3_dark/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * SAPUI5
- * (c) Copyright 2025 SAP SE. All rights reserved.
+ * (c) Copyright 2026 SAP SE. All rights reserved.
  */
 
 @import "../base/library.source.less";

package/src/sap/suite/ui/microchart/themes/sap_fiori_3_hcb/AreaMicroChart.less

@@ -1,17 +1,17 @@
-/* ====================================================== */
-/* CSS for control sap.suite.ui.microchart/AreaMicroChart */
-/* Fiori 3 High Contrast Black Theme                      */
-/* ====================================================== */
+/* ======================================================= */
+/* CSS for control sap.suite.ui.microchart/AreaMicroChart  */
+/* Quartz High Contrast Black theme                        */
+/* ======================================================= */
 
 .sapSuiteAMCTarget {
 	outline-width: 7px;
 }
 
 html.sap-desktop .sapSuiteAMC:focus {
-  outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 }
 
 .sapSuiteAMCChart.sapSuiteAMCSemanticColorNeutral,
 .sapSuiteAMCTarget.sapSuiteAMCSemanticColorNeutral {
-	text-shadow: @sapContent_TextShadow;
+	text-shadow: var(--sapContent_TextShadow);
 }

package/src/sap/suite/ui/microchart/themes/sap_fiori_3_hcb/BulletMicroChart.less

@@ -1,10 +1,10 @@
-/* ======================================================== */
-/* CSS for control sap.suite.ui.microchart/BulletMicroChart */
-/* Fiori 3 High Contrast Black Theme                        */
-/* ======================================================== */
+/* ========================================================= */
+/* CSS for control sap.suite.ui.microchart/BulletMicroChart  */
+/* Quartz High Contrast Black theme                          */
+/* ========================================================= */
 
 html.sap-desktop .sapSuiteBMCContent:focus {
-  outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+  outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 }
 
 .sapSuiteBMCTargetValue {
@@ -35,4 +35,4 @@ html[dir=rtl] .sapSuiteBMCForecastBarValue {
 .sapSuiteBMCBarValueMarker.sapSuiteBMCModeTypeDelta {
 	border-left: 1px @sapUiHcStandardBackground solid;
 	border-right: 1px @sapUiHcStandardBackground solid;
-}
+}

package/src/sap/suite/ui/microchart/themes/sap_fiori_3_hcb/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * SAPUI5
- * (c) Copyright 2025 SAP SE. All rights reserved.
+ * (c) Copyright 2026 SAP SE. All rights reserved.
  */
 
 @import "../base/library.source.less";