@uipath/apollo-wind 2.60.1 → 2.62.0

package/dist/styles.css

@@ -620,6 +620,9 @@
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
+  .top-0\.5 {
+    top: calc(var(--spacing) * 0.5);
+  }
   .top-1\/2 {
     top: calc(1/2 * 100%);
   }
@@ -653,9 +656,15 @@
   .right-0 {
     right: calc(var(--spacing) * 0);
   }
+  .right-0\.5 {
+    right: calc(var(--spacing) * 0.5);
+  }
   .right-1 {
     right: calc(var(--spacing) * 1);
   }
+  .right-1\.5 {
+    right: calc(var(--spacing) * 1.5);
+  }
   .right-2 {
     right: calc(var(--spacing) * 2);
   }
@@ -704,6 +713,12 @@
   .z-50 {
     z-index: 50;
   }
+  .z-1200 {
+    z-index: 1200;
+  }
+  .z-1200\! {
+    z-index: 1200 !important;
+  }
   .order-first {
     order: -9999;
   }
@@ -985,6 +1000,14 @@
     width: calc(var(--spacing) * 3.5) !important;
     height: calc(var(--spacing) * 3.5) !important;
   }
+  .size-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+    height: calc(var(--spacing) * 1.5);
+  }
+  .size-2\.5 {
+    width: calc(var(--spacing) * 2.5);
+    height: calc(var(--spacing) * 2.5);
+  }
   .size-3 {
     width: calc(var(--spacing) * 3);
     height: calc(var(--spacing) * 3);
@@ -1057,6 +1080,9 @@
   .h-4 {
     height: calc(var(--spacing) * 4);
   }
+  .h-4\.5 {
+    height: calc(var(--spacing) * 4.5);
+  }
   .h-5 {
     height: calc(var(--spacing) * 5);
   }
@@ -1234,6 +1260,9 @@
   .max-h-full {
     max-height: 100%;
   }
+  .max-h-screen {
+    max-height: 100vh;
+  }
   .min-h-0 {
     min-height: calc(var(--spacing) * 0);
   }
@@ -1246,6 +1275,9 @@
   .min-h-6\.5 {
     min-height: calc(var(--spacing) * 6.5);
   }
+  .min-h-7 {
+    min-height: calc(var(--spacing) * 7);
+  }
   .min-h-8 {
     min-height: calc(var(--spacing) * 8);
   }
@@ -1585,9 +1617,18 @@
   .max-w-48 {
     max-width: calc(var(--spacing) * 48);
   }
+  .max-w-60 {
+    max-width: calc(var(--spacing) * 60);
+  }
+  .max-w-64 {
+    max-width: calc(var(--spacing) * 64);
+  }
   .max-w-\[6rem\] {
     max-width: 6rem;
   }
+  .max-w-\[45\%\] {
+    max-width: 45%;
+  }
   .max-w-\[85\%\] {
     max-width: 85%;
   }
@@ -1654,12 +1695,18 @@
   .min-w-4 {
     min-width: calc(var(--spacing) * 4);
   }
+  .min-w-4\.5 {
+    min-width: calc(var(--spacing) * 4.5);
+  }
   .min-w-5 {
     min-width: calc(var(--spacing) * 5);
   }
   .min-w-6 {
     min-width: calc(var(--spacing) * 6);
   }
+  .min-w-8 {
+    min-width: calc(var(--spacing) * 8);
+  }
   .min-w-9 {
     min-width: calc(var(--spacing) * 9);
   }
@@ -1672,6 +1719,12 @@
   .min-w-16 {
     min-width: calc(var(--spacing) * 16);
   }
+  .min-w-32 {
+    min-width: calc(var(--spacing) * 32);
+  }
+  .min-w-40 {
+    min-width: calc(var(--spacing) * 40);
+  }
   .min-w-\[8rem\] {
     min-width: 8rem;
   }
@@ -1702,6 +1755,9 @@
   .shrink-0 {
     flex-shrink: 0;
   }
+  .shrink-3 {
+    flex-shrink: 3;
+  }
   .grow {
     flex-grow: 1;
   }
@@ -2151,6 +2207,9 @@
   .overflow-x-auto {
     overflow-x: auto;
   }
+  .overflow-x-clip {
+    overflow-x: clip;
+  }
   .overflow-x-hidden {
     overflow-x: hidden;
   }
@@ -2410,12 +2469,24 @@
       border-color: color-mix(in oklab, var(--error) 30%, transparent);
     }
   }
