@algorithm-shift/design-system 1.2.86 → 1.2.88

package/dist/index.css

@@ -24,6 +24,8 @@
     --color-red-500: oklch(63.7% 0.237 25.331);
     --color-red-800: oklch(44.4% 0.177 26.899);
     --color-yellow-400: oklch(85.2% 0.199 91.936);
+    --color-green-50: oklch(98.2% 0.018 155.826);
+    --color-green-700: oklch(52.7% 0.154 150.069);
     --color-teal-200: oklch(91% 0.096 180.426);
     --color-teal-600: oklch(60% 0.118 184.704);
     --color-teal-700: oklch(51.1% 0.096 186.391);
@@ -309,6 +311,9 @@
   .inset-x-0 {
     inset-inline: calc(var(--spacing) * 0);
   }
+  .inset-y-0 {
+    inset-block: calc(var(--spacing) * 0);
+  }
   .-top-1 {
     top: calc(var(--spacing) * -1);
   }
@@ -378,8 +383,8 @@
   .z-\[200\] {
     z-index: 200;
   }
-  .z-\[9999\] {
-    z-index: 9999;
+  .z-\[900\] {
+    z-index: 900;
   }
   .col-span-12 {
     grid-column: span 12 / span 12;
@@ -1013,9 +1018,6 @@
   .border-\[\#12715b\] {
     border-color: #12715b;
   }
-  .border-\[\#034486\] {
-    border-color: #034486;
-  }
   .border-\[\#BDBDBD\] {
     border-color: #BDBDBD;
   }
@@ -1034,6 +1036,9 @@
   .border-gray-400 {
     border-color: var(--color-gray-400);
   }
+  .border-green-700 {
+    border-color: var(--color-green-700);
+  }
   .border-input {
     border-color: var(--input);
   }
@@ -1058,18 +1063,12 @@
   .bg-\[\#12715b\] {
     background-color: #12715b;
   }
-  .bg-\[\#034486\] {
-    background-color: #034486;
-  }
   .bg-\[\#E9E9E9\] {
     background-color: #E9E9E9;
   }
   .bg-\[\#FF4A4A\] {
     background-color: #FF4A4A;
   }
-  .bg-\[\#e0f2fe\] {
-    background-color: #e0f2fe;
-  }
   .bg-\[\#fff\] {
     background-color: #fff;
   }
@@ -1115,6 +1114,12 @@
   .bg-gray-500 {
     background-color: var(--color-gray-500);
   }
+  .bg-green-50 {
+    background-color: var(--color-green-50);
+  }
+  .bg-green-700 {
+    background-color: var(--color-green-700);
+  }
   .bg-muted {
     background-color: var(--muted);
   }
@@ -1361,9 +1366,6 @@
   .text-\[\#12715B\] {
     color: #12715B;
   }
-  .text-\[\#034486\] {
-    color: #034486;
-  }
   .text-\[\#383838\] {
     color: #383838;
   }
@@ -1412,6 +1414,9 @@
   .text-gray-900 {
     color: var(--color-gray-900);
   }
+  .text-green-700 {
+    color: var(--color-green-700);
+  }
   .text-muted-foreground {
     color: var(--muted-foreground);
   }
@@ -1651,6 +1656,13 @@
   .\[--cell-size\:--spacing\(8\)\] {
     --cell-size: calc(var(--spacing) * 8);
   }
+  .group-hover\:opacity-100 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+  }
   .group-data-\[disabled\=true\]\:pointer-events-none {
     &:is(:where(.group)[data-disabled=true] *) {
       pointer-events: none;
@@ -1848,6 +1860,13 @@
       }
     }
   }
+  .hover\:bg-gray-400 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-gray-400);
+      }
+    }
+  }
   .hover\:bg-neutral-600 {
     &:hover {
       @media (hover: hover) {