@fewangsit/wangsvue-presets 1.0.84-alpha.0 → 1.0.84-alpha.2

package/fixedasset/style.css

@@ -1,12 +1,14 @@
-@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
-
-@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
 
 .ic-add {
   /* ri-add-line */
   --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z'/%3E%3C/svg%3E");
 }
 
+.ic-minus {
+  --svg: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik01IDExdjJoMTR2LTJ6Ii8+PC9zdmc+');
+}
+
 .ic-arrow-up-s {
   /* ri--arrow-up-s-line */
   --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m12 10.828l-4.95 4.95l-1.414-1.414L12 8l6.364 6.364l-1.414 1.414z'/%3E%3C/svg%3E");
@@ -890,6 +892,10 @@
   mask-size: 100% 100%;
 }
 
+.\!pointer-events-none{
+  pointer-events: none !important;
+}
+
 .pointer-events-none{
   pointer-events: none;
 }
@@ -1362,6 +1368,10 @@
   height: 1.5rem !important;
 }
 
+.\!h-\[10px\]{
+  height: 10px !important;
+}
+
 .\!h-\[11px\]{
   height: 11px !important;
 }
@@ -1443,6 +1453,10 @@
   height: 2rem;
 }
 
+.h-\[10px\]{
+  height: 10px;
+}
+
 .h-\[18px\]{
   height: 18px;
 }
@@ -1573,6 +1587,10 @@
   width: 1.5rem !important;
 }
 
+.\!w-\[10px\]{
+  width: 10px !important;
+}
+
 .\!w-\[11px\]{
   width: 11px !important;
 }
@@ -1673,6 +1691,10 @@
   width: 1%;
 }
 
+.w-\[10px\]{
+  width: 10px;
+}
+
 .w-\[18px\]{
   width: 18px;
 }
@@ -2442,6 +2464,10 @@
   border-radius: 0.125rem;
 }
 
