@process.co/ui 0.0.8 → 0.0.10

package/css/ui.css

@@ -23,13 +23,6 @@
     --uii-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --uii-default-font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --uii-default-mono-font-family: var(--uii-font-mono);
-    --uii-color-adam-test-0: #0b0d33;
-    --uii-color-adam-test-50: #ebf2ff;
-    --uii-color-adam-test-100: #dae8ff;
-    --uii-color-adam-test-200: #bdd3ff;
-    --uii-color-adam-test-300: #95b5ff;
-    --uii-color-adam-test-400: #6b8bff;
-    --uii-color-adam-test-500: #4961ff;
     --uii-color-hero-bg: #0b0d33;
   }
 }
@@ -203,6 +196,9 @@
   .uii\:right-1\.5 {
     right: calc(var(--uii-spacing) * 1.5);
   }
+  .uii\:right-2 {
+    right: calc(var(--uii-spacing) * 2);
+  }
   .uii\:left-2 {
     left: calc(var(--uii-spacing) * 2);
   }
@@ -1099,6 +1095,9 @@
   .uii\:h-9 {
     height: calc(var(--uii-spacing) * 9);
   }
+  .uii\:h-\[var\(--radix-select-trigger-height\)\] {
+    height: var(--radix-select-trigger-height);
+  }
   .uii\:h-full {
     height: 100%;
   }
@@ -1108,6 +1107,9 @@
   .uii\:max-h-64 {
     max-height: calc(var(--uii-spacing) * 64);
   }
+  .uii\:max-h-96 {
+    max-height: calc(var(--uii-spacing) * 96);
+  }
   .uii\:min-h-\[1\.5rem\] {
     min-height: 1.5rem;
   }
@@ -1123,6 +1125,9 @@
   .uii\:min-w-\[8rem\] {
     min-width: 8rem;
   }
+  .uii\:min-w-\[var\(--radix-select-trigger-width\)\] {
+    min-width: var(--radix-select-trigger-width);
+  }
   .uii\:flex-1 {
     flex: 1;
   }
@@ -1138,6 +1143,9 @@
   .uii\:cursor-pointer {
     cursor: pointer;
   }
+  .uii\:scroll-my-1 {
+    scroll-margin-block: calc(var(--uii-spacing) * 1);
+  }
   .uii\:flex-wrap {
     flex-wrap: wrap;
   }
@@ -1207,6 +1215,10 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
+  .uii\:border-t {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 1px;
+  }
   .uii\:border-b {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
@@ -1362,12 +1374,21 @@
   .uii\:py-1\.5 {
     padding-block: calc(var(--uii-spacing) * 1.5);
   }
+  .uii\:py-2 {
+    padding-block: calc(var(--uii-spacing) * 2);
+  }
   .uii\:pr-2 {
     padding-right: calc(var(--uii-spacing) * 2);
   }
+  .uii\:pr-8 {
+    padding-right: calc(var(--uii-spacing) * 8);
+  }
   .uii\:pr-30 {
     padding-right: calc(var(--uii-spacing) * 30);
   }
+  .uii\:pl-2 {
+    padding-left: calc(var(--uii-spacing) * 2);
+  }
   .uii\:pl-8 {
     padding-left: calc(var(--uii-spacing) * 8);
   }
@@ -1420,6 +1441,9 @@
     --tw-tracking: var(--uii-tracking-widest);
     letter-spacing: var(--uii-tracking-widest);
   }
+  .uii\:whitespace-nowrap {
+    white-space: nowrap;
+  }
   .uii\:text-amber-600 {
     color: oklch(66.6% 0.179 58.318);
   }
@@ -1552,6 +1576,12 @@
     -webkit-user-select: none;
     user-select: none;
   }
+  .uii\:slide-in-from-right-6 {
+    --tw-enter-translate-x: m;
+  }
+  .uii\:slide-in-from-right-6 {
+    --tw-enter-translate-x: m;
+  }
   .uii\:selection\:bg-primary {
     & *::selection {
       background-color: var(--primary);
@@ -1693,6 +1723,17 @@
       padding-left: calc(var(--uii-spacing) * 8);
     }
   }
