From b73b29f37bd8dfcab55f4d4463a190f83b475135 Mon Sep 17 00:00:00 2001
From: Juan rojas <davidr2998@gmail.com>
Date: Mon, 15 Aug 2022 17:32:11 -0500
Subject: [PATCH] fix(linearProgress): linear progress component style changes

---
 packages/ui/LinearProgress/index.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/ui/LinearProgress/index.tsx b/packages/ui/LinearProgress/index.tsx
index 53375af..8c99685 100644
--- a/packages/ui/LinearProgress/index.tsx
+++ b/packages/ui/LinearProgress/index.tsx
@@ -18,7 +18,7 @@ export const LinearProgress = ({
   );
 
   return (
-    <div className="h-1.5 w-full bg-gray-300 rounded" {...rest}>
+    <div className="h-2 w-full bg-gray-300 rounded" {...rest}>
       <div
         className={genClassName}
         style={{ width: `${((value - min) / (max - min)) * 100}%` }}
@@ -30,7 +30,7 @@ export const LinearProgress = ({
 const LINEAR_PROGRESS_BASE = "h-full rounded";
 
 const VARIANTS = {
-  primary: "bg-blue-500",
-  secondary: "bg-green-500",
-  danger: "bg-red-500",
+  primary: "bg-gradient-to-r from-cyan-500 to-blue-800",
+  secondary: "bg-gradient-to-r from-emerald-400 to-green-800",
+  danger: "bg-gradient-to-r from-pink-500 to-red-800",
 };