+  .border-error\/40 {
+    border-color: var(--error);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--error) 40%, transparent);
+    }
+  }
   .border-error\/50 {
     border-color: var(--error);
     @supports (color: color-mix(in lab, red, red)) {
       border-color: color-mix(in oklab, var(--error) 50%, transparent);
     }
   }
+  .border-gradient-agent-start\/60 {
+    border-color: var(--color-gradient-agent-start);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-gradient-agent-start) 60%, transparent);
+    }
+  }
   .border-gray-300 {
     border-color: var(--color-gray-300);
   }
@@ -2431,6 +2502,12 @@
       border-color: color-mix(in oklab, var(--info) 30%, transparent);
     }
   }
+  .border-info\/40 {
+    border-color: var(--info);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--info) 40%, transparent);
+    }
+  }
   .border-input {
     border-color: var(--input);
   }
@@ -2533,6 +2610,12 @@
       border-color: color-mix(in oklab, var(--warning) 30%, transparent);
     }
   }
+  .border-warning\/40 {
+    border-color: var(--warning);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--warning) 40%, transparent);
+    }
+  }
   .border-warning\/50 {
     border-color: var(--warning);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3004,6 +3087,12 @@
       background-color: color-mix(in oklab, var(--info-background) 10%, transparent);
     }
   }
+  .bg-info\/10 {
+    background-color: var(--info);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--info) 10%, transparent);
+    }
+  }
   .bg-muted {
     background-color: var(--muted);
   }
@@ -3553,6 +3642,13 @@
   .bg-zinc-950 {
     background-color: var(--color-zinc-950);
   }
+  .bg-linear-to-r {
+    --tw-gradient-position: to right;
+    @supports (background-image: linear-gradient(in lab, red, red)) {
+      --tw-gradient-position: to right 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));
@@ -3590,6 +3686,13 @@
     --tw-gradient-from: var(--foreground);
     --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-gradient-agent-start\/25 {
+    --tw-gradient-from: var(--color-gradient-agent-start);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-gradient-agent-start) 25%, transparent);
+    }
+    --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-primary\/5 {
     --tw-gradient-from: var(--primary);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3621,6 +3724,13 @@
     }
     --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-gradient-agent-end\/25 {
+    --tw-gradient-to: var(--color-gradient-agent-end);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-to: color-mix(in oklab, var(--color-gradient-agent-end) 25%, transparent);
+    }
+    --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-muted\/20 {
     --tw-gradient-to: var(--muted);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3798,6 +3908,9 @@
   .py-\[5px\] {
     padding-block: 5px;
   }
+  .py-px {
+    padding-block: 1px;
+  }
   .pt-0 {
     padding-top: calc(var(--spacing) * 0);
   }
@@ -4134,9 +4247,15 @@
     --tw-tracking: var(--tracking-widest);
     letter-spacing: var(--tracking-widest);
   }
+  .text-wrap {
+    text-wrap: wrap;
+  }
   .break-words {
     overflow-wrap: break-word;
   }
+  .wrap-break-word {
+    overflow-wrap: break-word;
+  }
   .break-all {
     word-break: break-all;
   }
@@ -4396,6 +4515,9 @@
   .underline {
     text-decoration-line: underline;
   }
+  .decoration-foreground-subtle {
+    text-decoration-color: var(--foreground-subtle);
+  }
   .underline-offset-2 {
     text-underline-offset: 2px;
   }
@@ -4509,6 +4631,9 @@
   .ring-background {
     --tw-ring-color: var(--background);
   }
