hive-react-kit 1.7.13 → 1.7.15

package/dist/build.css

@@ -712,12 +712,6 @@
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
   }
-  .line-clamp-3 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 3;
-  }
   .line-clamp-4 {
     overflow: hidden;
     display: -webkit-box;
@@ -781,6 +775,9 @@
   .h-4 {
     height: calc(var(--spacing) * 4);
   }
+  .h-4\.5 {
+    height: calc(var(--spacing) * 4.5);
+  }
   .h-5 {
     height: calc(var(--spacing) * 5);
   }
@@ -1003,6 +1000,9 @@
   .w-4 {
     width: calc(var(--spacing) * 4);
   }
+  .w-4\.5 {
+    width: calc(var(--spacing) * 4.5);
+  }
   .w-4\/5 {
     width: calc(4 / 5 * 100%);
   }
@@ -1412,6 +1412,13 @@
       margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .space-y-8 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .gap-x-1\.5 {
     column-gap: calc(var(--spacing) * 1.5);
   }
@@ -1464,6 +1471,9 @@
   .gap-y-1\.5 {
     row-gap: calc(var(--spacing) * 1.5);
   }
+  .gap-y-2 {
+    row-gap: calc(var(--spacing) * 2);
+  }
   .divide-y {
     :where(& > :not(:last-child)) {
       --tw-divide-y-reverse: 0;
@@ -1958,6 +1968,12 @@
   .bg-\[var\(--hrk-bg-surface-raised\)\] {
     background-color: var(--hrk-bg-surface-raised);
   }
+  .bg-\[var\(--hrk-bg-surface-raised\)\]\/35 {
+    background-color: var(--hrk-bg-surface-raised);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--hrk-bg-surface-raised) 35%, transparent);
+    }
+  }
   .bg-\[var\(--hrk-bg-surface-raised\)\]\/50 {
     background-color: var(--hrk-bg-surface-raised);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2774,6 +2790,9 @@
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
+  .pt-6 {
+    padding-top: calc(var(--spacing) * 6);
+  }
   .pt-8 {
     padding-top: calc(var(--spacing) * 8);
   }
@@ -4450,6 +4469,11 @@
       }
     }
   }
+  .focus\:ring-offset-\[var\(--hrk-bg-surface\)\] {
+    &:focus {
+      --tw-ring-offset-color: var(--hrk-bg-surface);
+    }
+  }
   .focus\:outline-none {
     &:focus {
       --tw-outline-style: none;
@@ -5574,27 +5598,6 @@
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
-  .\@\[28rem\]\:h-32 {
-    @container (width >= 28rem) {
-      height: calc(var(--spacing) * 32);
-    }
-  }
-  .\@\[28rem\]\:w-44 {
-    @container (width >= 28rem) {
-      width: calc(var(--spacing) * 44);
-    }
-  }
-  .\@\[28rem\]\:flex-row {
-    @container (width >= 28rem) {
-      flex-direction: row;
-    }
-  }
-  .\@\[28rem\]\:text-base {
-    @container (width >= 28rem) {
-      font-size: var(--text-base);
-      line-height: var(--tw-leading, var(--text-base--line-height));
-    }
-  }
   .dark\:border-gray-600 {
     @media (prefers-color-scheme: dark) {
       border-color: var(--color-gray-600);