@uipath/apollo-wind 2.34.0 → 2.36.0

package/dist/styles.css

@@ -667,9 +667,6 @@
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
-  .bottom-5 {
-    bottom: calc(var(--spacing) * 5);
-  }
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
@@ -778,6 +775,9 @@
   .mx-auto {
     margin-inline: auto;
   }
+  .-my-1 {
+    margin-block: calc(var(--spacing) * -1);
+  }
   .my-0\.5 {
     margin-block: calc(var(--spacing) * 0.5);
   }
@@ -844,6 +844,9 @@
   .mr-2 {
     margin-right: calc(var(--spacing) * 2);
   }
+  .mr-3 {
+    margin-right: calc(var(--spacing) * 3);
+  }
   .mr-4 {
     margin-right: calc(var(--spacing) * 4);
   }
@@ -988,18 +991,6 @@
     width: calc(var(--spacing) * 9);
     height: calc(var(--spacing) * 9);
   }
-  .size-20 {
-    width: calc(var(--spacing) * 20);
-    height: calc(var(--spacing) * 20);
-  }
-  .size-24 {
-    width: calc(var(--spacing) * 24);
-    height: calc(var(--spacing) * 24);
-  }
-  .size-\[360px\] {
-    width: 360px;
-    height: 360px;
-  }
   .size-\[var\(--cell-size\)\] {
     width: var(--cell-size);
     height: var(--cell-size);
@@ -1068,6 +1059,9 @@
   .h-24 {
     height: calc(var(--spacing) * 24);
   }
+  .h-28 {
+    height: calc(var(--spacing) * 28);
+  }
   .h-32 {
     height: calc(var(--spacing) * 32);
   }
@@ -1140,12 +1134,12 @@
   .h-\[600px\] {
     height: 600px;
   }
-  .h-\[700px\] {
-    height: 700px;
-  }
   .h-\[calc\(100vh-10rem\)\] {
     height: calc(100vh - 10rem);
   }
+  .h-\[clamp\(320px\,40vh\,720px\)\] {
+    height: clamp(320px, 40vh, 720px);
+  }
   .h-\[var\(--cell-size\)\] {
     height: var(--cell-size);
   }
@@ -1227,6 +1221,9 @@
   .min-h-\[400px\] {
     min-height: 400px;
   }
+  .min-h-\[680px\] {
+    min-height: 680px;
+  }
   .min-h-screen {
     min-height: 100vh;
   }
@@ -1356,12 +1353,21 @@
   .w-\[2px\] {
     width: 2px;
   }
+  .w-\[18\%\] {
+    width: 18%;
+  }
   .w-\[18px\] {
     width: 18px;
   }
+  .w-\[20\%\] {
+    width: 20%;
+  }
   .w-\[22px\] {
     width: 22px;
   }
+  .w-\[31\%\] {
+    width: 31%;
+  }
   .w-\[40px\] {
     width: 40px;
   }
@@ -1383,9 +1389,6 @@
   .w-\[100px\] {
     width: 100px;
   }
-  .w-\[107px\] {
-    width: 107px;
-  }
   .w-\[110px\] {
     width: 110px;
   }
@@ -1455,9 +1458,6 @@
   .w-\[600px\] {
     width: 600px;
   }
-  .w-\[680px\] {
-    width: 680px;
-  }
   .w-\[700px\] {
     width: 700px;
   }
@@ -1545,9 +1545,6 @@
   .max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
-  .max-w-\[calc\(100\%-32px\)\] {
-    max-width: calc(100% - 32px);
-  }
   .max-w-\[calc\(100vw-1rem\)\] {
     max-width: calc(100vw - 1rem);
   }
@@ -1596,6 +1593,12 @@
   .min-w-\[18px\] {
     min-width: 18px;
   }
+  .min-w-\[340px\] {
+    min-width: 340px;
+  }
+  .min-w-\[840px\] {
+    min-width: 840px;
+  }
   .min-w-\[var\(--radix-select-trigger-width\)\] {
     min-width: var(--radix-select-trigger-width);
   }
@@ -1962,6 +1965,9 @@
   .gap-x-8 {
     column-gap: calc(var(--spacing) * 8);
   }
+  .gap-x-10 {
+    column-gap: calc(var(--spacing) * 10);
+  }
   .space-x-2 {
     :where(& > :not(:last-child)) {
       --tw-space-x-reverse: 0;
@@ -2113,6 +2119,10 @@
     border-top-right-radius: var(--radius-md);
     border-bottom-right-radius: var(--radius-md);
   }
+  .rounded-r-none {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
   .rounded-tr-2xl {
     border-top-right-radius: var(--radius-2xl);
   }
@@ -2149,9 +2159,9 @@
     border-style: var(--tw-border-style);
     border-width: 1.5px;
   }
-  .border-\[1\.6px\] {
-    border-style: var(--tw-border-style);
-    border-width: 1.6px;
+  .border-y {
+    border-block-style: var(--tw-border-style);
+    border-block-width: 1px;
   }
   .border-t {
     border-top-style: var(--tw-border-style);
@@ -2181,6 +2191,10 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
   }
+  .border-l-0 {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 0px;
+  }
   .border-l-2 {
     border-left-style: var(--tw-border-style);
     border-left-width: 2px;
@@ -2249,15 +2263,12 @@
       border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
     }
   }
-  .border-destructive\/50 {
-    border-color: var(--destructive);
+  .border-error\/50 {
+    border-color: var(--error);
     @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
+      border-color: color-mix(in oklab, var(--error) 50%, transparent);
     }
   }
-  .border-foreground-accent-muted {
-    border-color: var(--foreground-accent-muted);
-  }
   .border-foreground-inverse\/20 {
     border-color: var(--foreground-inverse);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2285,6 +2296,12 @@
   .border-hover {
     border-color: var(--color-hover);
   }
+  .border-info\/30 {
+    border-color: var(--info);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--info) 30%, transparent);
+    }
+  }
   .border-input {
     border-color: var(--input);
   }