+  .ring-brand {
+    --tw-ring-color: var(--brand);
+  }
   .ring-brand\/30 {
     --tw-ring-color: var(--brand);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4518,6 +4643,9 @@
   .ring-emerald-500 {
     --tw-ring-color: var(--color-emerald-500);
   }
+  .ring-error {
+    --tw-ring-color: var(--error);
+  }
   .ring-error\/20 {
     --tw-ring-color: var(--error);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4530,6 +4658,9 @@
   .ring-ring {
     --tw-ring-color: var(--ring);
   }
+  .ring-surface {
+    --tw-ring-color: var(--surface);
+  }
   .ring-offset-1 {
     --tw-ring-offset-width: 1px;
     --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -4626,6 +4757,10 @@
     --tw-outline-style: none;
     outline-style: none;
   }
+  .select-all {
+    -webkit-user-select: all;
+    user-select: all;
+  }
   .select-none {
     -webkit-user-select: none;
     user-select: none;
@@ -4639,6 +4774,9 @@
   .\[-ms-overflow-style\:none\] {
     -ms-overflow-style: none;
   }
+  .\[overflow-anchor\:none\] {
+    overflow-anchor: none;
+  }
   .\[scrollbar-width\:none\] {
     scrollbar-width: none;
   }
@@ -4789,6 +4927,16 @@
       background-color: var(--primary) !important;
     }
   }
+  .group-data-\[state\=indeterminate\]\/checkbox\:block {
+    &:is(:where(.group\/checkbox)[data-state="indeterminate"] *) {
+      display: block;
+    }
+  }
+  .group-data-\[state\=indeterminate\]\/checkbox\:hidden {
+    &:is(:where(.group\/checkbox)[data-state="indeterminate"] *) {
+      display: none;
+    }
+  }
   .group-data-\[state\=open\]\/section\:rotate-90 {
     &:is(:where(.group\/section)[data-state="open"] *) {
       rotate: 90deg;
@@ -5356,6 +5504,13 @@
       }
     }
   }
+  .hover\:bg-surface-raised {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--surface-raised);
+      }
+    }
+  }
   .hover\:bg-surface-raised\/20 {
     &:hover {
       @media (hover: hover) {
@@ -5390,6 +5545,13 @@
       }
     }
   }
+  .hover\:text-brand {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--brand);
+      }
+    }
+  }
   .hover\:text-destructive {
     &:hover {
       @media (hover: hover) {
@@ -5397,6 +5559,13 @@
       }
     }
   }
+  .hover\:text-error {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--error);
+      }
+    }
+  }
   .hover\:text-error-text {
     &:hover {
       @media (hover: hover) {
@@ -5425,6 +5594,13 @@
       }
     }
   }
+  .hover\:text-info {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--info);
+      }
+    }
+  }
   .hover\:text-muted-foreground {
     &:hover {
       @media (hover: hover) {
@@ -5463,6 +5639,13 @@
       }
     }
   }
