@process.co/ui 0.0.4 → 0.0.6

package/{dist → css}/ui.css

@@ -293,7 +293,7 @@
     }
     :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
       border-color: var(--tw-prose-hr);
-      border-top-width: 1;
+      border-top-width: 1px;
       margin-top: 3em;
       margin-bottom: 3em;
     }
@@ -378,7 +378,7 @@
       font-weight: 500;
       font-family: inherit;
       color: var(--tw-prose-kbd);
-      box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
+      box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
       font-size: 0.875em;
       border-radius: 0.3125rem;
       padding-top: 0.1875em;
@@ -514,7 +514,7 @@
     --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
     --tw-prose-captions: oklch(55.1% 0.027 264.364);
     --tw-prose-kbd: oklch(21% 0.034 264.665);
-    --tw-prose-kbd-shadows: NaN NaN NaN;
+    --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent);
     --tw-prose-code: oklch(21% 0.034 264.665);
     --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
     --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
@@ -532,7 +532,7 @@
     --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
     --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
     --tw-prose-invert-kbd: #fff;
-    --tw-prose-invert-kbd-shadows: 255 255 255;
+    --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
     --tw-prose-invert-code: #fff;
     --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
     --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
@@ -708,7 +708,7 @@
     }
     :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
       border-color: var(--tw-prose-hr);
-      border-top-width: 1;
+      border-top-width: 1px;
       margin-top: 3em;
       margin-bottom: 3em;
     }
@@ -793,7 +793,7 @@
       font-weight: 500;
       font-family: inherit;
       color: var(--tw-prose-kbd);
-      box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
+      box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
       font-size: 0.875em;
       border-radius: 0.3125rem;
       padding-top: 0.1875em;
@@ -929,7 +929,7 @@
     --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
     --tw-prose-captions: oklch(55.1% 0.027 264.364);
     --tw-prose-kbd: oklch(21% 0.034 264.665);
-    --tw-prose-kbd-shadows: NaN NaN NaN;
+    --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent);
     --tw-prose-code: oklch(21% 0.034 264.665);
     --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
     --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
@@ -947,7 +947,7 @@
     --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
     --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
     --tw-prose-invert-kbd: #fff;
-    --tw-prose-invert-kbd-shadows: 255 255 255;
+    --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
     --tw-prose-invert-code: #fff;
     --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
     --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
@@ -1053,6 +1053,9 @@
   .uii\:mr-1 {
     margin-right: calc(var(--uii-spacing) * 1);
   }
+  .uii\:mb-2 {
+    margin-bottom: calc(var(--uii-spacing) * 2);
+  }
   .uii\:-ml-\[4px\] {
     margin-left: calc(4px * -1);
   }
@@ -1068,6 +1071,9 @@
   .uii\:h-9 {
     height: calc(var(--uii-spacing) * 9);
   }
+  .uii\:h-full {
+    height: 100%;
+  }
   .uii\:max-h-64 {
     max-height: calc(var(--uii-spacing) * 64);
   }
@@ -1089,6 +1095,9 @@
   .uii\:animate-spin {
     animation: spin var(--default-animation-duration, 1s) var(--default-animation-timing-function, linear) var(--default-animation-delay, 0s) infinite;
   }
+  .uii\:cursor-not-allowed {
+    cursor: not-allowed;
+  }
   .uii\:cursor-pointer {
     cursor: pointer;
   }
@@ -1174,6 +1183,16 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 10px;
   }
+  .uii\:border-none {
+    --tw-border-style: none;
+    border-style: none;
+  }
+  .uii\:border-amber-500\/30 {
+    border-color: color-mix(in oklab, oklch(76.9% 0.188 70.08) 30%, transparent);
+  }
+  .uii\:border-amber-500\/50 {
+    border-color: color-mix(in oklab, oklch(76.9% 0.188 70.08) 50%, transparent);
+  }
   .uii\:border-blue-200 {
     border-color: oklch(88.2% 0.059 254.128);
   }
@@ -1189,6 +1208,9 @@
   .uii\:border-red-200 {
     border-color: oklch(88.5% 0.062 18.334);
   }
+  .uii\:border-red-500 {
+    border-color: oklch(63.7% 0.237 25.331);
+  }
   .uii\:border-ring {
     border-color: var(--ring);
   }
@@ -1198,6 +1220,9 @@
   .uii\:border-l-background {
     border-left-color: var(--background);
   }
+  .uii\:bg-amber-500\/5 {
+    background-color: color-mix(in oklab, oklch(76.9% 0.188 70.08) 5%, transparent);
+  }
   .uii\:bg-background {
     background-color: var(--background);
   }
@@ -1339,6 +1364,9 @@
     --tw-tracking: var(--uii-tracking-wide);
     letter-spacing: var(--uii-tracking-wide);
   }
+  .uii\:text-amber-600 {
+    color: oklch(66.6% 0.179 58.318);
+  }
   .uii\:text-blue-600 {
     color: oklch(54.6% 0.245 262.881);
   }
@@ -1414,6 +1442,9 @@
   .uii\:italic {
     font-style: italic;
   }
+  .uii\:opacity-50 {
+    opacity: 50%;
+  }
   .uii\:shadow-xs {
     --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1433,6 +1464,11 @@
     transition-timing-function: var(--tw-ease, var(--uii-default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--uii-default-transition-duration));
   }
+  .uii\:transition-all {
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--uii-default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--uii-default-transition-duration));
+  }
   .uii\:outline-none {
     --tw-outline-style: none;
     outline-style: none;