@@ -2345,12 +2362,15 @@
   .border-ring {
     border-color: var(--ring);
   }
+  .border-success\/50 {
+    border-color: var(--success);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--success) 50%, transparent);
+    }
+  }
   .border-surface-hover {
     border-color: var(--surface-hover);
   }
-  .border-surface-overlay {
-    border-color: var(--surface-overlay);
-  }
   .border-transparent {
     border-color: transparent;
   }
@@ -2360,6 +2380,18 @@
       border-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
     }
   }
+  .border-warning\/30 {
+    border-color: var(--warning);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--warning) 30%, transparent);
+    }
+  }
+  .border-warning\/50 {
+    border-color: var(--warning);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--warning) 50%, transparent);
+    }
+  }
   .border-white\/10 {
     border-color: color-mix(in srgb, #fff 10%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2657,15 +2689,18 @@
   .bg-error-background {
     background-color: var(--error-background);
   }
+  .bg-error-background\/25 {
+    background-color: var(--error-background);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--error-background) 25%, transparent);
+    }
+  }
   .bg-foreground {
     background-color: var(--foreground);
   }
   .bg-foreground-accent {
     background-color: var(--foreground-accent);
   }
-  .bg-foreground-inverse {
-    background-color: var(--foreground-inverse);
-  }
   .bg-foreground-inverse\/10 {
     background-color: var(--foreground-inverse);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2825,6 +2860,12 @@
   .bg-info-background {
     background-color: var(--info-background);
   }
+  .bg-info-background\/10 {
+    background-color: var(--info-background);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--info-background) 10%, transparent);
+    }
+  }
   .bg-muted {
     background-color: var(--muted);
   }
@@ -2843,6 +2884,12 @@
       background-color: color-mix(in oklab, var(--muted) 30%, transparent);
     }
   }