+  .hover\:text-warning {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--warning);
+      }
+    }
+  }
   .hover\:no-underline {
     &:hover {
       @media (hover: hover) {
@@ -5511,6 +5694,11 @@
       z-index: 10;
     }
   }
+  .focus\:border-brand {
+    &:focus {
+      border-color: var(--brand);
+    }
+  }
   .focus\:border-primary\/50 {
     &:focus {
       border-color: var(--primary);
@@ -6180,6 +6368,16 @@
       transition-duration: 300ms;
     }
   }
+  .data-\[state\=indeterminate\]\:bg-primary {
+    &[data-state="indeterminate"] {
+      background-color: var(--primary);
+    }
+  }
+  .data-\[state\=indeterminate\]\:text-primary-foreground {
+    &[data-state="indeterminate"] {
+      color: var(--primary-foreground);
+    }
+  }
   .data-\[state\=on\]\:bg-accent {
     &[data-state="on"] {
       background-color: var(--accent);
@@ -6655,6 +6853,33 @@
       background-color: transparent;
     }
   }
+  .future\:bg-linear-to-r {
+    :is(.future-dark, .future-light) & {
+      --tw-gradient-position: to right;
+      @supports (background-image: linear-gradient(in lab, red, red)) {
+        --tw-gradient-position: to right in oklab;
+      }
+      background-image: linear-gradient(var(--tw-gradient-stops));
+    }
+  }
+  .future\:from-gradient-agent-start\/25 {
+    :is(.future-dark, .future-light) & {
+      --tw-gradient-from: var(--color-gradient-agent-start);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-gradient-from: color-mix(in oklab, var(--color-gradient-agent-start) 25%, transparent);
+      }
+      --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));
+    }
+  }
+  .future\:to-gradient-agent-end\/25 {
+    :is(.future-dark, .future-light) & {
+      --tw-gradient-to: var(--color-gradient-agent-end);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-gradient-to: color-mix(in oklab, var(--color-gradient-agent-end) 25%, transparent);
+      }
+      --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));
+    }
+  }
   .future\:fill-foreground-accent {
     :is(.future-dark, .future-light) & {
       fill: var(--foreground-accent);
@@ -6675,6 +6900,11 @@
       padding-block: calc(var(--spacing) * 0);
     }
   }
+  .future\:py-0\.5 {
+    :is(.future-dark, .future-light) & {
+      padding-block: calc(var(--spacing) * 0.5);
+    }
+  }
   .future\:py-2 {
     :is(.future-dark, .future-light) & {
       padding-block: calc(var(--spacing) * 2);
@@ -6752,6 +6982,12 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .future\:inset-ring-1 {
+    :is(.future-dark, .future-light) & {
+      --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .future\:ring-error\/40 {
     :is(.future-dark, .future-light) & {
       --tw-ring-color: var(--error);
@@ -6760,6 +6996,14 @@
       }
     }
   }
+  .future\:inset-ring-gradient-agent-start\/60 {
+    :is(.future-dark, .future-light) & {
+      --tw-inset-ring-color: var(--color-gradient-agent-start);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-inset-ring-color: color-mix(in oklab, var(--color-gradient-agent-start) 60%, transparent);
+      }
+    }
+  }
   .future\:\[--editor-py\:10px\] {
     :is(.future-dark, .future-light) & {
       --editor-py: 10px;
@@ -7040,6 +7284,36 @@
       }
     }
   }
+  .future\:data-\[state\=indeterminate\]\:border-foreground-accent {
+    :is(.future-dark, .future-light) & {
+      &[data-state="indeterminate"] {
+        border-color: var(--foreground-accent);
+      }
+    }
+  }
+  .future\:data-\[state\=indeterminate\]\:bg-foreground-accent {
+    :is(.future-dark, .future-light) & {
+      &[data-state="indeterminate"] {
+        background-color: var(--foreground-accent);
+      }
+    }
+  }
+  .future\:data-\[state\=indeterminate\]\:text-current {
+    :is(.future-dark, .future-light) & {
+      &[data-state="indeterminate"] {
+        color: currentcolor;
+      }
+    }
+  }
+  .future\:aria-invalid\:data-\[state\=indeterminate\]\:border-error {
+    :is(.future-dark, .future-light) & {
+      &[aria-invalid="true"] {
+        &[data-state="indeterminate"] {
+          border-color: var(--error);
+        }
+      }
+    }
+  }
   .future\:data-\[state\=on\]\:text-foreground {
     :is(.future-dark, .future-light) & {
       &[data-state="on"] {
@@ -7460,6 +7734,11 @@
       opacity: 70%;
     }
   }
+  .\[\&\>span\:first-child\]\:text-foreground-accent {
+    &>span:first-child {
+      color: var(--foreground-accent);
+    }
+  }
   .\[\&\>svg\]\:absolute {
     &>svg {
       position: absolute;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-wind",
-  "version": "2.60.1",
+  "version": "2.62.0",
   "description": "UiPath wind design system - A Tailwind CSS based React component library",
   "type": "module",
   "main": "./dist/index.js",