hive-react-kit 0.8.1 → 0.8.4

package/dist/build.css

@@ -560,12 +560,18 @@
   .mb-12 {
     margin-bottom: calc(var(--spacing) * 12);
   }
+  .-ml-2 {
+    margin-left: calc(var(--spacing) * -2);
+  }
   .ml-0\.5 {
     margin-left: calc(var(--spacing) * 0.5);
   }
   .ml-1 {
     margin-left: calc(var(--spacing) * 1);
   }
+  .ml-1\.5 {
+    margin-left: calc(var(--spacing) * 1.5);
+  }
   .ml-2 {
     margin-left: calc(var(--spacing) * 2);
   }
@@ -1283,6 +1289,12 @@
       border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
     }
   }
+  .border-blue-500\/40 {
+    border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent);
+    }
+  }
   .border-blue-500\/60 {
     border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 60%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1337,6 +1349,12 @@
       border-color: color-mix(in oklab, var(--color-green-800) 40%, transparent);
     }
   }
+  .border-purple-700\/60 {
+    border-color: color-mix(in srgb, oklch(49.6% 0.265 301.924) 60%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-purple-700) 60%, transparent);
+    }
+  }
   .border-red-200 {
     border-color: var(--color-red-200);
   }
@@ -1664,6 +1682,12 @@
   .bg-purple-600 {
     background-color: var(--color-purple-600);
   }
+  .bg-purple-900\/60 {
+    background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 60%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-purple-900) 60%, transparent);
+    }
+  }
   .bg-red-50 {
     background-color: var(--color-red-50);
   }
@@ -2065,9 +2089,6 @@
   .text-\[11px\] {
     font-size: 11px;
   }
-  .text-\[13px\] {
-    font-size: 13px;
-  }
   .leading-none {
     --tw-leading: 1;
     line-height: 1;
@@ -2213,6 +2234,9 @@
   .text-orange-400 {
     color: var(--color-orange-400);
   }
+  .text-purple-200 {
+    color: var(--color-purple-200);
+  }
   .text-purple-300 {
     color: var(--color-purple-300);
   }
@@ -3874,6 +3898,11 @@
       border-color: var(--color-white);
     }
   }
+  .\[\&\:\:-moz-range-thumb\]\:bg-blue-500 {
+    &::-moz-range-thumb {
+      background-color: var(--color-blue-500);
+    }
+  }
   .\[\&\:\:-moz-range-thumb\]\:bg-blue-600 {
     &::-moz-range-thumb {
       background-color: var(--color-blue-600);
@@ -3899,6 +3928,11 @@
       border-radius: var(--radius-lg);
     }
   }
+  .\[\&\:\:-webkit-slider-thumb\]\:-mt-1 {
+    &::-webkit-slider-thumb {
+      margin-top: calc(var(--spacing) * -1);
+    }
+  }
   .\[\&\:\:-webkit-slider-thumb\]\:-mt-1\.5 {
     &::-webkit-slider-thumb {
       margin-top: calc(var(--spacing) * -1.5);
@@ -3935,11 +3969,22 @@
       border-color: var(--color-white);
     }
   }
+  .\[\&\:\:-webkit-slider-thumb\]\:bg-blue-500 {
+    &::-webkit-slider-thumb {
+      background-color: var(--color-blue-500);
+    }
+  }
   .\[\&\:\:-webkit-slider-thumb\]\:bg-blue-600 {
     &::-webkit-slider-thumb {
       background-color: var(--color-blue-600);
     }
   }
+  .\[\&\:\:-webkit-slider-thumb\]\:shadow-lg {
+    &::-webkit-slider-thumb {
+      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .\[\&\:\:-webkit-slider-thumb\]\:shadow-md {
     &::-webkit-slider-thumb {
       --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));