+  .bg-muted\/35 {
+    background-color: var(--muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--muted) 35%, transparent);
+    }
+  }
   .bg-muted\/40 {
     background-color: var(--muted);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2855,6 +2902,18 @@
       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\/70 {
+    background-color: var(--muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--muted) 70%, transparent);
+    }
+  }
   .bg-muted\/80 {
     background-color: var(--muted);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2954,6 +3013,12 @@
       background-color: color-mix(in oklab, var(--primary) 10%, transparent);
     }
   }
+  .bg-primary\/15 {
+    background-color: var(--primary);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--primary) 15%, transparent);
+    }
+  }
   .bg-primary\/20 {
     background-color: var(--primary);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3143,6 +3208,12 @@
   .bg-success-background {
     background-color: var(--success-background);
   }
+  .bg-success-background\/25 {
+    background-color: var(--success-background);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--success-background) 25%, transparent);
+    }
+  }
   .bg-success\/10 {
     background-color: var(--success);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3281,6 +3352,18 @@
   .bg-warning-background {
     background-color: var(--warning-background);
   }
+  .bg-warning-background\/25 {
+    background-color: var(--warning-background);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--warning-background) 25%, transparent);
+    }
+  }
+  .bg-warning\/10 {
+    background-color: var(--warning);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--warning) 10%, transparent);
+    }
+  }
   .bg-white {
     background-color: var(--color-white);
   }
@@ -3568,6 +3651,9 @@
   .py-3 {
     padding-block: calc(var(--spacing) * 3);
   }
+  .py-3\.5 {
+    padding-block: calc(var(--spacing) * 3.5);
+  }
   .py-4 {
     padding-block: calc(var(--spacing) * 4);
   }
@@ -3577,9 +3663,15 @@
   .py-6 {
     padding-block: calc(var(--spacing) * 6);
   }
+  .py-7 {
+    padding-block: calc(var(--spacing) * 7);
+  }
   .py-8 {
     padding-block: calc(var(--spacing) * 8);
   }
+  .py-9 {
+    padding-block: calc(var(--spacing) * 9);
+  }
   .py-10 {
     padding-block: calc(var(--spacing) * 10);
   }
@@ -3655,6 +3747,9 @@
   .pb-0 {
     padding-bottom: calc(var(--spacing) * 0);
   }
+  .pb-1\.5 {
+    padding-bottom: calc(var(--spacing) * 1.5);
+  }
   .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
   }
@@ -3718,6 +3813,9 @@
   .align-middle {
     vertical-align: middle;
   }
+  .align-top {
+    vertical-align: top;
+  }
   .font-mono {
     font-family: var(--font-mono);
   }
@@ -3781,9 +3879,6 @@
   .text-\[13px\] {
     font-size: 13px;
   }
-  .text-\[14px\] {
-    font-size: 14px;
-  }
   .text-\[15px\] {
     font-size: 15px;
   }
@@ -4209,10 +4304,6 @@
     --tw-shadow: 0px 1px 2px 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_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);
@@ -4417,35 +4508,6 @@
       }
     }
   }
-  .group-hover\:scale-\[1\.25\] {
-    &:is(:where(.group):hover *) {
-      @media (hover: hover) {
-        scale: 1.25;
-      }
-    }
-  }
-  .group-hover\:border-2 {
-    &:is(:where(.group):hover *) {
-      @media (hover: hover) {
-        border-style: var(--tw-border-style);
-        border-width: 2px;
-      }
-    }
-  }
-  .group-hover\:border-border-hover {
-    &:is(:where(.group):hover *) {
-      @media (hover: hover) {
-        border-color: var(--border-hover);
-      }
-    }
-  }
-  .group-hover\:border-foreground-accent-muted {
-    &:is(:where(.group):hover *) {
-      @media (hover: hover) {
-        border-color: var(--foreground-accent-muted);
-      }
-    }
-  }
   .group-hover\:border-muted-foreground {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -4713,6 +4775,11 @@
       color: var(--foreground);
     }
   }
+  .last\:mb-0 {
+    &:last-child {
+      margin-bottom: calc(var(--spacing) * 0);
+    }
+  }
   .last\:border-0 {
     &:last-child {
       border-style: var(--tw-border-style);
@@ -4842,13 +4909,6 @@
       }
     }
   }
