@uipath/apollo-wind 0.12.2 → 0.14.0

package/dist/styles.css

@@ -266,6 +266,7 @@
     --radius-xl: 0.75rem;
     --radius-2xl: 1rem;
     --radius-3xl: 1.5rem;
+    --ease-out: cubic-bezier(0, 0, 0.2, 1);
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --animate-spin: spin 1s linear infinite;
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
@@ -660,6 +661,9 @@
   .bottom-5 {
     bottom: calc(var(--spacing) * 5);
   }
+  .bottom-full {
+    bottom: 100%;
+  }
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
@@ -1020,6 +1024,9 @@
   .h-\[18px\] {
     height: 18px;
   }
+  .h-\[22px\] {
+    height: 22px;
+  }
   .h-\[42px\] {
     height: 42px;
   }
@@ -1215,6 +1222,9 @@
   .w-32 {
     width: calc(var(--spacing) * 32);
   }
+  .w-36 {
+    width: calc(var(--spacing) * 36);
+  }
   .w-40 {
     width: calc(var(--spacing) * 40);
   }
@@ -1260,6 +1270,9 @@
   .w-\[18px\] {
     width: 18px;
   }
+  .w-\[22px\] {
+    width: 22px;
+  }
   .w-\[40px\] {
     width: 40px;
   }
@@ -1535,14 +1548,6 @@
     --tw-scale-z: 110%;
     scale: var(--tw-scale-x) var(--tw-scale-y);
   }
-  .-scale-x-100 {
-    --tw-scale-x: calc(100% * -1);
-    scale: var(--tw-scale-x) var(--tw-scale-y);
-  }
-  .-scale-y-100 {
-    --tw-scale-y: calc(100% * -1);
-    scale: var(--tw-scale-x) var(--tw-scale-y);
-  }
   .rotate-90 {
     rotate: 90deg;
   }
@@ -1717,9 +1722,6 @@
   .gap-\[15px\] {
     gap: 15px;
   }
-  .gap-\[18px\] {
-    gap: 18px;
-  }
   .gap-\[37px\] {
     gap: 37px;
   }
@@ -1854,6 +1856,9 @@
   .overflow-auto {
     overflow: auto;
   }
+  .overflow-clip {
+    overflow: clip;
+  }
   .overflow-hidden {
     overflow: hidden;
   }
@@ -1866,6 +1871,9 @@
   .overflow-y-auto {
     overflow-y: auto;
   }
+  .overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
   .rounded {
     border-radius: 0.25rem;
   }
@@ -1890,6 +1898,9 @@
   .rounded-\[20px\] {
     border-radius: 20px;
   }
+  .rounded-\[24px\] {
+    border-radius: 24px;
+  }
   .rounded-\[32px\] {
     border-radius: 32px;
   }
@@ -2153,6 +2164,12 @@
   .border-ring {
     border-color: var(--ring);
   }
+  .border-surface-hover {
+    border-color: var(--surface-hover);
+  }
+  .border-surface-overlay {
+    border-color: var(--surface-overlay);
+  }
   .border-transparent {
     border-color: transparent;
   }
@@ -2192,6 +2209,9 @@
   .bg-\(--color-bg\) {
     background-color: var(--color-bg);
   }
+  .bg-\[\#0092b8\] {
+    background-color: #0092b8;
+  }
   .bg-\[\#ff0000\] {
     background-color: #ff0000;
   }
@@ -2420,6 +2440,12 @@
   .bg-foreground {
     background-color: var(--foreground);
   }
+  .bg-foreground-accent {
+    background-color: var(--foreground-accent);
+  }
+  .bg-foreground-inverse {
+    background-color: var(--foreground-inverse);
+  }
   .bg-fuchsia-50 {
     background-color: var(--color-fuchsia-50);
   }
@@ -2594,6 +2620,12 @@
       background-color: color-mix(in oklab, var(--muted) 50%, transparent);
     }
   }