+.rounded-xl{
+  border-radius: 0.75rem;
+}
+
 .rounded-b-lg{
   border-bottom-right-radius: 0.5rem;
   border-bottom-left-radius: 0.5rem;
@@ -2657,7 +2683,7 @@
 
 .\!border-danger-500{
   --tw-border-opacity: 1 !important;
-  border-color: rgb(183 75 36 / var(--tw-border-opacity)) !important;
+  border-color: rgb(255 0 34 / var(--tw-border-opacity)) !important;
 }
 
 .\!border-general-100{
@@ -2667,12 +2693,12 @@
 
 .\!border-primary-100{
   --tw-border-opacity: 1 !important;
-  border-color: rgb(238 235 211 / var(--tw-border-opacity)) !important;
+  border-color: rgb(204 224 255 / var(--tw-border-opacity)) !important;
 }
 
 .border-danger-500{
   --tw-border-opacity: 1;
-  border-color: rgb(183 75 36 / var(--tw-border-opacity));
+  border-color: rgb(255 0 34 / var(--tw-border-opacity));
 }
 
 .border-general-100{
@@ -2695,6 +2721,11 @@
   border-color: rgb(243 244 246 / var(--tw-border-opacity));
 }
 
+.border-grayscale-400{
+  --tw-border-opacity: 1;
+  border-color: rgb(203 204 205 / var(--tw-border-opacity));
+}
+
 .border-grayscale-900{
   --tw-border-opacity: 1;
   border-color: rgb(38 38 39 / var(--tw-border-opacity));
@@ -2702,27 +2733,27 @@
 
 .border-primary-100{
   --tw-border-opacity: 1;
-  border-color: rgb(238 235 211 / var(--tw-border-opacity));
+  border-color: rgb(204 224 255 / var(--tw-border-opacity));
 }
 
 .border-primary-200{
   --tw-border-opacity: 1;
-  border-color: rgb(223 215 169 / var(--tw-border-opacity));
+  border-color: rgb(148 191 255 / var(--tw-border-opacity));
 }
 
 .border-primary-400{
   --tw-border-opacity: 1;
-  border-color: rgb(189 165 82 / var(--tw-border-opacity));
+  border-color: rgb(46 130 255 / var(--tw-border-opacity));
 }
 
 .border-primary-500{
   --tw-border-opacity: 1;
-  border-color: rgb(159 124 60 / var(--tw-border-opacity));
+  border-color: rgb(0 99 247 / var(--tw-border-opacity));
 }
 
 .border-success-600{
   --tw-border-opacity: 1;
-  border-color: rgb(0 123 110 / var(--tw-border-opacity));
+  border-color: rgb(0 133 69 / var(--tw-border-opacity));
 }
 
 .border-transparent{
@@ -2756,17 +2787,17 @@
 
 .\!bg-primary-100{
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(238 235 211 / var(--tw-bg-opacity)) !important;
+  background-color: rgb(204 224 255 / var(--tw-bg-opacity)) !important;
 }
 
 .\!bg-primary-50{
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(248 247 238 / var(--tw-bg-opacity)) !important;
+  background-color: rgb(229 240 255 / var(--tw-bg-opacity)) !important;
 }
 
 .\!bg-primary-500{
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(159 124 60 / var(--tw-bg-opacity)) !important;
+  background-color: rgb(0 99 247 / var(--tw-bg-opacity)) !important;
 }
 
 .\!bg-transparent{
@@ -2775,7 +2806,7 @@
 
 .\!bg-warning-200{
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(237 208 142 / var(--tw-bg-opacity)) !important;
+  background-color: rgb(255 233 153 / var(--tw-bg-opacity)) !important;
 }
 
 .bg-black{
@@ -2792,27 +2823,32 @@
   background-color: rgb(59 130 246 / var(--tw-bg-opacity));
 }
 
+.bg-danger-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 204 211 / var(--tw-bg-opacity));
+}
+
 .bg-danger-200{
   --tw-bg-opacity: 1;
-  background-color: rgb(219 165 146 / var(--tw-bg-opacity));
+  background-color: rgb(255 153 167 / var(--tw-bg-opacity));
 }
 
 .bg-danger-300\/20{
-  background-color: rgb(207 135 109 / 0.2);
+  background-color: rgb(255 102 122 / 0.2);
 }
 
 .bg-danger-50{
   --tw-bg-opacity: 1;
-  background-color: rgb(231 195 182 / var(--tw-bg-opacity));
+  background-color: rgb(255 229 233 / var(--tw-bg-opacity));
 }
 
 .bg-danger-500{
   --tw-bg-opacity: 1;
-  background-color: rgb(183 75 36 / var(--tw-bg-opacity));
+  background-color: rgb(255 0 34 / var(--tw-bg-opacity));
 }
 
 .bg-danger-500\/90{
-  background-color: rgb(183 75 36 / 0.9);
+  background-color: rgb(255 0 34 / 0.9);
 }
 
 .bg-general-100{
@@ -2840,6 +2876,16 @@
   background-color: rgb(107 114 128 / var(--tw-bg-opacity));
 }
 
+.bg-grayscale-200{
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 230 230 / var(--tw-bg-opacity));
+}
+
+.bg-grayscale-300{
+  --tw-bg-opacity: 1;
+  background-color: rgb(216 217 217 / var(--tw-bg-opacity));
+}
+
 .bg-grayscale-50{
   --tw-bg-opacity: 1;
   background-color: rgb(247 247 247 / var(--tw-bg-opacity));
@@ -2891,57 +2937,52 @@
 
 .bg-primary-100{
   --tw-bg-opacity: 1;
-  background-color: rgb(238 235 211 / var(--tw-bg-opacity));
-}
-
-.bg-primary-1000{
-  --tw-bg-opacity: 1;
-  background-color: rgb(105 82 0 / var(--tw-bg-opacity));
-}
-
-.bg-primary-1000\/90{
-  background-color: rgb(105 82 0 / 0.9);
+  background-color: rgb(204 224 255 / var(--tw-bg-opacity));
 }
 
 .bg-primary-200{
   --tw-bg-opacity: 1;
-  background-color: rgb(223 215 169 / var(--tw-bg-opacity));
+  background-color: rgb(148 191 255 / var(--tw-bg-opacity));
 }
 
 .bg-primary-300\/20{
-  background-color: rgb(205 188 119 / 0.2);
+  background-color: rgb(97 160 255 / 0.2);
 }
 
 .bg-primary-400{
   --tw-bg-opacity: 1;
-  background-color: rgb(189 165 82 / var(--tw-bg-opacity));
+  background-color: rgb(46 130 255 / var(--tw-bg-opacity));
 }
 
 .bg-primary-400\/20{
-  background-color: rgb(189 165 82 / 0.2);
+  background-color: rgb(46 130 255 / 0.2);
 }
 
 .bg-primary-400\/90{
-  background-color: rgb(189 165 82 / 0.9);
+  background-color: rgb(46 130 255 / 0.9);
 }
 
 .bg-primary-50{
   --tw-bg-opacity: 1;
-  background-color: rgb(248 247 238 / var(--tw-bg-opacity));
+  background-color: rgb(229 240 255 / var(--tw-bg-opacity));
 }
 
 .bg-primary-50\/80{
-  background-color: rgb(248 247 238 / 0.8);
+  background-color: rgb(229 240 255 / 0.8);
 }
 
 .bg-primary-500{
   --tw-bg-opacity: 1;
-  background-color: rgb(159 124 60 / var(--tw-bg-opacity));
+  background-color: rgb(0 99 247 / var(--tw-bg-opacity));
+}
+
+.bg-primary-500\/20{
+  background-color: rgb(0 99 247 / 0.2);
 }
 
 .bg-primary-600{
   --tw-bg-opacity: 1;
-  background-color: rgb(133 103 50 / var(--tw-bg-opacity));
+  background-color: rgb(0 80 199 / var(--tw-bg-opacity));
 }
 
 .bg-purple-300\/20{
@@ -2968,26 +3009,21 @@
 
 .bg-success-100{
   --tw-bg-opacity: 1;
-  background-color: rgb(170 219 214 / var(--tw-bg-opacity));
-}
-
-.bg-success-1000{
-  --tw-bg-opacity: 1;
-  background-color: rgb(0 164 85 / var(--tw-bg-opacity));
+  background-color: rgb(184 255 220 / var(--tw-bg-opacity));
 }
 
 .bg-success-300\/20{
-  background-color: rgb(85 183 173 / 0.2);
+  background-color: rgb(46 255 154 / 0.2);
 }
 
 .bg-success-50{
   --tw-bg-opacity: 1;
-  background-color: rgb(213 237 235 / var(--tw-bg-opacity));
+  background-color: rgb(219 255 238 / var(--tw-bg-opacity));
 }
 
 .bg-success-500{
   --tw-bg-opacity: 1;
-  background-color: rgb(0 147 132 / var(--tw-bg-opacity));
+  background-color: rgb(0 164 85 / var(--tw-bg-opacity));
 }
 
 .bg-transparent{
@@ -2996,16 +3032,16 @@
 
 .bg-warning-100{
   --tw-bg-opacity: 1;
-  background-color: rgb(243 224 179 / var(--tw-bg-opacity));
+  background-color: rgb(255 244 204 / var(--tw-bg-opacity));
 }
 
 .bg-warning-300\/20{
-  background-color: rgb(231 192 104 / 0.2);
+  background-color: rgb(255 222 102 / 0.2);
 }
 
 .bg-warning-500{
   --tw-bg-opacity: 1;
-  background-color: rgb(219 161 28 / var(--tw-bg-opacity));
+  background-color: rgb(255 199 0 / var(--tw-bg-opacity));
 }
 
 .bg-white{
@@ -3026,7 +3062,7 @@
 }
 
 .stroke-primary-500{
-  stroke: #9F7C3C;
+  stroke: #0063f7;
 }
 
 .object-cover{
@@ -3094,10 +3130,19 @@
   padding: 2px;
 }
 
+.p-\[5px\]{
+  padding: 5px;
+}
+
 .p-\[7px\]{
   padding: 7px;
 }
 
+.\!px-0{
+  padding-left: 0px !important;
+  padding-right: 0px !important;
+}
+
 .\!px-1\.5{
   padding-left: 0.375rem !important;
   padding-right: 0.375rem !important;
@@ -3113,6 +3158,11 @@
   padding-right: 1.5rem !important;
 }
 
+.\!py-0{
+  padding-top: 0px !important;
+  padding-bottom: 0px !important;
+}
+
 .\!py-1{
   padding-top: 0.25rem !important;
   padding-bottom: 0.25rem !important;
@@ -3450,6 +3500,10 @@
   font-size: 14px;
 }
 
+.text-\[9px\]{
+  font-size: 9px;
+}
+
 .text-base{
   font-size: 1rem;
   line-height: 1.5rem;
@@ -3515,6 +3569,10 @@
   line-height: 1.25rem !important;
 }
 
+.leading-3{
+  line-height: .75rem;
+}
+
 .leading-4{
   line-height: 1rem;
 }
@@ -3601,12 +3659,12 @@
 
 .\!text-danger-500{
   --tw-text-opacity: 1 !important;
-  color: rgb(183 75 36 / var(--tw-text-opacity)) !important;
+  color: rgb(255 0 34 / var(--tw-text-opacity)) !important;
 }
 
 .\!text-danger-700{
   --tw-text-opacity: 1 !important;
-  color: rgb(122 50 24 / var(--tw-text-opacity)) !important;
+  color: rgb(153 0 20 / var(--tw-text-opacity)) !important;
 }
 
 .\!text-general-200{
@@ -3641,22 +3699,22 @@
 
 .\!text-primary-500{
   --tw-text-opacity: 1 !important;
-  color: rgb(159 124 60 / var(--tw-text-opacity)) !important;
+  color: rgb(0 99 247 / var(--tw-text-opacity)) !important;
 }
 
 .\!text-primary-800{
   --tw-text-opacity: 1 !important;
-  color: rgb(101 73 46 / var(--tw-text-opacity)) !important;
+  color: rgb(0 39 97 / var(--tw-text-opacity)) !important;
 }
 
 .\!text-success-800{
   --tw-text-opacity: 1 !important;
-  color: rgb(0 74 66 / var(--tw-text-opacity)) !important;
+  color: rgb(0 66 34 / var(--tw-text-opacity)) !important;
 }
 
 .\!text-warning-600{
   --tw-text-opacity: 1 !important;
-  color: rgb(183 134 23 / var(--tw-text-opacity)) !important;
+  color: rgb(204 160 0 / var(--tw-text-opacity)) !important;
 }
 
 .\!text-white{
@@ -3671,12 +3729,17 @@
 
 .text-danger-500{
   --tw-text-opacity: 1;
-  color: rgb(183 75 36 / var(--tw-text-opacity));
+  color: rgb(255 0 34 / var(--tw-text-opacity));
+}
+
+.text-danger-600{
+  --tw-text-opacity: 1;
+  color: rgb(204 0 27 / var(--tw-text-opacity));
 }
 
 .text-danger-700{
   --tw-text-opacity: 1;
-  color: rgb(122 50 24 / var(--tw-text-opacity));
+  color: rgb(153 0 20 / var(--tw-text-opacity));
 }
 
 .text-general-100{
@@ -3714,6 +3777,11 @@
   color: rgb(16 15 21 / var(--tw-text-opacity));
 }
 
+.text-grayscale-600{
+  --tw-text-opacity: 1;
+  color: rgb(151 153 155 / var(--tw-text-opacity));
+}
+
 .text-grayscale-800{
   --tw-text-opacity: 1;
   color: rgb(75 77 78 / var(--tw-text-opacity));
@@ -3740,27 +3808,27 @@
 
 .text-primary-100{
   --tw-text-opacity: 1;
-  color: rgb(238 235 211 / var(--tw-text-opacity));
+  color: rgb(204 224 255 / var(--tw-text-opacity));
 }
 
 .text-primary-400{
   --tw-text-opacity: 1;
-  color: rgb(189 165 82 / var(--tw-text-opacity));
+  color: rgb(46 130 255 / var(--tw-text-opacity));
 }
 
 .text-primary-500{
   --tw-text-opacity: 1;
-  color: rgb(159 124 60 / var(--tw-text-opacity));
+  color: rgb(0 99 247 / var(--tw-text-opacity));
 }
 
 .text-primary-600{
   --tw-text-opacity: 1;
-  color: rgb(133 103 50 / var(--tw-text-opacity));
+  color: rgb(0 80 199 / var(--tw-text-opacity));
 }
 
 .text-primary-800{
   --tw-text-opacity: 1;
-  color: rgb(101 73 46 / var(--tw-text-opacity));
+  color: rgb(0 39 97 / var(--tw-text-opacity));
 }
 
 .text-purple-500{
@@ -3775,17 +3843,17 @@
 
 .text-success-500{
   --tw-text-opacity: 1;
-  color: rgb(0 147 132 / var(--tw-text-opacity));
+  color: rgb(0 164 85 / var(--tw-text-opacity));
 }
 
 .text-success-700{
   --tw-text-opacity: 1;
-  color: rgb(0 98 88 / var(--tw-text-opacity));
+  color: rgb(0 97 50 / var(--tw-text-opacity));
 }
 
 .text-success-800{
   --tw-text-opacity: 1;
-  color: rgb(0 74 66 / var(--tw-text-opacity));
+  color: rgb(0 66 34 / var(--tw-text-opacity));
 }
 
 .text-transparent{
@@ -3794,12 +3862,12 @@
 
 .text-warning-500{
   --tw-text-opacity: 1;
-  color: rgb(219 161 28 / var(--tw-text-opacity));
+  color: rgb(255 199 0 / var(--tw-text-opacity));
 }
 
 .text-warning-600{
   --tw-text-opacity: 1;
-  color: rgb(183 134 23 / var(--tw-text-opacity));
+  color: rgb(204 160 0 / var(--tw-text-opacity));
 }
 
 .text-white{
@@ -3819,6 +3887,14 @@
   text-decoration-line: none;
 }
 
+.caret-primary-700{
+  caret-color: #003b94;
+}
+
+.\!opacity-60{
+  opacity: 0.6 !important;
+}
+
 .opacity-0{
   opacity: 0;
 }
@@ -3974,7 +4050,7 @@
 
 .\!ring-danger-500{
   --tw-ring-opacity: 1 !important;
-  --tw-ring-color: rgb(183 75 36 / var(--tw-ring-opacity)) !important;
+  --tw-ring-color: rgb(255 0 34 / var(--tw-ring-opacity)) !important;
 }
 
 .\!ring-general-200{
@@ -3989,7 +4065,7 @@
 
 .\!ring-primary-400{
   --tw-ring-opacity: 1 !important;
-  --tw-ring-color: rgb(189 165 82 / var(--tw-ring-opacity)) !important;
+  --tw-ring-color: rgb(46 130 255 / var(--tw-ring-opacity)) !important;
 }
 
 .ring-blue-400\/50{
@@ -4008,7 +4084,7 @@
 
 .ring-danger-500{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(183 75 36 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(255 0 34 / var(--tw-ring-opacity));
 }
 
 .ring-general-200{
@@ -4021,6 +4097,11 @@
   --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity));
 }
 
+.ring-general-500{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(78 75 102 / var(--tw-ring-opacity));
+}
+
 .ring-gray-500{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
@@ -4058,26 +4139,26 @@
 
 .ring-primary-100{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(238 235 211 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(204 224 255 / var(--tw-ring-opacity));
 }
 
 .ring-primary-400{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(189 165 82 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(46 130 255 / var(--tw-ring-opacity));
 }
 
 .ring-primary-400\/\[12\%\]{
-  --tw-ring-color: rgb(189 165 82 / 12%);
+  --tw-ring-color: rgb(46 130 255 / 12%);
 }
 
 .ring-primary-500{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(159 124 60 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(0 99 247 / var(--tw-ring-opacity));
 }
 
 .ring-primary-600{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(133 103 50 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(0 80 199 / var(--tw-ring-opacity));
 }
 
 .ring-purple-400\/50{
@@ -4106,7 +4187,7 @@
 
 .ring-success-500{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(0 147 132 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(0 164 85 / var(--tw-ring-opacity));
 }
 
 .ring-transparent{
@@ -4115,7 +4196,7 @@
 
 .ring-warning-500{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(219 161 28 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(255 199 0 / var(--tw-ring-opacity));
 }
 
 .ring-white{
@@ -4282,18 +4363,11 @@
 }
 
 * {
-  font-family: 'Poppins', sans-serif;
+  font-family: 'Manrope', sans-serif;
 }
 
-.font-poppins {
-  font-family: 'Poppins', sans-serif !important;
-}
-
-.font-source-code-pro {
-  font-family: 'Source Code Pro', monospace;
-  font-optical-sizing: auto;
-  font-weight: 400;
-  font-style: normal;
+.font-manrope {
+  font-family: 'Manrope', sans-serif !important;
 }
 
 h1,
@@ -4389,12 +4463,12 @@ h6,
 
 .placeholder\:text-primary-100::-moz-placeholder{
   --tw-text-opacity: 1;
-  color: rgb(238 235 211 / var(--tw-text-opacity));
+  color: rgb(204 224 255 / var(--tw-text-opacity));
 }
 
 .placeholder\:text-primary-100::placeholder{
   --tw-text-opacity: 1;
-  color: rgb(238 235 211 / var(--tw-text-opacity));
+  color: rgb(204 224 255 / var(--tw-text-opacity));
 }
 
 .placeholder\:text-transparent::-moz-placeholder{
@@ -4609,13 +4683,13 @@ h6,
 .before\:bg-primary-200::before{
   content: var(--tw-content);
   --tw-bg-opacity: 1;
-  background-color: rgb(223 215 169 / var(--tw-bg-opacity));
+  background-color: rgb(148 191 255 / var(--tw-bg-opacity));
 }
 
 .before\:bg-primary-400::before{
   content: var(--tw-content);
   --tw-bg-opacity: 1;
-  background-color: rgb(189 165 82 / var(--tw-bg-opacity));
+  background-color: rgb(46 130 255 / var(--tw-bg-opacity));
 }
 
 .before\:bg-white::before{
@@ -4710,7 +4784,7 @@ h6,
 .after\:border-primary-500::after{
   content: var(--tw-content);
   --tw-border-opacity: 1;
-  border-color: rgb(159 124 60 / var(--tw-border-opacity));
+  border-color: rgb(0 99 247 / var(--tw-border-opacity));
 }
 
 .after\:bg-inherit::after{
@@ -4822,7 +4896,12 @@ h6,
 
 .focus-within\:ring-primary-400:focus-within{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(189 165 82 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(46 130 255 / var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-primary-500:focus-within{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(0 99 247 / var(--tw-ring-opacity));
 }
 
 .hover\:mx-6:hover{
@@ -4847,16 +4926,16 @@ h6,
 
 .hover\:border-primary-500:hover{
   --tw-border-opacity: 1;
-  border-color: rgb(159 124 60 / var(--tw-border-opacity));
+  border-color: rgb(0 99 247 / var(--tw-border-opacity));
 }
 
 .hover\:border-primary-600:hover{
   --tw-border-opacity: 1;
-  border-color: rgb(133 103 50 / var(--tw-border-opacity));
+  border-color: rgb(0 80 199 / var(--tw-border-opacity));
 }
 
 .hover\:\!bg-danger-500\/90:hover{
-  background-color: rgb(183 75 36 / 0.9) !important;
+  background-color: rgb(255 0 34 / 0.9) !important;
 }
 
 .hover\:\!bg-grayscale-900\/90:hover{
@@ -4864,25 +4943,29 @@ h6,
 }
 
 .hover\:\!bg-primary-400\/90:hover{
-  background-color: rgb(189 165 82 / 0.9) !important;
+  background-color: rgb(46 130 255 / 0.9) !important;
 }
 
 .hover\:\!bg-primary-50:hover{
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(248 247 238 / var(--tw-bg-opacity)) !important;
+  background-color: rgb(229 240 255 / var(--tw-bg-opacity)) !important;
+}
+
+.hover\:\!bg-primary-500\/90:hover{
+  background-color: rgb(0 99 247 / 0.9) !important;
 }
 
 .hover\:\!bg-success-500\/90:hover{
-  background-color: rgb(0 147 132 / 0.9) !important;
+  background-color: rgb(0 164 85 / 0.9) !important;
 }
 
 .hover\:\!bg-warning-300:hover{
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(231 192 104 / var(--tw-bg-opacity)) !important;
+  background-color: rgb(255 222 102 / var(--tw-bg-opacity)) !important;
 }
 
 .hover\:\!bg-warning-500\/90:hover{
-  background-color: rgb(219 161 28 / 0.9) !important;
+  background-color: rgb(255 199 0 / 0.9) !important;
 }
 
 .hover\:bg-blue-300\/20:hover{
@@ -4895,15 +4978,15 @@ h6,
 }
 
 .hover\:bg-danger-300\/20:hover{
-  background-color: rgb(207 135 109 / 0.2);
+  background-color: rgb(255 102 122 / 0.2);
 }
 
 .hover\:bg-danger-500\/90:hover{
-  background-color: rgb(183 75 36 / 0.9);
+  background-color: rgb(255 0 34 / 0.9);
 }
 
 .hover\:bg-danger-500\/\[8\%\]:hover{
-  background-color: rgb(183 75 36 / 8%);
+  background-color: rgb(255 0 34 / 8%);
 }
 
 .hover\:bg-general-50:hover{
@@ -4916,6 +4999,11 @@ h6,
   background-color: rgb(75 85 99 / var(--tw-bg-opacity));
 }
 
+.hover\:bg-grayscale-300:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(216 217 217 / var(--tw-bg-opacity));
+}
+
 .hover\:bg-grayscale-50:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(247 247 247 / var(--tw-bg-opacity));
@@ -4950,51 +5038,55 @@ h6,
 
 .hover\:bg-primary-100:hover{
   --tw-bg-opacity: 1;
-  background-color: rgb(238 235 211 / var(--tw-bg-opacity));
-}
-
-.hover\:bg-primary-1000\/90:hover{
-  background-color: rgb(105 82 0 / 0.9);
+  background-color: rgb(204 224 255 / var(--tw-bg-opacity));
 }
 
 .hover\:bg-primary-200:hover{
   --tw-bg-opacity: 1;
-  background-color: rgb(223 215 169 / var(--tw-bg-opacity));
+  background-color: rgb(148 191 255 / var(--tw-bg-opacity));
 }
 
 .hover\:bg-primary-300\/20:hover{
-  background-color: rgb(205 188 119 / 0.2);
+  background-color: rgb(97 160 255 / 0.2);
 }
 
 .hover\:bg-primary-400\/20:hover{
-  background-color: rgb(189 165 82 / 0.2);
+  background-color: rgb(46 130 255 / 0.2);
 }
 
 .hover\:bg-primary-400\/90:hover{
-  background-color: rgb(189 165 82 / 0.9);
+  background-color: rgb(46 130 255 / 0.9);
 }
 
 .hover\:bg-primary-400\/\[8\%\]:hover{
-  background-color: rgb(189 165 82 / 8%);
+  background-color: rgb(46 130 255 / 8%);
 }
 
 .hover\:bg-primary-50:hover{
   --tw-bg-opacity: 1;
-  background-color: rgb(248 247 238 / var(--tw-bg-opacity));
+  background-color: rgb(229 240 255 / var(--tw-bg-opacity));
 }
 
 .hover\:bg-primary-50\/80:hover{
-  background-color: rgb(248 247 238 / 0.8);
+  background-color: rgb(229 240 255 / 0.8);
 }
 
 .hover\:bg-primary-500:hover{
   --tw-bg-opacity: 1;
-  background-color: rgb(159 124 60 / var(--tw-bg-opacity));
+  background-color: rgb(0 99 247 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-primary-500\/20:hover{
+  background-color: rgb(0 99 247 / 0.2);
+}
+
+.hover\:bg-primary-500\/\[8\%\]:hover{
+  background-color: rgb(0 99 247 / 8%);
 }
 
 .hover\:bg-primary-600:hover{
   --tw-bg-opacity: 1;
-  background-color: rgb(133 103 50 / var(--tw-bg-opacity));
+  background-color: rgb(0 80 199 / var(--tw-bg-opacity));
 }
 
 .hover\:bg-purple-300\/20:hover{
@@ -5016,19 +5108,19 @@ h6,
 }
 
 .hover\:bg-success-300\/20:hover{
-  background-color: rgb(85 183 173 / 0.2);
+  background-color: rgb(46 255 154 / 0.2);
 }
 
 .hover\:bg-success-500\/\[8\%\]:hover{
-  background-color: rgb(0 147 132 / 8%);
+  background-color: rgb(0 164 85 / 8%);
 }
 
 .hover\:bg-warning-300\/20:hover{
-  background-color: rgb(231 192 104 / 0.2);
+  background-color: rgb(255 222 102 / 0.2);
 }
 
 .hover\:bg-warning-500\/\[8\%\]:hover{
-  background-color: rgb(219 161 28 / 8%);
+  background-color: rgb(255 199 0 / 8%);
 }
 
 .hover\:bg-white\/10:hover{
@@ -5052,17 +5144,17 @@ h6,
 
 .hover\:text-primary-400:hover{
   --tw-text-opacity: 1;
-  color: rgb(189 165 82 / var(--tw-text-opacity));
+  color: rgb(46 130 255 / var(--tw-text-opacity));
 }
 
 .hover\:text-primary-500:hover{
   --tw-text-opacity: 1;
-  color: rgb(159 124 60 / var(--tw-text-opacity));
+  color: rgb(0 99 247 / var(--tw-text-opacity));
 }
 
 .hover\:text-primary-600:hover{
   --tw-text-opacity: 1;
-  color: rgb(133 103 50 / var(--tw-text-opacity));
+  color: rgb(0 80 199 / var(--tw-text-opacity));
 }
 
 .hover\:text-white:hover{
@@ -5117,7 +5209,7 @@ h6,
 
 .hover\:ring-primary-600:hover{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(133 103 50 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(0 80 199 / var(--tw-ring-opacity));
 }
 
 .hover\:ring-purple-600:hover{
@@ -5136,12 +5228,12 @@ h6,
 
 .focus\:bg-primary-50:focus{
   --tw-bg-opacity: 1;
-  background-color: rgb(248 247 238 / var(--tw-bg-opacity));
+  background-color: rgb(229 240 255 / var(--tw-bg-opacity));
 }
 
 .focus\:bg-primary-600:focus{
   --tw-bg-opacity: 1;
-  background-color: rgb(133 103 50 / var(--tw-bg-opacity));
+  background-color: rgb(0 80 199 / var(--tw-bg-opacity));
 }
 
 .focus\:px-2:focus{
@@ -5220,21 +5312,21 @@ h6,
 
 .focus\:ring-primary-400:focus{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(189 165 82 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(46 130 255 / var(--tw-ring-opacity));
 }
 
 .focus\:ring-primary-400\/50:focus{
-  --tw-ring-color: rgb(189 165 82 / 0.5);
+  --tw-ring-color: rgb(46 130 255 / 0.5);
 }
 
 .focus\:ring-primary-500:focus{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(159 124 60 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(0 99 247 / var(--tw-ring-opacity));
 }
 
 .focus\:ring-primary-600:focus{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(133 103 50 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(0 80 199 / var(--tw-ring-opacity));
 }
 
 .focus\:ring-purple-400\/50:focus{
@@ -5271,12 +5363,12 @@ h6,
 
 .focus-visible\:border-primary-200:focus-visible{
   --tw-border-opacity: 1;
-  border-color: rgb(223 215 169 / var(--tw-border-opacity));
+  border-color: rgb(148 191 255 / var(--tw-border-opacity));
 }
 
 .focus-visible\:bg-primary-50:focus-visible{
   --tw-bg-opacity: 1;
-  background-color: rgb(248 247 238 / var(--tw-bg-opacity));
+  background-color: rgb(229 240 255 / var(--tw-bg-opacity));
 }
 
 .focus-visible\:text-general-500:focus-visible{
@@ -5286,7 +5378,7 @@ h6,
 
 .focus-visible\:text-primary-400:focus-visible{
   --tw-text-opacity: 1;
-  color: rgb(189 165 82 / var(--tw-text-opacity));
+  color: rgb(46 130 255 / var(--tw-text-opacity));
 }
 
 .focus-visible\:shadow-none:focus-visible{
@@ -5327,25 +5419,25 @@ h6,
 }
 
 .focus-visible\:ring-primary-400\/50:focus-visible{
-  --tw-ring-color: rgb(189 165 82 / 0.5);
+  --tw-ring-color: rgb(46 130 255 / 0.5);
 }
 
 .focus-visible\:ring-primary-500:focus-visible{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(159 124 60 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(0 99 247 / var(--tw-ring-opacity));
 }
 
 .focus-visible\:ring-primary-600:focus-visible{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(133 103 50 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(0 80 199 / var(--tw-ring-opacity));
 }
 
 .active\:bg-danger-500\/90:active{
-  background-color: rgb(183 75 36 / 0.9);
+  background-color: rgb(255 0 34 / 0.9);
 }
 
 .active\:bg-danger-500\/\[12\%\]:active{
-  background-color: rgb(183 75 36 / 12%);
+  background-color: rgb(255 0 34 / 12%);
 }
 
 .active\:bg-grayscale-900\/90:active{
@@ -5357,27 +5449,35 @@ h6,
 }
 
 .active\:bg-primary-400\/90:active{
-  background-color: rgb(189 165 82 / 0.9);
+  background-color: rgb(46 130 255 / 0.9);
 }
 
 .active\:bg-primary-400\/\[12\%\]:active{
-  background-color: rgb(189 165 82 / 12%);
+  background-color: rgb(46 130 255 / 12%);
+}
+
+.active\:bg-primary-500\/90:active{
+  background-color: rgb(0 99 247 / 0.9);
+}
+
+.active\:bg-primary-500\/\[12\%\]:active{
+  background-color: rgb(0 99 247 / 12%);
 }
 
 .active\:bg-success-500\/90:active{
-  background-color: rgb(0 147 132 / 0.9);
+  background-color: rgb(0 164 85 / 0.9);
 }
 
 .active\:bg-success-500\/\[12\%\]:active{
-  background-color: rgb(0 147 132 / 12%);
+  background-color: rgb(0 164 85 / 12%);
 }
 
 .active\:bg-warning-500\/90:active{
-  background-color: rgb(219 161 28 / 0.9);
+  background-color: rgb(255 199 0 / 0.9);
 }
 
 .active\:bg-warning-500\/\[12\%\]:active{
-  background-color: rgb(219 161 28 / 12%);
+  background-color: rgb(255 199 0 / 12%);
 }
 
 .active\:\!shadow-none:active{
@@ -5388,12 +5488,12 @@ h6,
 
 .group:hover .group-hover\:\!bg-primary-50{
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(248 247 238 / var(--tw-bg-opacity)) !important;
+  background-color: rgb(229 240 255 / var(--tw-bg-opacity)) !important;
 }
 
 .group:hover .group-hover\:\!bg-warning-300{
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(231 192 104 / var(--tw-bg-opacity)) !important;
+  background-color: rgb(255 222 102 / var(--tw-bg-opacity)) !important;
 }
 
 .peer:focus-visible ~ .peer-focus-visible\:ring-2{
@@ -5413,12 +5513,12 @@ h6,
 }
 
 .peer:focus-visible ~ .peer-focus-visible\:ring-primary-400\/\[8\%\]{
-  --tw-ring-color: rgb(189 165 82 / 8%);
+  --tw-ring-color: rgb(46 130 255 / 8%);
 }
 
 .peer:focus-visible ~ .peer-focus-visible\:ring-primary-500{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(159 124 60 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(0 99 247 / var(--tw-ring-opacity));
 }
 
 .peer:focus-visible ~ .peer-focus-visible\:ring-offset-0{
@@ -5440,7 +5540,7 @@ h6,
 }
 
 .peer:active ~ .peer-active\:ring-primary-400\/\[12\%\]{
-  --tw-ring-color: rgb(189 165 82 / 12%);
+  --tw-ring-color: rgb(46 130 255 / 12%);
 }
 
 .peer:active ~ .peer-active\:ring-offset-0{
@@ -5635,17 +5735,17 @@ h6,
 
 .\[\&\:has\(\:focus\)\]\:\!ring-primary-400:has(:focus){
   --tw-ring-opacity: 1 !important;
-  --tw-ring-color: rgb(189 165 82 / var(--tw-ring-opacity)) !important;
+  --tw-ring-color: rgb(46 130 255 / var(--tw-ring-opacity)) !important;
 }
 
 .\[\&\:has\(\:focus\)\]\:ring-primary-400:has(:focus){
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(189 165 82 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(46 130 255 / var(--tw-ring-opacity));
 }
 
 .\[\&\:has\(\:focus\)_\.inputgroupaddon\]\:\!ring-primary-400:has(:focus) .inputgroupaddon{
   --tw-ring-opacity: 1 !important;
-  --tw-ring-color: rgb(189 165 82 / var(--tw-ring-opacity)) !important;
+  --tw-ring-color: rgb(46 130 255 / var(--tw-ring-opacity)) !important;
 }
 
 .\[\&\:has\(\[data-wv-section\=rowcheckbox\]\)\]\:text-center:has([data-wv-section=rowcheckbox]){
@@ -5663,7 +5763,7 @@ h6,
 
 .\[\&\:not\(\:has\(svg\)\)_\[data-pc-section\=box\]\]\:\!bg-primary-400:not(:has(svg)) [data-pc-section=box]{
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(189 165 82 / var(--tw-bg-opacity)) !important;
+  background-color: rgb(46 130 255 / var(--tw-bg-opacity)) !important;
 }
 
 .\[\&\>\[data-pc-name\=badge\]\]\:h-4>[data-pc-name=badge]{
@@ -5689,7 +5789,7 @@ h6,
 
 .\[\&\[aria-selected\=\"true\"\]\]\:bg-primary-500[aria-selected="true"]{
   --tw-bg-opacity: 1;
-  background-color: rgb(159 124 60 / var(--tw-bg-opacity));
+  background-color: rgb(0 99 247 / var(--tw-bg-opacity));
 }
 
 .\[\&\[aria-selected\=\"true\"\]\]\:text-white[aria-selected="true"]{
@@ -5703,7 +5803,7 @@ h6,
 
 .\[\&\[data-in-range\=\"true\"\]\]\:bg-primary-200[data-in-range="true"]{
   --tw-bg-opacity: 1;
-  background-color: rgb(223 215 169 / var(--tw-bg-opacity));
+  background-color: rgb(148 191 255 / var(--tw-bg-opacity));
 }
 
 .\[\&\[data-in-range\=\"true\"\]\]\:text-general-800[data-in-range="true"]{
@@ -5713,7 +5813,7 @@ h6,
 
 .\[\&_\*\]\:text-primary-500 *{
   --tw-text-opacity: 1;
-  color: rgb(159 124 60 / var(--tw-text-opacity));
+  color: rgb(0 99 247 / var(--tw-text-opacity));
 }
 
 .\[\&_\.icon\]\:\!h-5 .icon{
@@ -5744,7 +5844,7 @@ h6,
 
 .\[\&_\.inputgroupaddon\]\:ring-danger-500 .inputgroupaddon{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(183 75 36 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(255 0 34 / var(--tw-ring-opacity));
 }
 
 .\[\&_\.inputgroupaddon\]\:ring-general-400 .inputgroupaddon{
@@ -5765,10 +5865,18 @@ h6,
   background-color: transparent !important;
 }
 
+.\[\&_i\]\:h-4 i{
+  height: 1rem;
+}
+
 .\[\&_i\]\:h-5 i{
   height: 1.25rem;
 }
 
+.\[\&_i\]\:w-4 i{
+  width: 1rem;
+}
+
 .\[\&_i\]\:w-5 i{
   width: 1.25rem;
 }