@powerhousedao/vetra 6.0.0-dev.77 → 6.0.0-dev.78

package/dist/style.css

@@ -965,6 +965,7 @@
     --color-yellow-500: oklch(79.5% 0.184 86.047);
     --color-yellow-600: oklch(68.1% 0.162 75.834);
     --color-yellow-700: oklch(55.4% 0.135 66.442);
+    --color-yellow-800: oklch(47.6% 0.114 61.907);
     --color-yellow-900: oklch(42.1% 0.095 57.708);
     --color-green-50: oklch(98.2% 0.018 155.826);
     --color-green-100: oklch(96.2% 0.044 156.743);
@@ -2461,6 +2462,7 @@
       "Courier New", monospace;
     --color-red-50: oklch(97.1% 0.013 17.38);
     --color-red-100: hsl(3 82% 96%);
+    --color-red-300: hsl(6 82% 87%);
     --color-red-400: hsl(5 82% 83%);
     --color-red-500: hsl(5 80% 78%);
     --color-red-600: hsl(4 81% 74%);
@@ -2478,6 +2480,7 @@
     --color-yellow-500: hsl(47 100% 60%);
     --color-yellow-600: hsl(47 100% 57%);
     --color-yellow-700: hsl(47 100% 51%);
+    --color-yellow-800: hsl(47 100% 50%);
     --color-yellow-900: hsl(47 100% 49%);
     --color-green-50: oklch(98.2% 0.018 155.826);
     --color-green-100: hsl(134 51% 89%);
@@ -2956,6 +2959,9 @@
   .mt-4 {
     margin-top: calc(var(--spacing) * 4);
   }
+  .mt-6 {
+    margin-top: calc(var(--spacing) * 6);
+  }
   .mt-8 {
     margin-top: calc(var(--spacing) * 8);
   }
@@ -3253,6 +3259,9 @@
   .max-h-6 {
     max-height: calc(var(--spacing) * 6);
   }
+  .max-h-60 {
+    max-height: calc(var(--spacing) * 60);
+  }
   .max-h-\[245px\] {
     max-height: 245px;
   }
@@ -3842,6 +3851,9 @@
   .border-green-300 {
     border-color: var(--color-green-300);
   }
+  .border-red-300 {
+    border-color: var(--color-red-300);
+  }
   .border-red-700 {
     border-color: var(--color-red-700);
   }
@@ -3968,6 +3980,9 @@
   .bg-red-50 {
     background-color: var(--color-red-50);
   }
+  .bg-red-100 {
+    background-color: var(--color-red-100);
+  }
   .bg-red-500 {
     background-color: var(--color-red-500);
   }
@@ -4019,6 +4034,12 @@
   .bg-yellow-50 {
     background-color: var(--color-yellow-50);
   }
+  .bg-yellow-100 {
+    background-color: var(--color-yellow-100);
+  }
+  .bg-yellow-400 {
+    background-color: var(--color-yellow-400);
+  }
   .bg-yellow-500 {
     background-color: var(--color-yellow-500);
   }
@@ -4321,6 +4342,9 @@
   .text-blue-700 {
     color: var(--color-blue-700);
   }
+  .text-blue-800 {
+    color: var(--color-blue-800);
+  }
   .text-blue-900 {
     color: var(--color-blue-900);
   }
@@ -4432,6 +4456,9 @@
   .text-yellow-700 {
     color: var(--color-yellow-700);
   }
+  .text-yellow-800 {
+    color: var(--color-yellow-800);
+  }
   .text-yellow-900 {
     color: var(--color-yellow-900);
   }
@@ -4465,6 +4492,9 @@
   .opacity-50 {
     opacity: 50%;
   }
+  .opacity-75 {
+    opacity: 75%;
+  }
   .opacity-100 {
     opacity: 100%;
   }
@@ -5121,6 +5151,13 @@
       }
     }
   }
+  .hover\:bg-gray-800 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-gray-800);
+      }
+    }
+  }
   .hover\:bg-gray-900 {
     &:hover {
       @media (hover: hover) {