+  .bg-muted\/60 {
+    background-color: var(--muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--muted) 60%, transparent);
+    }
+  }
   .bg-muted\/80 {
     background-color: var(--muted);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3071,10 +3103,6 @@
   .bg-zinc-950 {
     background-color: var(--color-zinc-950);
   }
-  .bg-gradient-to-b {
-    --tw-gradient-position: to bottom in oklab;
-    background-image: linear-gradient(var(--tw-gradient-stops));
-  }
   .bg-gradient-to-br {
     --tw-gradient-position: to bottom right in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
@@ -3120,10 +3148,6 @@
     --tw-gradient-from: var(--color-purple-600);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
-  .from-surface {
-    --tw-gradient-from: var(--surface);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
   .via-background {
     --tw-gradient-via: var(--background);
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
@@ -3162,10 +3186,6 @@
     }
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
-  .to-surface-raised {
-    --tw-gradient-to: var(--surface-raised);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
   .bg-clip-text {
     background-clip: text;
   }
@@ -3208,7 +3228,7 @@
   .p-8 {
     padding: calc(var(--spacing) * 8);
   }
-  .p-\[1px\] {
+  .p-px {
     padding: 1px;
   }
   .px-0 {
@@ -3292,6 +3312,12 @@
   .py-20 {
     padding-block: calc(var(--spacing) * 20);
   }
+  .py-\[5px\] {
+    padding-block: 5px;
+  }
+  .py-px {
+    padding-block: 1px;
+  }
   .pt-0 {
     padding-top: calc(var(--spacing) * 0);
   }
@@ -3319,6 +3345,9 @@
   .pt-8 {
     padding-top: calc(var(--spacing) * 8);
   }
+  .pt-12 {
+    padding-top: calc(var(--spacing) * 12);
+  }
   .pt-\[18px\] {
     padding-top: 18px;
   }
@@ -3337,12 +3366,12 @@
   .pr-4 {
     padding-right: calc(var(--spacing) * 4);
   }
-  .pr-6 {
-    padding-right: calc(var(--spacing) * 6);
-  }
   .pr-8 {
     padding-right: calc(var(--spacing) * 8);
   }
+  .pr-9 {
+    padding-right: calc(var(--spacing) * 9);
+  }
   .pr-10 {
     padding-right: calc(var(--spacing) * 10);
   }
@@ -3832,6 +3861,10 @@
     --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-\[0px_4px_4px_0px_rgba\(0\,0\,0\,0\.05\)\] {
+    --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, rgba(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);
+  }
   .shadow-\[0px_4px_16px_0px_rgba\(0\,0\,0\,0\.25\)\] {
     --tw-shadow: 0px 4px 16px 0px var(--tw-shadow-color, rgba(0,0,0,0.25));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3972,6 +4005,10 @@
     --tw-ease: var(--ease-in-out);
     transition-timing-function: var(--ease-in-out);
   }
+  .ease-out {
+    --tw-ease: var(--ease-out);
+    transition-timing-function: var(--ease-out);
+  }
   .outline-none {
     --tw-outline-style: none;
     outline-style: none;
@@ -3983,6 +4020,27 @@
   .\[--cell-size\:2\.75rem\] {
     --cell-size: 2.75rem;
   }
+  .group-hover\:h-6 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        height: calc(var(--spacing) * 6);
+      }
+    }
+  }
+  .group-hover\:w-6 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        width: calc(var(--spacing) * 6);
+      }
+    }
+  }
+  .group-hover\:scale-\[1\.2\] {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        scale: 1.2;
+      }
+    }
+  }
   .group-hover\:bg-primary\/50 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -3993,6 +4051,20 @@
       }
     }
   }
+  .group-hover\:bg-surface-hover {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        background-color: var(--surface-hover);
+      }
+    }
+  }
+  .group-hover\:text-foreground-hover {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: var(--foreground-hover);
+      }
+    }
+  }
   .group-hover\:text-primary {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -4151,6 +4223,11 @@
       color: var(--foreground);
     }
   }
+  .placeholder\:text-foreground-muted {
+    &::placeholder {
+      color: var(--foreground-muted);
+    }
+  }
   .placeholder\:text-foreground-subtle {
     &::placeholder {
       color: var(--foreground-subtle);
@@ -4161,6 +4238,15 @@
       color: var(--muted-foreground);
     }
   }
+  .group-hover\/input\:placeholder\:text-foreground-secondary {
+    &:is(:where(.group\/input):hover *) {
+      @media (hover: hover) {
+        &::placeholder {
+          color: var(--foreground-secondary);
+        }
+      }
+    }
+  }
   .after\:absolute {
     &::after {
       content: var(--tw-content);
@@ -4220,6 +4306,11 @@
       border-left-width: 1px;
     }
   }
+  .focus-within\:border-border-hover {
+    &:focus-within {
+      border-color: var(--border-hover);
+    }
+  }
   .hover\:scale-105 {
     &:hover {
       @media (hover: hover) {
@@ -4288,6 +4379,13 @@
       }
     }
   }
+  .hover\:border-transparent {
+    &:hover {
+      @media (hover: hover) {
+        border-color: transparent;
+      }
+    }
+  }
   .hover\:bg-accent {
     &:hover {
       @media (hover: hover) {
@@ -4393,6 +4491,13 @@
       }
     }
   }
+  .hover\:bg-foreground-accent-muted {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--foreground-accent-muted);
+      }
+    }
+  }
   .hover\:bg-gray-800 {
     &:hover {
       @media (hover: hover) {
@@ -4424,6 +4529,16 @@
       }
     }
   }
+  .hover\:bg-muted\/20 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--muted);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--muted) 20%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-muted\/50 {
     &:hover {
       @media (hover: hover) {
@@ -4649,6 +4764,14 @@
       }
     }
   }