-  .hover\:border-transparent {
-    &:hover {
-      @media (hover: hover) {
-        border-color: transparent;
-      }
-    }
-  }
   .hover\:bg-accent {
     &:hover {
       @media (hover: hover) {
@@ -5015,6 +5075,16 @@
       }
     }
   }
+  .hover\:bg-muted\/40 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--muted);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--muted) 40%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-muted\/50 {
     &:hover {
       @media (hover: hover) {
@@ -5260,14 +5330,6 @@
       }
     }
   }
-  .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\:z-10 {
     &:focus {
       z-index: 10;
@@ -5989,6 +6051,11 @@
       margin-top: calc(var(--spacing) * 0);
     }
   }
+  .sm\:table-cell {
+    @media (width >= 40rem) {
+      display: table-cell;
+    }
+  }
   .sm\:max-w-2xl {
     @media (width >= 40rem) {
       max-width: var(--container-2xl);
@@ -6065,16 +6132,46 @@
       border-left-width: 1px;
     }
   }
+  .sm\:p-5 {
+    @media (width >= 40rem) {
+      padding: calc(var(--spacing) * 5);
+    }
+  }
+  .sm\:p-10 {
+    @media (width >= 40rem) {
+      padding: calc(var(--spacing) * 10);
+    }
+  }
+  .sm\:px-6 {
+    @media (width >= 40rem) {
+      padding-inline: calc(var(--spacing) * 6);
+    }
+  }
   .sm\:px-8 {
     @media (width >= 40rem) {
       padding-inline: calc(var(--spacing) * 8);
     }
   }
+  .sm\:px-10 {
+    @media (width >= 40rem) {
+      padding-inline: calc(var(--spacing) * 10);
+    }
+  }
   .sm\:py-6 {
     @media (width >= 40rem) {
       padding-block: calc(var(--spacing) * 6);
     }
   }
+  .sm\:py-9 {
+    @media (width >= 40rem) {
+      padding-block: calc(var(--spacing) * 9);
+    }
+  }
+  .sm\:py-14 {
+    @media (width >= 40rem) {
+      padding-block: calc(var(--spacing) * 14);
+    }
+  }
   .sm\:text-left {
     @media (width >= 40rem) {
       text-align: left;
@@ -6091,6 +6188,11 @@
       grid-column: span 2 / span 2;
     }
   }
+  .md\:table-cell {
+    @media (width >= 48rem) {
+      display: table-cell;
+    }
+  }
   .md\:w-1\/2 {
     @media (width >= 48rem) {
       width: calc(1/2 * 100%);
@@ -6162,6 +6264,11 @@
       grid-template-columns: 2fr 3fr 3fr;
     }
   }
+  .lg\:grid-cols-\[auto_minmax\(180px\,1fr\)_minmax\(160px\,0\.55fr\)_minmax\(240px\,1fr\)_auto\] {
+    @media (width >= 64rem) {
+      grid-template-columns: auto minmax(180px,1fr) minmax(160px,0.55fr) minmax(240px,1fr) auto;
+    }
+  }
   .\@max-\[259px\]\:block {
     @container (width < 259px) {
       display: block;
@@ -6187,11 +6294,6 @@
       text-align: right;
     }
   }
-  .dark\:border-destructive {
-    &:is(.dark:not(.react-flow), .dark-hc, .future-dark, .dark:not(.react-flow) *, .dark-hc *, .future-dark *) {
-      border-color: var(--destructive);
-    }
-  }
   .dark\:bg-green-900\/10 {
     &:is(.dark:not(.react-flow), .dark-hc, .future-dark, .dark:not(.react-flow) *, .dark-hc *, .future-dark *) {
       background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 10%, transparent);
@@ -6255,6 +6357,24 @@
       border-radius: var(--radius-xl);
     }
   }
