Merge pull request #605 from Sysvale/bugfix/fix-gaugechart-to-others-…

…browsers Bugfix/fix gaugechart to others browsers
Sysvale · Apr 10, 2024 · 40053bc · 40053bc
2 parents e454706 + c6c030a
commit 40053bc
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@sysvale/cuida",
-	"version": "3.0.0-beta.124",
+	"version": "3.0.0-beta.125",
 	"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
@@ -113,6 +113,10 @@ export default {
 			};
 		},
 
+		chartProgressValue() {
+			return 198 * (1 - this.value / 100);
+		},
+
 		formatedValue() {
 			return `${this.value.toLocaleString('pt-br', {minimumFractionDigits: 1})}%`;
 		},
@@ -123,7 +127,7 @@ export default {
 <style lang="scss" scoped>
 @import './../assets/sass/tokens.scss';
 
-$stroke-progress: calc(198 * (1 - var(--value) / 100));
+$stroke-progress: v-bind(chartProgressValue);
 
 .responsive-container {
 	height: 100%;

diff --git a/src/tests/__snapshots__/IconButton.spec.ts.snap b/src/tests/__snapshots__/IconButton.spec.ts.snap
@@ -24,9 +24,13 @@ VueWrapper {
     "clickHandler": [Function],
     "computedModifiers": " cds-icon-button--lg",
     "disabled": false,
+    "feedbackIcon": "check-outline",
+    "feedbackOnClick": false,
     "hasOwnProperty": [Function],
     "icon": "trash-outline",
     "innerTooltipText": null,
+    "inputControlPanel": 0,
+    "internalIcon": "trash-outline",
     "predefinedSize": "cds-icon-button--lg",
     "predefinedSizes": [Array],
     "size": "lg",