Merge pull request #1009 from Sysvale/bugfix/gauge-chart-colors

RafaelGondi · web-flow · commit 4eb97b2a8748 · 2025-09-11T10:42:46.000-03:00
Bugfix/gauge chart colors
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@sysvale/cuida",
-	"version": "3.142.2",
+	"version": "3.142.3",
 	"description": "A design system built by Sysvale, using storybook and Vue components",
 	"repository": {
 		"type": "git",
diff --git a/src/components/GaugeChart.vue b/src/components/GaugeChart.vue
@@ -16,7 +16,7 @@
 					@mouseleave="showPopover = false"
 				>
 					<linearGradient
-						id="gradient"
+						:id="`gradient-${uniqueKey}`"
 						x1="0"
 						y1="0"
 						x2="0"
@@ -41,10 +41,10 @@
 						/>
 
 						<path
-							
 							fill="none"
 							class="indicator-progress"
 							d="M30,90 A40,40 0 1,1 80,90"
+							:style="{ stroke: `url(#gradient-${uniqueKey})` }"
 						/>
 
 						<path
@@ -241,7 +241,6 @@ $target: v-bind(targetValue);
 	}
 
 	path.indicator-progress {
-		stroke: url(#gradient);
 		stroke-dasharray: 198;
 		stroke-dashoffset: var(--percentage);
 		animation: dash 1s ease-out;

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@sysvale/cuida",`
`3`		`- "version": "3.142.2",`
	`3`	`+ "version": "3.142.3",`
`4`	`4`	`"description": "A design system built by Sysvale, using storybook and Vue components",`
`5`	`5`	`"repository": {`
`6`	`6`	`"type": "git",`