+  .future\:rounded-l-xl {
+    :is(.future-dark, .future-light) & {
+      border-top-left-radius: var(--radius-xl);
+      border-bottom-left-radius: var(--radius-xl);
+    }
+  }
+  .future\:rounded-r-none {
+    :is(.future-dark, .future-light) & {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+  }
+  .future\:rounded-r-xl {
+    :is(.future-dark, .future-light) & {
+      border-top-right-radius: var(--radius-xl);
+      border-bottom-right-radius: var(--radius-xl);
+    }
+  }
   .future\:border-0 {
     :is(.future-dark, .future-light) & {
       border-style: var(--tw-border-style);
@@ -6645,10 +6765,15 @@
       width: calc(var(--spacing) * 5);
     }
   }
-  .\[\&_p\]\:leading-relaxed {
+  .\[\&_p\]\:leading-4 {
     & p {
-      --tw-leading: var(--leading-relaxed);
-      line-height: var(--leading-relaxed);
+      --tw-leading: calc(var(--spacing) * 4);
+      line-height: calc(var(--spacing) * 4);
+    }
+  }
+  .\[\&_p\+p\]\:mt-1 {
+    & p+p {
+      margin-top: calc(var(--spacing) * 1);
     }
   }
   .\[\&_svg\]\:pointer-events-none {
@@ -6674,12 +6799,6 @@
       height: calc(var(--spacing) * 4);
     }
   }
-  .\[\&_svg\]\:size-5 {
-    & svg {
-      width: calc(var(--spacing) * 5);
-      height: calc(var(--spacing) * 5);
-    }
-  }
   .\[\&_svg\]\:shrink-0 {
     & svg {
       flex-shrink: 0;
@@ -6891,14 +7010,14 @@
       position: absolute;
     }
   }
-  .\[\&\>svg\]\:top-4 {
+  .\[\&\>svg\]\:top-3\.5 {
     &>svg {
-      top: calc(var(--spacing) * 4);
+      top: calc(var(--spacing) * 3.5);
     }
   }
-  .\[\&\>svg\]\:left-4 {
+  .\[\&\>svg\]\:left-3 {
     &>svg {
-      left: calc(var(--spacing) * 4);
+      left: calc(var(--spacing) * 3);
     }
   }
   .\[\&\>svg\]\:hidden {
@@ -6942,19 +7061,19 @@
       width: calc(var(--spacing) * 3.5);
     }
   }
-  .\[\&\>svg\]\:text-destructive {
+  .\[\&\>svg\]\:text-error {
     &>svg {
-      color: var(--destructive);
+      color: var(--error);
     }
   }
-  .\[\&\>svg\]\:text-foreground {
+  .\[\&\>svg\]\:text-foreground-muted {
     &>svg {
-      color: var(--foreground);
+      color: var(--foreground-muted);
     }
   }
-  .\[\&\>svg\]\:text-foreground-muted {
+  .\[\&\>svg\]\:text-info {
     &>svg {
-      color: var(--foreground-muted);
+      color: var(--info);
     }
   }
   .\[\&\>svg\]\:text-muted-foreground {
@@ -6962,10 +7081,14 @@
       color: var(--muted-foreground);
     }
   }
-  .\[\&\>svg\+div\]\:translate-y-\[-3px\] {
-    &>svg+div {
-      --tw-translate-y: -3px;
-      translate: var(--tw-translate-x) var(--tw-translate-y);
+  .\[\&\>svg\]\:text-success {
+    &>svg {
+      color: var(--success);
+    }
+  }
+  .\[\&\>svg\]\:text-warning {
+    &>svg {
+      color: var(--warning);
     }
   }
   .\[\&\>svg\:not\(\[class\*\=\"size-\"\]\)\]\:size-4 {
@@ -6974,9 +7097,9 @@
       height: calc(var(--spacing) * 4);
     }
   }
-  .\[\&\>svg\~\*\]\:pl-7 {
+  .\[\&\>svg\~\*\]\:pl-6 {
     &>svg~* {
-      padding-left: calc(var(--spacing) * 7);
+      padding-left: calc(var(--spacing) * 6);
     }
   }
   .\[\&\>tr\]\:table {