+  .uii\:data-\[placeholder\]\:text-muted-foreground {
+    &[data-placeholder] {
+      color: var(--muted-foreground);
+    }
+  }
+  .uii\:data-\[side\=bottom\]\:translate-y-1 {
+    &[data-side="bottom"] {
+      --tw-translate-y: calc(var(--uii-spacing) * 1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
   .uii\:data-\[side\=bottom\]\:slide-in-from-top-2 {
     &[data-side="bottom"] {
       --tw-enter-translate-y: -2;
@@ -1703,6 +1744,12 @@
       --tw-enter-translate-y: -2;
     }
   }
+  .uii\:data-\[side\=left\]\:-translate-x-1 {
+    &[data-side="left"] {
+      --tw-translate-x: calc(var(--uii-spacing) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
   .uii\:data-\[side\=left\]\:slide-in-from-right-2 {
     &[data-side="left"] {
       --tw-enter-translate-x: 2;
@@ -1713,6 +1760,12 @@
       --tw-enter-translate-x: 2;
     }
   }
+  .uii\:data-\[side\=right\]\:translate-x-1 {
+    &[data-side="right"] {
+      --tw-translate-x: calc(var(--uii-spacing) * 1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
   .uii\:data-\[side\=right\]\:slide-in-from-left-2 {
     &[data-side="right"] {
       --tw-enter-translate-x: -2;
@@ -1723,6 +1776,12 @@
       --tw-enter-translate-x: -2;
     }
   }
+  .uii\:data-\[side\=top\]\:-translate-y-1 {
+    &[data-side="top"] {
+      --tw-translate-y: calc(var(--uii-spacing) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
   .uii\:data-\[side\=top\]\:slide-in-from-bottom-2 {
     &[data-side="top"] {
       --tw-enter-translate-y: 2;
@@ -1733,6 +1792,37 @@
       --tw-enter-translate-y: 2;
     }
   }
+  .uii\:\*\:data-\[slot\=select-value\]\:line-clamp-1 {
+    :is(& > *) {
+      &[data-slot="select-value"] {
+        overflow: hidden;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 1;
+      }
+    }
+  }
+  .uii\:\*\:data-\[slot\=select-value\]\:flex {
+    :is(& > *) {
+      &[data-slot="select-value"] {
+        display: flex;
+      }
+    }
+  }
+  .uii\:\*\:data-\[slot\=select-value\]\:items-center {
+    :is(& > *) {
+      &[data-slot="select-value"] {
+        align-items: center;
+      }
+    }
+  }
+  .uii\:\*\:data-\[slot\=select-value\]\:gap-2 {
+    :is(& > *) {
+      &[data-slot="select-value"] {
+        gap: calc(var(--uii-spacing) * 2);
+      }
+    }
+  }
   .uii\:data-\[state\=closed\]\:animate-out {
     &[data-state="closed"] {
       animation-name: exit;
@@ -1898,6 +1988,33 @@
       color: var(--muted-foreground);
     }
   }
+  .uii\:\*\:\[span\]\:last\:flex {
+    :is(& > *) {
+      &:is(span) {
+        &:last-child {
+          display: flex;
+        }
+      }
+    }
+  }
+  .uii\:\*\:\[span\]\:last\:items-center {
+    :is(& > *) {
+      &:is(span) {
+        &:last-child {
+          align-items: center;
+        }
+      }
+    }
+  }
+  .uii\:\*\:\[span\]\:last\:gap-2 {
+    :is(& > *) {
+      &:is(span) {
+        &:last-child {
+          gap: calc(var(--uii-spacing) * 2);
+        }
+      }
+    }
+  }
   .uii\:data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive-foreground {
     &[data-variant="destructive"] {
       :is(& > *) {
@@ -2348,6 +2465,21 @@ body {
   inherits: false;
   initial-value: 0 0 #0000;
 }
+@property --tw-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -2375,6 +2507,9 @@ body {
       --tw-ring-offset-width: 0px;
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
     }
   }
 }