fix(Progressbar): use token for bar height

vtex · Feb 14, 2025 · 0527ad1 · 0527ad1
1 parent 6b6209a
commit 0527ad1
Showing 1 changed file with 11 additions and 10 deletions.
diff --git a/packages/ui/src/components/atoms/ProgressBar/styles.scss b/packages/ui/src/components/atoms/ProgressBar/styles.scss
@@ -3,30 +3,31 @@
   // Design Tokens for ProgressBar
   // --------------------------------------------------------
 
-  --fs-progress-bar-height: 4px;
-  --fs-progress-bar-radius: 4px;
-  --fs-progress-bar-track-color: var(--fs-color-neutral-2);
-  --fs-progress-bar-fill-color: var(--fs-color-main-2);
-  --fs-progress-bar-transition-function: var(--fs-transition-function);
-  --fs-progress-bar-transition-property: var(--fs-transition-property);
-  --fs-progress-bar-transition-timing: var(--fs-transition-timing);
+  --fs-progress-bar-height                                   : var(--fs-spacing-0);
+  --fs-progress-bar-radius                                   : 4px;
+  --fs-progress-bar-track-color                              : var(--fs-color-neutral-2);
+  --fs-progress-bar-fill-color                               : var(--fs-color-main-2);
+  --fs-progress-bar-transition-function                      : var(--fs-transition-function);
+  --fs-progress-bar-transition-property                      : var(--fs-transition-property);
+  --fs-progress-bar-transition-timing                        : var(--fs-transition-timing);
 
   // Default properties
   width: 100%;
   height: var(--fs-progress-bar-height);
 
   [data-fs-progress-bar-track] {
-    background-color: var(--fs-progress-bar-track-color);
     width: 100%;
     height: 100%;
     overflow: hidden;
+    background-color: var(--fs-progress-bar-track-color);
     border-radius: var(--fs-progress-bar-radius);
   }
 
   [data-fs-progress-bar-fill] {
-    background-color: var(--fs-progress-bar-fill-color);
     height: 100%;
-    transition: var(--fs-progress-bar-transition-property)
+    background-color: var(--fs-progress-bar-fill-color);
+    transition:
+      var(--fs-progress-bar-transition-property)
       var(--fs-progress-bar-transition-timing)
       var(--fs-progress-bar-transition-function);
   }