@fewangsit/wangsvue-presets 1.0.91-alpha.2 → 1.0.91-alpha.3

package/{globalsettings → supplyasset}/style.css

@@ -68,6 +68,10 @@
   --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 13H4v-2h8V4l8 8l-8 8z'/%3E%3C/svg%3E");
 }
 
+.ic-barcode {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M1.33325 2.66675H2.66659V13.3334H1.33325V2.66675ZM3.99992 2.66675H4.66659V13.3334H3.99992V2.66675ZM5.33325 2.66675H6.66659V13.3334H5.33325V2.66675ZM7.33325 2.66675H8.66659V13.3334H7.33325V2.66675ZM9.33325 2.66675H10.6666V13.3334H9.33325V2.66675ZM11.3333 2.66675H11.9999V13.3334H11.3333V2.66675ZM12.6666 2.66675H14.6666V13.3334H12.6666V2.66675Z' fill='%23100F15'/%3E%3C/g%3E%3C/svg%3E");
+}
+
 .ic-calendar {
   /* ri-calendar-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='M9 1v2h6V1h2v2h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1zm11 10H4v8h16zM7 5H4v4h16V5h-3v2h-2V5H9v2H7z'/%3E%3C/svg%3E");
@@ -529,7 +533,7 @@
 }
 
 .ic-nfc {
-  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_6099_70537)'%3E%3Cpath d='M5.87894 12.7369V9.00173L5.8957 9.01569L11.2769 13.5H7.62739C7.50504 13.4802 7.06612 13.4025 6.63743 13.2475C6.38574 13.1566 6.17152 13.0507 6.02909 12.9375C5.88615 12.824 5.87894 12.7572 5.87894 12.7369ZM12.8 13.5H12.4V13.3684V3.26316C12.4 2.98845 12.3324 2.72997 12.2155 2.5H12.8C13.1866 2.5 13.5 2.8134 13.5 3.2V12.8C13.5 13.1866 13.1866 13.5 12.8 13.5ZM10.1368 3.26316V6.99837L10.1201 6.98441L4.7388 2.5H8.38783C8.40049 2.50205 8.41662 2.50473 8.43584 2.50806C8.4908 2.5176 8.57064 2.53241 8.66694 2.55305C8.86124 2.59468 9.11468 2.65836 9.36341 2.74719C9.61816 2.83817 9.83668 2.94468 9.98254 3.05928C10.1294 3.17466 10.1368 3.24281 10.1368 3.26316ZM3.61578 2.5V2.63168V12.7369C3.61578 13.0117 3.68339 13.2701 3.80016 13.5H3.2C2.8134 13.5 2.5 13.1866 2.5 12.8V3.2C2.5 2.8134 2.8134 2.5 3.2 2.5H3.61578Z' fill='%23201E29' stroke='%23201E29'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6099_70537'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cg id='Group 630270192'%3E%3Cpath id='Subtract' d='M3.87894 10.7369V7.00173L3.8957 7.01569L9.27687 11.5H5.62739C5.50504 11.4802 5.06612 11.4025 4.63743 11.2475C4.38574 11.1566 4.17152 11.0507 4.02909 10.9375C3.88615 10.824 3.87894 10.7572 3.87894 10.7369ZM10.8 11.5H10.4V11.3684V1.26316C10.4 0.988446 10.3324 0.72997 10.2155 0.5H10.8C11.1866 0.5 11.5 0.813401 11.5 1.2V10.8C11.5 11.1866 11.1866 11.5 10.8 11.5ZM8.13684 1.26316V4.99837L8.12009 4.98441L2.7388 0.5H6.38783C6.40049 0.502048 6.41662 0.504728 6.43584 0.508062C6.4908 0.517597 6.57064 0.532409 6.66694 0.553046C6.86124 0.59468 7.11468 0.658355 7.36341 0.747187C7.61816 0.838169 7.83668 0.94468 7.98254 1.05928C8.12939 1.17466 8.13684 1.24281 8.13684 1.26316ZM1.61578 0.5V0.631677V10.7369C1.61578 11.0117 1.68339 11.2701 1.80016 11.5H1.2C0.813401 11.5 0.5 11.1866 0.5 10.8V1.2C0.5 0.813401 0.813401 0.5 1.2 0.5H1.61578Z' fill='%23201E29' stroke='%23201E29'/%3E%3C/g%3E%3C/svg%3E");
 }
 
 .ic-shopping-cart-2 {
@@ -2853,7 +2857,7 @@
 
 .\!border-primary-100{
   --tw-border-opacity: 1 !important;
-  border-color: rgb(218 217 227 / var(--tw-border-opacity)) !important;
+  border-color: rgb(209 250 229 / var(--tw-border-opacity)) !important;
 }
 
 .border-danger-500{
@@ -2861,11 +2865,6 @@
   border-color: rgb(255 0 34 / var(--tw-border-opacity));
 }
 
-.border-fixed-primary-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(0 99 247 / var(--tw-border-opacity));
-}
-
 .border-general-100{
   --tw-border-opacity: 1;
   border-color: rgb(218 217 227 / var(--tw-border-opacity));
@@ -2898,22 +2897,27 @@
 
 .border-primary-100{
   --tw-border-opacity: 1;
-  border-color: rgb(218 217 227 / var(--tw-border-opacity));
+  border-color: rgb(209 250 229 / var(--tw-border-opacity));
 }
 
 .border-primary-200{
   --tw-border-opacity: 1;
-  border-color: rgb(181 179 199 / var(--tw-border-opacity));
+  border-color: rgb(167 243 208 / var(--tw-border-opacity));
 }
 
 .border-primary-400{
   --tw-border-opacity: 1;
-  border-color: rgb(108 104 141 / var(--tw-border-opacity));
+  border-color: rgb(52 211 153 / var(--tw-border-opacity));
 }
 
 .border-primary-500{
   --tw-border-opacity: 1;
-  border-color: rgb(32 30 41 / var(--tw-border-opacity));
+  border-color: rgb(16 185 129 / var(--tw-border-opacity));
+}
+
+.border-primary-700{
+  --tw-border-opacity: 1;
+  border-color: rgb(4 120 87 / var(--tw-border-opacity));
 }
 
 .border-success-500{
@@ -2972,21 +2976,30 @@
 
 .\!bg-primary-100{
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(218 217 227 / var(--tw-bg-opacity)) !important;
+  background-color: rgb(209 250 229 / var(--tw-bg-opacity)) !important;
 }
 
 .\!bg-primary-50{
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(235 234 240 / var(--tw-bg-opacity)) !important;
+  background-color: rgb(236 253 245 / var(--tw-bg-opacity)) !important;
 }
 
 .\!bg-primary-500{
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(32 30 41 / var(--tw-bg-opacity)) !important;
+  background-color: rgb(16 185 129 / var(--tw-bg-opacity)) !important;
 }
 
 .\!bg-primary-500\/90{
-  background-color: rgb(32 30 41 / 0.9) !important;
+  background-color: rgb(16 185 129 / 0.9) !important;
+}
+
+.\!bg-primary-700{
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(4 120 87 / var(--tw-bg-opacity)) !important;
+}
+
+.\!bg-primary-700\/90{
+  background-color: rgb(4 120 87 / 0.9) !important;
 }
 
 .\!bg-success-500{
@@ -3008,6 +3021,16 @@
   background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
 }
 
+.bg-algae-green-300{
+  --tw-bg-opacity: 1;
+  background-color: rgb(131 217 162 / var(--tw-bg-opacity));
+}
+
+.bg-algae-green-400{
+  --tw-bg-opacity: 1;
+  background-color: rgb(97 199 134 / var(--tw-bg-opacity));
+}
+
 .bg-black{
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
@@ -3050,25 +3073,6 @@
   background-color: rgb(255 0 34 / 0.9);
 }
 
-.bg-fixed-primary-100{
-  --tw-bg-opacity: 1;
-  background-color: rgb(204 224 255 / var(--tw-bg-opacity));
-}
-
-.bg-fixed-primary-300\/20{
-  background-color: rgb(97 160 255 / 0.2);
-}
-
-.bg-fixed-primary-50{
-  --tw-bg-opacity: 1;
-  background-color: rgb(229 240 255 / var(--tw-bg-opacity));
-}
-
-.bg-fixed-primary-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(0 99 247 / var(--tw-bg-opacity));
-}
-
 .bg-general-100{
   --tw-bg-opacity: 1;
   background-color: rgb(218 217 227 / var(--tw-bg-opacity));
@@ -3150,6 +3154,11 @@
   background-color: rgb(34 197 94 / 0.5);
 }
 
+.bg-info-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 240 255 / var(--tw-bg-opacity));
+}
+
 .bg-inherit{
   background-color: inherit;
 }
@@ -3169,69 +3178,78 @@
 
 .bg-primary-100{
   --tw-bg-opacity: 1;
-  background-color: rgb(218 217 227 / var(--tw-bg-opacity));
+  background-color: rgb(209 250 229 / var(--tw-bg-opacity));
 }
 
 .bg-primary-100\/90{
-  background-color: rgb(218 217 227 / 0.9);
+  background-color: rgb(209 250 229 / 0.9);
 }
 
 .bg-primary-200{
   --tw-bg-opacity: 1;
-  background-color: rgb(181 179 199 / var(--tw-bg-opacity));
+  background-color: rgb(167 243 208 / var(--tw-bg-opacity));
 }
 
 .bg-primary-200\/90{
-  background-color: rgb(181 179 199 / 0.9);
+  background-color: rgb(167 243 208 / 0.9);
 }
 
 .bg-primary-300{
   --tw-bg-opacity: 1;
-  background-color: rgb(144 140 171 / var(--tw-bg-opacity));
+  background-color: rgb(110 231 183 / var(--tw-bg-opacity));
 }
 
 .bg-primary-300\/20{
-  background-color: rgb(144 140 171 / 0.2);
+  background-color: rgb(110 231 183 / 0.2);
 }
 
 .bg-primary-400{
   --tw-bg-opacity: 1;
-  background-color: rgb(108 104 141 / var(--tw-bg-opacity));
+  background-color: rgb(52 211 153 / var(--tw-bg-opacity));
 }
 
 .bg-primary-400\/20{
-  background-color: rgb(108 104 141 / 0.2);
+  background-color: rgb(52 211 153 / 0.2);
 }
 
 .bg-primary-400\/90{
-  background-color: rgb(108 104 141 / 0.9);
+  background-color: rgb(52 211 153 / 0.9);
 }
 
 .bg-primary-50{
   --tw-bg-opacity: 1;
-  background-color: rgb(235 234 240 / var(--tw-bg-opacity));
+  background-color: rgb(236 253 245 / var(--tw-bg-opacity));
 }
 
 .bg-primary-50\/80{
-  background-color: rgb(235 234 240 / 0.8);
+  background-color: rgb(236 253 245 / 0.8);
 }
 
 .bg-primary-500{
   --tw-bg-opacity: 1;
-  background-color: rgb(32 30 41 / var(--tw-bg-opacity));
+  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
 }
 
 .bg-primary-500\/20{
-  background-color: rgb(32 30 41 / 0.2);
+  background-color: rgb(16 185 129 / 0.2);
 }
 
 .bg-primary-500\/90{
-  background-color: rgb(32 30 41 / 0.9);
+  background-color: rgb(16 185 129 / 0.9);
 }
 
 .bg-primary-600{
   --tw-bg-opacity: 1;
-  background-color: rgb(16 15 21 / var(--tw-bg-opacity));
+  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
+}
+
+.bg-primary-700{
+  --tw-bg-opacity: 1;
+  background-color: rgb(4 120 87 / var(--tw-bg-opacity));
+}
+
+.bg-primary-700\/20{
+  background-color: rgb(4 120 87 / 0.2);
 }
 
 .bg-purple-300\/20{
@@ -3275,20 +3293,6 @@
   background-color: rgb(0 164 85 / var(--tw-bg-opacity));
 }
 
-.bg-supply-primary-100{
-  --tw-bg-opacity: 1;
-  background-color: rgb(209 250 229 / var(--tw-bg-opacity));
-}
-
-.bg-supply-primary-300\/20{
-  background-color: rgb(110 231 183 / 0.2);
-}
-
-.bg-supply-primary-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
-}
-
 .bg-transparent{
   background-color: transparent;
 }
@@ -3329,7 +3333,7 @@
 }
 
 .stroke-primary-500{
-  stroke: #201e29;
+  stroke: #10b981;
 }
 
 .object-cover{
@@ -3944,11 +3948,6 @@
   color: rgb(153 0 20 / var(--tw-text-opacity)) !important;
 }
 
-.\!text-fixed-primary-500{
-  --tw-text-opacity: 1 !important;
-  color: rgb(0 99 247 / var(--tw-text-opacity)) !important;
-}
-
 .\!text-general-200{
   --tw-text-opacity: 1 !important;
   color: rgb(181 179 199 / var(--tw-text-opacity)) !important;
@@ -3981,12 +3980,17 @@
 
 .\!text-primary-500{
   --tw-text-opacity: 1 !important;
-  color: rgb(32 30 41 / var(--tw-text-opacity)) !important;
+  color: rgb(16 185 129 / var(--tw-text-opacity)) !important;
+}
+
+.\!text-primary-700{
+  --tw-text-opacity: 1 !important;
+  color: rgb(4 120 87 / var(--tw-text-opacity)) !important;
 }
 
 .\!text-primary-800{
   --tw-text-opacity: 1 !important;
-  color: rgb(5 4 7 / var(--tw-text-opacity)) !important;
+  color: rgb(6 95 70 / var(--tw-text-opacity)) !important;
 }
 
 .\!text-success-800{
@@ -4024,11 +4028,6 @@
   color: rgb(153 0 20 / var(--tw-text-opacity));
 }
 
-.text-fixed-primary-500{
-  --tw-text-opacity: 1;
-  color: rgb(0 99 247 / var(--tw-text-opacity));
-}
-
 .text-general-100{
   --tw-text-opacity: 1;
   color: rgb(218 217 227 / var(--tw-text-opacity));
@@ -4089,6 +4088,11 @@
   color: rgb(34 197 94 / var(--tw-text-opacity));
 }
 
+.text-info-500{
+  --tw-text-opacity: 1;
+  color: rgb(0 99 247 / var(--tw-text-opacity));
+}
+
 .text-inherit{
   color: inherit;
 }
@@ -4100,27 +4104,32 @@
 
 .text-primary-100{
   --tw-text-opacity: 1;
-  color: rgb(218 217 227 / var(--tw-text-opacity));
+  color: rgb(209 250 229 / var(--tw-text-opacity));
 }
 
 .text-primary-400{
   --tw-text-opacity: 1;
-  color: rgb(108 104 141 / var(--tw-text-opacity));
+  color: rgb(52 211 153 / var(--tw-text-opacity));
 }
 
 .text-primary-500{
   --tw-text-opacity: 1;
-  color: rgb(32 30 41 / var(--tw-text-opacity));
+  color: rgb(16 185 129 / var(--tw-text-opacity));
 }
 
 .text-primary-600{
   --tw-text-opacity: 1;
-  color: rgb(16 15 21 / var(--tw-text-opacity));
+  color: rgb(5 150 105 / var(--tw-text-opacity));
+}
+
+.text-primary-700{
+  --tw-text-opacity: 1;
+  color: rgb(4 120 87 / var(--tw-text-opacity));
 }
 
 .text-primary-800{
   --tw-text-opacity: 1;
-  color: rgb(5 4 7 / var(--tw-text-opacity));
+  color: rgb(6 95 70 / var(--tw-text-opacity));
 }
 
 .text-purple-500{
@@ -4148,11 +4157,6 @@
   color: rgb(0 66 34 / var(--tw-text-opacity));
 }
 
-.text-supply-primary-500{
-  --tw-text-opacity: 1;
-  color: rgb(16 185 129 / var(--tw-text-opacity));
-}
-
 .text-transparent{
   color: transparent;
 }
@@ -4185,7 +4189,7 @@
 }
 
 .caret-primary-700{
-  caret-color: #070609;
+  caret-color: #047857;
 }
 
 .\!opacity-60{
@@ -4234,6 +4238,12 @@
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.shadow-\[-4px_4px_20px_0px_\#0000001A\]{
+  --tw-shadow: -4px 4px 20px 0px #0000001A;
+  --tw-shadow-colored: -4px 4px 20px 0px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .shadow-\[0px_4px_4px_0px_\#00000040\]{
   --tw-shadow: 0px 4px 4px 0px #00000040;
   --tw-shadow-colored: 0px 4px 4px 0px var(--tw-shadow-color);
@@ -4362,12 +4372,17 @@
 
 .\!ring-primary-400{
   --tw-ring-opacity: 1 !important;
-  --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity)) !important;
+  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity)) !important;
 }
 
 .\!ring-primary-500{
   --tw-ring-opacity: 1 !important;
-  --tw-ring-color: rgb(32 30 41 / var(--tw-ring-opacity)) !important;
+  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity)) !important;
+}
+
+.\!ring-primary-700{
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(4 120 87 / var(--tw-ring-opacity)) !important;
 }
 
 .\!ring-transparent{
@@ -4393,11 +4408,6 @@
   --tw-ring-color: rgb(255 0 34 / var(--tw-ring-opacity));
 }
 
-.ring-fixed-primary-500{
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(0 99 247 / var(--tw-ring-opacity));
-}
-
 .ring-general-100{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(218 217 227 / var(--tw-ring-opacity));
@@ -4460,31 +4470,36 @@
 
 .ring-primary-100{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(218 217 227 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(209 250 229 / var(--tw-ring-opacity));
 }
 
 .ring-primary-200{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(181 179 199 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(167 243 208 / var(--tw-ring-opacity));
 }
 
 .ring-primary-400{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity));
 }
 
 .ring-primary-400\/\[12\%\]{
-  --tw-ring-color: rgb(108 104 141 / 12%);
+  --tw-ring-color: rgb(52 211 153 / 12%);
 }
 
 .ring-primary-500{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(32 30 41 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity));
 }
 
 .ring-primary-600{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(16 15 21 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(5 150 105 / var(--tw-ring-opacity));
+}
+
+.ring-primary-700{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(4 120 87 / var(--tw-ring-opacity));
 }
 
 .ring-purple-400\/50{
@@ -4516,11 +4531,6 @@
   --tw-ring-color: rgb(0 164 85 / var(--tw-ring-opacity));
 }
 
-.ring-supply-primary-500{
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity));
-}
-
 .ring-transparent{
   --tw-ring-color: transparent;
 }
@@ -4830,12 +4840,12 @@ div{
 
 .placeholder\:text-primary-100::-moz-placeholder{
   --tw-text-opacity: 1;
-  color: rgb(218 217 227 / var(--tw-text-opacity));
+  color: rgb(209 250 229 / var(--tw-text-opacity));
 }
 
 .placeholder\:text-primary-100::placeholder{
   --tw-text-opacity: 1;
-  color: rgb(218 217 227 / var(--tw-text-opacity));
+  color: rgb(209 250 229 / var(--tw-text-opacity));
 }
 
 .placeholder\:text-transparent::-moz-placeholder{
@@ -5058,13 +5068,13 @@ div{
 .before\:bg-primary-200::before{
   content: var(--tw-content);
   --tw-bg-opacity: 1;
-  background-color: rgb(181 179 199 / var(--tw-bg-opacity));
+  background-color: rgb(167 243 208 / var(--tw-bg-opacity));
 }
 
 .before\:bg-primary-400::before{
   content: var(--tw-content);
   --tw-bg-opacity: 1;
-  background-color: rgb(108 104 141 / var(--tw-bg-opacity));
+  background-color: rgb(52 211 153 / var(--tw-bg-opacity));
 }
 
 .before\:bg-white::before{
@@ -5152,7 +5162,13 @@ div{
 .after\:border-primary-500::after{
   content: var(--tw-content);
   --tw-border-opacity: 1;
-  border-color: rgb(32 30 41 / var(--tw-border-opacity));
+  border-color: rgb(16 185 129 / var(--tw-border-opacity));
+}
+
+.after\:border-primary-700::after{
+  content: var(--tw-content);
+  --tw-border-opacity: 1;
+  border-color: rgb(4 120 87 / var(--tw-border-opacity));
 }
 
 .after\:bg-inherit::after{
@@ -5256,12 +5272,17 @@ div{
 
 .focus-within\:ring-primary-400:focus-within{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity));
 }
 
 .focus-within\:ring-primary-500:focus-within{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(32 30 41 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-primary-700:focus-within{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(4 120 87 / var(--tw-ring-opacity));
 }
 
 .hover\:mx-6:hover{
@@ -5284,19 +5305,19 @@ div{
   cursor: pointer;
 }
 
-.hover\:border-fixed-primary-500:hover{
+.hover\:border-primary-500:hover{
   --tw-border-opacity: 1;
-  border-color: rgb(0 99 247 / var(--tw-border-opacity));
+  border-color: rgb(16 185 129 / var(--tw-border-opacity));
 }
 
-.hover\:border-primary-500:hover{
+.hover\:border-primary-600:hover{
   --tw-border-opacity: 1;
-  border-color: rgb(32 30 41 / var(--tw-border-opacity));
+  border-color: rgb(5 150 105 / var(--tw-border-opacity));
 }
 
-.hover\:border-primary-600:hover{
+.hover\:border-primary-700:hover{
   --tw-border-opacity: 1;
-  border-color: rgb(16 15 21 / var(--tw-border-opacity));
+  border-color: rgb(4 120 87 / var(--tw-border-opacity));
 }
 
 .hover\:\!bg-danger-500\/90:hover{
@@ -5313,16 +5334,20 @@ div{
 }
 
 .hover\:\!bg-primary-400\/90:hover{
-  background-color: rgb(108 104 141 / 0.9) !important;
+  background-color: rgb(52 211 153 / 0.9) !important;
 }
 
 .hover\:\!bg-primary-50:hover{
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(235 234 240 / var(--tw-bg-opacity)) !important;
+  background-color: rgb(236 253 245 / var(--tw-bg-opacity)) !important;
 }
 
 .hover\:\!bg-primary-500\/90:hover{
-  background-color: rgb(32 30 41 / 0.9) !important;
+  background-color: rgb(16 185 129 / 0.9) !important;
+}
+
+.hover\:\!bg-primary-700\/90:hover{
+  background-color: rgb(4 120 87 / 0.9) !important;
 }
 
 .hover\:\!bg-success-500\/90:hover{
@@ -5338,6 +5363,11 @@ div{
   background-color: rgb(255 199 0 / 0.9) !important;
 }
 
+.hover\:bg-algae-green-400:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(97 199 134 / var(--tw-bg-opacity));
+}
+
 .hover\:bg-blue-300\/20:hover{
   background-color: rgb(147 197 253 / 0.2);
 }
@@ -5364,20 +5394,6 @@ div{
   background-color: rgb(255 0 34 / 8%);
 }
 
-.hover\:bg-fixed-primary-100:hover{
-  --tw-bg-opacity: 1;
-  background-color: rgb(204 224 255 / var(--tw-bg-opacity));
-}
-
-.hover\:bg-fixed-primary-300\/20:hover{
-  background-color: rgb(97 160 255 / 0.2);
-}
-
-.hover\:bg-fixed-primary-50:hover{
-  --tw-bg-opacity: 1;
-  background-color: rgb(229 240 255 / var(--tw-bg-opacity));
-}
-
 .hover\:bg-general-100\/90:hover{
   background-color: rgb(218 217 227 / 0.9);
 }
@@ -5431,67 +5447,80 @@ div{
 
 .hover\:bg-primary-100:hover{
   --tw-bg-opacity: 1;
-  background-color: rgb(218 217 227 / var(--tw-bg-opacity));
+  background-color: rgb(209 250 229 / var(--tw-bg-opacity));
 }
 
 .hover\:bg-primary-100\/90:hover{
-  background-color: rgb(218 217 227 / 0.9);
+  background-color: rgb(209 250 229 / 0.9);
 }
 
 .hover\:bg-primary-200\/90:hover{
-  background-color: rgb(181 179 199 / 0.9);
+  background-color: rgb(167 243 208 / 0.9);
 }
 
 .hover\:bg-primary-300:hover{
   --tw-bg-opacity: 1;
-  background-color: rgb(144 140 171 / var(--tw-bg-opacity));
+  background-color: rgb(110 231 183 / var(--tw-bg-opacity));
 }
 
 .hover\:bg-primary-300\/20:hover{
-  background-color: rgb(144 140 171 / 0.2);
+  background-color: rgb(110 231 183 / 0.2);
 }
 
 .hover\:bg-primary-400\/20:hover{
-  background-color: rgb(108 104 141 / 0.2);
+  background-color: rgb(52 211 153 / 0.2);
 }
 
 .hover\:bg-primary-400\/90:hover{
-  background-color: rgb(108 104 141 / 0.9);
+  background-color: rgb(52 211 153 / 0.9);
 }
 
 .hover\:bg-primary-400\/\[8\%\]:hover{
-  background-color: rgb(108 104 141 / 8%);
+  background-color: rgb(52 211 153 / 8%);
 }
 
 .hover\:bg-primary-50:hover{
   --tw-bg-opacity: 1;
-  background-color: rgb(235 234 240 / var(--tw-bg-opacity));
+  background-color: rgb(236 253 245 / var(--tw-bg-opacity));
 }
 
 .hover\:bg-primary-50\/80:hover{
-  background-color: rgb(235 234 240 / 0.8);
+  background-color: rgb(236 253 245 / 0.8);
 }
 
 .hover\:bg-primary-500:hover{
   --tw-bg-opacity: 1;
-  background-color: rgb(32 30 41 / var(--tw-bg-opacity));
+  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
 }
 
 .hover\:bg-primary-500\/20:hover{
-  background-color: rgb(32 30 41 / 0.2);
+  background-color: rgb(16 185 129 / 0.2);
 }
 
 .hover\:bg-primary-500\/90:hover{
-  background-color: rgb(32 30 41 / 0.9);
+  background-color: rgb(16 185 129 / 0.9);
 }
 
 .hover\:bg-primary-500\/\[8\%\]:hover{
-  background-color: rgb(32 30 41 / 8%);
+  background-color: rgb(16 185 129 / 8%);
 }
 
 .hover\:bg-primary-600:hover{
   --tw-bg-opacity: 1;
-  background-color: rgb(16 15 21 / var(--tw-bg-opacity));
+  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-primary-700:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(4 120 87 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-primary-700\/20:hover{
+  background-color: rgb(4 120 87 / 0.2);
+}
+
+.hover\:bg-primary-700\/\[8\%\]:hover{
+  background-color: rgb(4 120 87 / 8%);
 }
 
 .hover\:bg-purple-300\/20:hover{
@@ -5525,10 +5554,6 @@ div{
   background-color: rgb(0 164 85 / 8%);
 }
 
-.hover\:bg-supply-primary-300\/20:hover{
-  background-color: rgb(110 231 183 / 0.2);
-}
-
 .hover\:bg-warning-300\/20:hover{
   background-color: rgb(255 222 102 / 0.2);
 }
@@ -5553,17 +5578,17 @@ div{
 
 .hover\:text-primary-400:hover{
   --tw-text-opacity: 1;
-  color: rgb(108 104 141 / var(--tw-text-opacity));
+  color: rgb(52 211 153 / var(--tw-text-opacity));
 }
 
 .hover\:text-primary-500:hover{
   --tw-text-opacity: 1;
-  color: rgb(32 30 41 / var(--tw-text-opacity));
+  color: rgb(16 185 129 / var(--tw-text-opacity));
 }
 
 .hover\:text-primary-600:hover{
   --tw-text-opacity: 1;
-  color: rgb(16 15 21 / var(--tw-text-opacity));
+  color: rgb(5 150 105 / var(--tw-text-opacity));
 }
 
 .hover\:text-white:hover{
@@ -5618,7 +5643,7 @@ div{
 
 .hover\:ring-primary-600:hover{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(16 15 21 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(5 150 105 / var(--tw-ring-opacity));
 }
 
 .hover\:ring-purple-600:hover{
@@ -5637,12 +5662,12 @@ div{
 
 .focus\:bg-primary-50:focus{
   --tw-bg-opacity: 1;
-  background-color: rgb(235 234 240 / var(--tw-bg-opacity));
+  background-color: rgb(236 253 245 / var(--tw-bg-opacity));
 }
 
 .focus\:bg-primary-600:focus{
   --tw-bg-opacity: 1;
-  background-color: rgb(16 15 21 / var(--tw-bg-opacity));
+  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
 }
 
 .focus\:bg-none:focus{
@@ -5708,11 +5733,6 @@ div{
   --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
 }
 
-.focus\:ring-fixed-primary-500:focus{
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(0 99 247 / var(--tw-ring-opacity));
-}
-
 .focus\:ring-grayscale-900:focus{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(38 38 39 / var(--tw-ring-opacity));
@@ -5730,21 +5750,26 @@ div{
 
 .focus\:ring-primary-400:focus{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity));
 }
 
 .focus\:ring-primary-400\/50:focus{
-  --tw-ring-color: rgb(108 104 141 / 0.5);
+  --tw-ring-color: rgb(52 211 153 / 0.5);
 }
 
 .focus\:ring-primary-500:focus{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(32 30 41 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity));
 }
 
 .focus\:ring-primary-600:focus{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(16 15 21 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(5 150 105 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-primary-700:focus{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(4 120 87 / var(--tw-ring-opacity));
 }
 
 .focus\:ring-purple-400\/50:focus{
@@ -5781,12 +5806,12 @@ div{
 
 .focus-visible\:border-primary-200:focus-visible{
   --tw-border-opacity: 1;
-  border-color: rgb(181 179 199 / var(--tw-border-opacity));
+  border-color: rgb(167 243 208 / var(--tw-border-opacity));
 }
 
 .focus-visible\:bg-primary-50:focus-visible{
   --tw-bg-opacity: 1;
-  background-color: rgb(235 234 240 / var(--tw-bg-opacity));
+  background-color: rgb(236 253 245 / var(--tw-bg-opacity));
 }
 
 .focus-visible\:text-general-500:focus-visible{
@@ -5796,7 +5821,7 @@ div{
 
 .focus-visible\:text-primary-400:focus-visible{
   --tw-text-opacity: 1;
-  color: rgb(108 104 141 / var(--tw-text-opacity));
+  color: rgb(52 211 153 / var(--tw-text-opacity));
 }
 
 .focus-visible\:shadow-none:focus-visible{
@@ -5837,17 +5862,22 @@ div{
 }
 
 .focus-visible\:ring-primary-400\/50:focus-visible{
-  --tw-ring-color: rgb(108 104 141 / 0.5);
+  --tw-ring-color: rgb(52 211 153 / 0.5);
 }
 
 .focus-visible\:ring-primary-500:focus-visible{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(32 30 41 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity));
 }
 
 .focus-visible\:ring-primary-600:focus-visible{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(16 15 21 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(5 150 105 / var(--tw-ring-opacity));
+}
+
+.focus-visible\:ring-primary-700:focus-visible{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(4 120 87 / var(--tw-ring-opacity));
 }
 
 .active\:bg-danger-500\/90:active{
@@ -5867,19 +5897,27 @@ div{
 }
 
 .active\:bg-primary-400\/90:active{
-  background-color: rgb(108 104 141 / 0.9);
+  background-color: rgb(52 211 153 / 0.9);
 }
 
 .active\:bg-primary-400\/\[12\%\]:active{
-  background-color: rgb(108 104 141 / 12%);
+  background-color: rgb(52 211 153 / 12%);
 }
 
 .active\:bg-primary-500\/90:active{
-  background-color: rgb(32 30 41 / 0.9);
+  background-color: rgb(16 185 129 / 0.9);
 }
 
 .active\:bg-primary-500\/\[12\%\]:active{
-  background-color: rgb(32 30 41 / 12%);
+  background-color: rgb(16 185 129 / 12%);
+}
+
+.active\:bg-primary-700\/90:active{
+  background-color: rgb(4 120 87 / 0.9);
+}
+
+.active\:bg-primary-700\/\[12\%\]:active{
+  background-color: rgb(4 120 87 / 12%);
 }
 
 .active\:bg-success-500\/90:active{
@@ -5911,7 +5949,7 @@ div{
 
 .group:hover .group-hover\:\!bg-primary-50{
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(235 234 240 / var(--tw-bg-opacity)) !important;
+  background-color: rgb(236 253 245 / var(--tw-bg-opacity)) !important;
 }
 
 .group:hover .group-hover\:\!bg-warning-300{
@@ -5928,11 +5966,15 @@ div{
 }
 
 .peer:focus-visible ~ .peer-focus-visible\:\!outline-primary-400\/\[5\%\]{
-  outline-color: rgb(108 104 141 / 5%) !important;
+  outline-color: rgb(52 211 153 / 5%) !important;
 }
 
 .peer:focus-visible ~ .peer-focus-visible\:\!outline-primary-500\/\[5\%\]{
-  outline-color: rgb(32 30 41 / 5%) !important;
+  outline-color: rgb(16 185 129 / 5%) !important;
+}
+
+.peer:focus-visible ~ .peer-focus-visible\:\!outline-primary-700\/\[5\%\]{
+  outline-color: rgb(4 120 87 / 5%) !important;
 }
 
 .peer:focus-visible ~ .peer-focus-visible\:ring-2{
@@ -5951,18 +5993,18 @@ div{
   --tw-ring-inset: inset;
 }
 
-.peer:focus-visible ~ .peer-focus-visible\:ring-fixed-primary-500{
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(0 99 247 / var(--tw-ring-opacity));
-}
-
 .peer:focus-visible ~ .peer-focus-visible\:ring-primary-400\/\[8\%\]{
-  --tw-ring-color: rgb(108 104 141 / 8%);
+  --tw-ring-color: rgb(52 211 153 / 8%);
 }
 
 .peer:focus-visible ~ .peer-focus-visible\:ring-primary-500{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(32 30 41 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity));
+}
+
+.peer:focus-visible ~ .peer-focus-visible\:ring-primary-700{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(4 120 87 / var(--tw-ring-opacity));
 }
 
 .peer:focus-visible ~ .peer-focus-visible\:ring-offset-0{
@@ -5984,7 +6026,7 @@ div{
 }
 
 .peer:active ~ .peer-active\:ring-primary-400\/\[12\%\]{
-  --tw-ring-color: rgb(108 104 141 / 12%);
+  --tw-ring-color: rgb(52 211 153 / 12%);
 }
 
 .peer:active ~ .peer-active\:ring-offset-0{
@@ -6185,32 +6227,47 @@ div{
 
 .\[\&\:has\(\:focus\)\]\:\!ring-primary-400:has(:focus){
   --tw-ring-opacity: 1 !important;
-  --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity)) !important;
+  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity)) !important;
 }
 
 .\[\&\:has\(\:focus\)\]\:\!ring-primary-500:has(:focus){
   --tw-ring-opacity: 1 !important;
-  --tw-ring-color: rgb(32 30 41 / var(--tw-ring-opacity)) !important;
+  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity)) !important;
+}
+
+.\[\&\:has\(\:focus\)\]\:\!ring-primary-700:has(:focus){
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(4 120 87 / var(--tw-ring-opacity)) !important;
 }
 
 .\[\&\:has\(\:focus\)\]\:ring-primary-400:has(:focus){
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity));
 }
 
 .\[\&\:has\(\:focus\)\]\:ring-primary-500:has(:focus){
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(32 30 41 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity));
+}
+
+.\[\&\:has\(\:focus\)\]\:ring-primary-700:has(:focus){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(4 120 87 / var(--tw-ring-opacity));
 }
 
 .\[\&\:has\(\:focus\)_\.inputgroupaddon\]\:\!ring-primary-400:has(:focus) .inputgroupaddon{
   --tw-ring-opacity: 1 !important;
-  --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity)) !important;
+  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity)) !important;
 }
 
 .\[\&\:has\(\:focus\)_\.inputgroupaddon\]\:\!ring-primary-500:has(:focus) .inputgroupaddon{
   --tw-ring-opacity: 1 !important;
-  --tw-ring-color: rgb(32 30 41 / var(--tw-ring-opacity)) !important;
+  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity)) !important;
+}
+
+.\[\&\:has\(\:focus\)_\.inputgroupaddon\]\:\!ring-primary-700:has(:focus) .inputgroupaddon{
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(4 120 87 / var(--tw-ring-opacity)) !important;
 }
 
 .\[\&\:has\(\[data-wv-section\=rowcheckbox\]\)\]\:text-center:has([data-wv-section=rowcheckbox]){
@@ -6236,7 +6293,7 @@ div{
 
 .\[\&\: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(108 104 141 / var(--tw-bg-opacity)) !important;
+  background-color: rgb(52 211 153 / var(--tw-bg-opacity)) !important;
 }
 
 .\[\&\>\*\]\:w-full>*{
@@ -6262,7 +6319,7 @@ div{
 
 .\[\&\>td\]\:border-primary-200>td{
   --tw-border-opacity: 1;
-  border-color: rgb(181 179 199 / var(--tw-border-opacity));
+  border-color: rgb(167 243 208 / var(--tw-border-opacity));
 }
 
 .\[\&\[aria-selected\=\"true\"\]\]\:rounded-\[20px\][aria-selected="true"]{
@@ -6271,7 +6328,12 @@ div{
 
 .\[\&\[aria-selected\=\"true\"\]\]\:bg-primary-500[aria-selected="true"]{
   --tw-bg-opacity: 1;
-  background-color: rgb(32 30 41 / var(--tw-bg-opacity));
+  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
+}
+
+.\[\&\[aria-selected\=\"true\"\]\]\:bg-primary-700[aria-selected="true"]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(4 120 87 / var(--tw-bg-opacity));
 }
 
 .\[\&\[aria-selected\=\"true\"\]\]\:text-white[aria-selected="true"]{
@@ -6285,7 +6347,7 @@ div{
 
 .\[\&\[data-in-range\=\"true\"\]\]\:bg-primary-200[data-in-range="true"]{
   --tw-bg-opacity: 1;
-  background-color: rgb(181 179 199 / var(--tw-bg-opacity));
+  background-color: rgb(167 243 208 / var(--tw-bg-opacity));
 }
 
 .\[\&\[data-in-range\=\"true\"\]\]\:text-general-800[data-in-range="true"]{
@@ -6297,11 +6359,6 @@ div{
   cursor: default;
 }
 
-.\[\&_\*\]\:text-fixed-primary-500 *{
-  --tw-text-opacity: 1;
-  color: rgb(0 99 247 / var(--tw-text-opacity));
-}
-
 .\[\&_\*\]\:text-general-800 *{
   --tw-text-opacity: 1;
   color: rgb(32 30 41 / var(--tw-text-opacity));
@@ -6309,7 +6366,7 @@ div{
 
 .\[\&_\*\]\:text-primary-500 *{
   --tw-text-opacity: 1;
-  color: rgb(32 30 41 / var(--tw-text-opacity));
+  color: rgb(16 185 129 / var(--tw-text-opacity));
 }
 
 .\[\&_\.icon\]\:\!h-5 .icon{