+  .hover\:shadow-none {
+    &:hover {
+      @media (hover: hover) {
+        --tw-shadow: 0 0 #0000;
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
   .focus\:border-primary\/50 {
     &:focus {
       border-color: var(--primary);
@@ -4731,6 +4854,13 @@
       outline-style: none;
     }
   }
+  .focus\:placeholder\:text-foreground-secondary {
+    &:focus {
+      &::placeholder {
+        color: var(--foreground-secondary);
+      }
+    }
+  }
   .focus-visible\:ring-0 {
     &:focus-visible {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -5097,6 +5227,11 @@
       color: var(--primary-foreground);
     }
   }
+  .data-\[state\=closed\]\:animate-collapsible-up {
+    &[data-state="closed"] {
+      animation: collapsible-up 200ms ease-out;
+    }
+  }
   .data-\[state\=closed\]\:duration-300 {
     &[data-state="closed"] {
       --tw-duration: 300ms;
@@ -5123,6 +5258,11 @@
       color: var(--primary-foreground);
     }
   }
+  .data-\[state\=open\]\:animate-collapsible-down {
+    &[data-state="open"] {
+      animation: collapsible-down 200ms ease-out;
+    }
+  }
   .data-\[state\=open\]\:overflow-visible {
     &[data-state="open"] {
       overflow: visible;
@@ -7547,36 +7687,42 @@ body.light-hc {
   color-scheme: light;
 }
 .future-dark {
-  --surface: #09090b;
-  --surface-raised: #18181b;
-  --surface-overlay: #27272a;
-  --surface-hover: #3f3f46;
-  --surface-muted: #71717a;
-  --surface-inverse: #fafafa;
-  --brand: #0891b2;
-  --brand-subtle: #083344;
-  --foreground: #fafafa;
-  --foreground-secondary: #f4f4f5;
-  --foreground-hover: #d4d4d8;
-  --foreground-muted: #a1a1aa;
-  --foreground-subtle: #71717a;
-  --foreground-inverse: #09090b;
-  --foreground-on-accent: #fafafa;
-  --foreground-accent: #0891b2;
-  --foreground-accent-muted: #22d3ee;
-  --ap-wind-border: #3f3f46;
-  --border-subtle: #27272a;
-  --border-muted: #18181b;
-  --border-deep: #09090b;
-  --border-inverse: #e4e4e7;
-  --border-hover: #52525b;
-  --ring: #52525b;
+  --surface: var(--color-zinc-950);
+  --surface-raised: var(--color-zinc-900);
+  --surface-overlay: var(--color-zinc-800);
+  --surface-hover: var(--color-zinc-700);
+  --surface-muted: var(--color-zinc-500);
+  --surface-inverse: var(--color-zinc-50);
+  --brand: var(--color-cyan-600);
+  --brand-subtle: var(--color-cyan-950);
+  --foreground: var(--color-zinc-50);
+  --foreground-secondary: var(--color-zinc-100);
+  --foreground-hover: var(--color-zinc-300);
+  --foreground-muted: var(--color-zinc-400);
+  --foreground-subtle: var(--color-zinc-500);
+  --foreground-inverse: var(--color-zinc-950);
+  --foreground-on-accent: var(--color-zinc-50);
+  --foreground-accent: var(--color-cyan-600);
+  --foreground-accent-muted: var(--color-cyan-400);
+  --ap-wind-border: var(--color-zinc-700);
+  --border-subtle: var(--color-zinc-800);
+  --border-muted: var(--color-zinc-900);
+  --border-deep: var(--color-zinc-950);
+  --border-inverse: var(--color-zinc-200);
+  --border-hover: var(--color-zinc-600);
+  --ring: var(--color-zinc-600);
   --gradient-1: linear-gradient(127deg, #3f3f47 25.94%, #27272a 74.06%);
   --gradient-2: linear-gradient(128deg, #09090b 1.26%, #18181b 52.69%);
   --gradient-3: linear-gradient(128deg, #3f3f47 1.26%, #18181b 52.69%);
   --gradient-4: linear-gradient(180deg, #18181b 0%, #27272a 100%);
   --gradient-5: linear-gradient(180deg, #09090b 0%, #18181b 100%);
   --gradient-6: linear-gradient(106deg, #0092b8 28.08%, #053345 71.92%);
+  --code-rest: var(--color-zinc-400);
+  --code-punctuation: var(--color-zinc-500);
+  --code-key: var(--color-cyan-400);
+  --code-string: var(--color-emerald-400);
+  --code-number: var(--color-amber-400);
+  --code-literal: var(--color-violet-400);
   --background: var(--surface);
   --card: var(--surface-raised);
   --card-foreground: var(--foreground);
@@ -7590,42 +7736,48 @@ body.light-hc {
   --muted-foreground: var(--foreground-muted);
   --accent: var(--surface-hover);
   --accent-foreground: var(--foreground);
-  --destructive: #ef4444;
-  --destructive-foreground: #fafafa;
+  --destructive: var(--color-red-500);
+  --destructive-foreground: var(--color-zinc-50);
   --border-de-emp: var(--border-subtle);
   --input: var(--ap-wind-border);
 }
 .future-light {
-  --surface: #fafafa;
-  --surface-raised: #f4f4f5;
-  --surface-overlay: #e4e4e7;
-  --surface-hover: #d4d4d8;
-  --surface-muted: #a1a1aa;
-  --surface-inverse: #09090b;
-  --brand: #0891b2;
-  --brand-subtle: #ecfeff;
-  --foreground: #09090b;
-  --foreground-secondary: #18181b;
-  --foreground-hover: #52525b;
-  --foreground-muted: #71717a;
-  --foreground-subtle: #a1a1aa;
-  --foreground-inverse: #fafafa;
-  --foreground-on-accent: #fafafa;
-  --foreground-accent: #0891b2;
-  --foreground-accent-muted: #0891b2;
-  --ap-wind-border: #d4d4d8;
-  --border-subtle: #e4e4e7;
-  --border-muted: #f4f4f5;
-  --border-deep: #fafafa;
-  --border-inverse: #3f3f46;
-  --border-hover: #a1a1aa;
-  --ring: #a1a1aa;
+  --surface: var(--color-zinc-50);
+  --surface-raised: var(--color-zinc-100);
+  --surface-overlay: var(--color-zinc-200);
+  --surface-hover: var(--color-zinc-300);
+  --surface-muted: var(--color-zinc-400);
+  --surface-inverse: var(--color-zinc-950);
+  --brand: var(--color-cyan-600);
+  --brand-subtle: var(--color-cyan-50);
+  --foreground: var(--color-zinc-950);
+  --foreground-secondary: var(--color-zinc-900);
+  --foreground-hover: var(--color-zinc-600);
+  --foreground-muted: var(--color-zinc-500);
+  --foreground-subtle: var(--color-zinc-400);
+  --foreground-inverse: var(--color-zinc-50);
+  --foreground-on-accent: var(--color-zinc-50);
+  --foreground-accent: var(--color-cyan-600);
+  --foreground-accent-muted: var(--color-cyan-600);
+  --ap-wind-border: var(--color-zinc-300);
+  --border-subtle: var(--color-zinc-200);
+  --border-muted: var(--color-zinc-100);
+  --border-deep: var(--color-zinc-50);
+  --border-inverse: var(--color-zinc-700);
+  --border-hover: var(--color-zinc-400);
+  --ring: var(--color-zinc-400);
   --gradient-1: linear-gradient(127deg, #e4e4e7 25.94%, #f4f4f5 74.06%);
   --gradient-2: linear-gradient(128deg, #fafafa 1.26%, #fafafa 52.69%);
   --gradient-3: linear-gradient(128deg, #e4e4e7 1.26%, #fafafa 52.69%);
   --gradient-4: linear-gradient(180deg, #fafafa 0%, #f4f4f5 100%);
   --gradient-5: linear-gradient(180deg, #fafafa 0%, #fafafa 100%);
   --gradient-6: linear-gradient(106deg, #22d3ee 28.08%, #cffafe 71.92%);
+  --code-rest: var(--color-zinc-600);
+  --code-punctuation: var(--color-zinc-500);
+  --code-key: var(--color-cyan-700);
+  --code-string: var(--color-emerald-700);
+  --code-number: var(--color-amber-700);
+  --code-literal: var(--color-violet-600);
   --background: var(--surface);
   --card: var(--surface-raised);
   --card-foreground: var(--foreground);
@@ -7639,8 +7791,8 @@ body.light-hc {
   --muted-foreground: var(--foreground-muted);
   --accent: var(--surface-hover);
   --accent-foreground: var(--foreground);
-  --destructive: #ef4444;
-  --destructive-foreground: #fafafa;
+  --destructive: var(--color-red-500);
+  --destructive-foreground: var(--color-zinc-50);
   --border-de-emp: var(--border-subtle);
   --input: var(--ap-wind-border);
 }
@@ -7804,6 +7956,26 @@ body.light-hc {
     color: var(--foreground);
   }
 }
+@keyframes collapsible-down {
+  from {
+    height: 0;
+    opacity: 0;
+  }
+  to {
+    height: var(--radix-collapsible-content-height);
+    opacity: 1;
+  }
+}
+@keyframes collapsible-up {
+  from {
+    height: var(--radix-collapsible-content-height);
+    opacity: 1;
+  }
+  to {
+    height: 0;
+    opacity: 0;
+  }
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;