@uipath/apollo-wind 2.55.0 → 2.56.0

package/dist/styles.css

@@ -257,6 +257,7 @@
     --tracking-wider: 0.05em;
     --tracking-widest: 0.1em;
     --leading-tight: 1.25;
+    --leading-snug: 1.375;
     --leading-normal: 1.5;
     --leading-relaxed: 1.625;
     --radius-xs: 0.125rem;
@@ -754,6 +755,9 @@
   .m-0 {
     margin: calc(var(--spacing) * 0);
   }
+  .m-1 {
+    margin: calc(var(--spacing) * 1);
+  }
   .m-4 {
     margin: calc(var(--spacing) * 4);
   }
@@ -1007,6 +1011,14 @@
     width: calc(var(--spacing) * 9);
     height: calc(var(--spacing) * 9);
   }
+  .size-\[18px\] {
+    width: 18px;
+    height: 18px;
+  }
+  .size-\[30px\] {
+    width: 30px;
+    height: 30px;
+  }
   .size-\[var\(--cell-size\)\] {
     width: var(--cell-size);
     height: var(--cell-size);
@@ -1213,15 +1225,24 @@
   .min-h-8 {
     min-height: calc(var(--spacing) * 8);
   }
+  .min-h-9 {
+    min-height: calc(var(--spacing) * 9);
+  }
   .min-h-10 {
     min-height: calc(var(--spacing) * 10);
   }
+  .min-h-11 {
+    min-height: calc(var(--spacing) * 11);
+  }
   .min-h-12 {
     min-height: calc(var(--spacing) * 12);
   }
   .min-h-14 {
     min-height: calc(var(--spacing) * 14);
   }
+  .min-h-16 {
+    min-height: calc(var(--spacing) * 16);
+  }
   .min-h-28 {
     min-height: calc(var(--spacing) * 28);
   }
@@ -1618,15 +1639,27 @@
   .min-w-\[18px\] {
     min-width: 18px;
   }
+  .min-w-\[200px\] {
+    min-width: 200px;
+  }
   .min-w-\[var\(--radix-select-trigger-width\)\] {
     min-width: var(--radix-select-trigger-width);
   }
   .flex-1 {
     flex: 1;
   }
+  .flex-\[0_1_auto\] {
+    flex: 0 1 auto;
+  }
+  .flex-auto {
+    flex: auto;
+  }
   .flex-shrink {
     flex-shrink: 1;
   }
+  .shrink {
+    flex-shrink: 1;
+  }
   .shrink-0 {
     flex-shrink: 0;
   }
@@ -1695,6 +1728,9 @@
   .-rotate-90 {
     rotate: calc(90deg * -1);
   }
+  .rotate-0 {
+    rotate: 0deg;
+  }
   .rotate-90 {
     rotate: 90deg;
   }
@@ -2761,6 +2797,12 @@
   .bg-foreground-accent {
     background-color: var(--foreground-accent);
   }
+  .bg-foreground\/10 {
+    background-color: var(--foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
+    }
+  }
   .bg-fuchsia-50 {
     background-color: var(--color-fuchsia-50);
   }
@@ -3579,6 +3621,9 @@
   .p-2 {
     padding: calc(var(--spacing) * 2);
   }
+  .p-2\.5 {
+    padding: calc(var(--spacing) * 2.5);
+  }
   .p-3 {
     padding: calc(var(--spacing) * 3);
   }
@@ -3597,6 +3642,9 @@
   .p-10 {
     padding: calc(var(--spacing) * 10);
   }
+  .p-\[3px\] {
+    padding: 3px;
+  }
   .p-px {
     padding: 1px;
   }
@@ -3627,6 +3675,9 @@
   .px-3 {
     padding-inline: calc(var(--spacing) * 3);
   }
+  .px-3\.5 {
+    padding-inline: calc(var(--spacing) * 3.5);
+  }
   .px-4 {
     padding-inline: calc(var(--spacing) * 4);
   }
@@ -3702,6 +3753,9 @@
   .pt-1 {
     padding-top: calc(var(--spacing) * 1);
   }
+  .pt-1\.5 {
+    padding-top: calc(var(--spacing) * 1.5);
+  }
   .pt-2 {
     padding-top: calc(var(--spacing) * 2);
   }
@@ -3711,6 +3765,9 @@
   .pt-3 {
     padding-top: calc(var(--spacing) * 3);
   }
+  .pt-3\.5 {
+    padding-top: calc(var(--spacing) * 3.5);
+  }
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
@@ -3729,6 +3786,9 @@
   .pt-\[18px\] {
     padding-top: 18px;
   }
+  .pt-px {
+    padding-top: 1px;
+  }
   .pr-1 {
     padding-right: calc(var(--spacing) * 1);
   }
@@ -3756,6 +3816,12 @@
   .pb-0 {
     padding-bottom: calc(var(--spacing) * 0);
   }
+  .pb-1 {
+    padding-bottom: calc(var(--spacing) * 1);
+  }
+  .pb-1\.5 {
+    padding-bottom: calc(var(--spacing) * 1.5);
+  }
   .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
   }
@@ -3931,6 +3997,10 @@
     --tw-leading: var(--leading-relaxed);
     line-height: var(--leading-relaxed);
   }
+  .leading-snug {
+    --tw-leading: var(--leading-snug);
+    line-height: var(--leading-snug);
+  }
   .leading-tight {
     --tw-leading: var(--leading-tight);
     line-height: var(--leading-tight);
@@ -4137,6 +4207,9 @@
   .text-info {
     color: var(--info);
   }
+  .text-inherit {
+    color: inherit;
+  }
   .text-logo {
     color: var(--logo);
   }
@@ -4279,6 +4352,9 @@
   .opacity-50 {
     opacity: 50%;
   }
+  .opacity-55 {
+    opacity: 55%;
+  }
   .opacity-60 {
     opacity: 60%;
   }
@@ -4317,6 +4393,10 @@
     --tw-shadow: 0px 4px 24px 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);
   }
+  .shadow-\[inset_3px_0_0_var\(--brand\)\] {
+    --tw-shadow: inset 3px 0 0 var(--tw-shadow-color, var(--brand));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-lg {
     --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -4494,6 +4574,12 @@
   .\[scrollbar-width\:none\] {
     scrollbar-width: none;
   }
+  .\[story\:kitchen-sink\] {
+    story: kitchen-sink;
+  }
+  .ring-inset {
+    --tw-ring-inset: inset;
+  }
   .group-open\:rotate-90 {
     &:is(:where(.group):is([open], :popover-open, :open) *) {
       rotate: 90deg;
@@ -4818,6 +4904,11 @@
       border-color: var(--border-hover);
     }
   }
+  .focus-within\:border-ring {
+    &:focus-within {
+      border-color: var(--ring);
+    }
+  }
   .focus-within\:ring-2 {
     &:focus-within {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -6260,6 +6351,11 @@
       grid-template-columns: 2fr 3fr 3fr;
     }
   }
+  .\@max-\[380px\]\:hidden {
+    @container (width < 380px) {
+      display: none;
+    }
+  }
   .\@max-\[259px\]\:block {
     @container (width < 259px) {
       display: block;
@@ -6861,6 +6957,18 @@
       width: calc(var(--spacing) * 5);
     }
   }
+  .\[\&_\[data-slot\=model-picker-tag\]\]\:max-w-full {
+    & [data-slot=model-picker-tag] {
+      max-width: 100%;
+    }
+  }
+  .\[\&_\[data-slot\=model-picker-tag\]\]\:truncate {
+    & [data-slot=model-picker-tag] {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
   .\[\&_p\]\:leading-4 {
     & p {
       --tw-leading: calc(var(--spacing) * 4);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-wind",
-  "version": "2.55.0",
+  "version": "2.56.0",
   "description": "UiPath wind design system - A Tailwind CSS based React component library",
   "type": "module",
   "main": "./dist/index.js",
@@ -105,6 +105,7 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "@tailwindcss/postcss": "^4.1.17",
     "@tanstack/react-table": "^8.21.3",
+    "@tanstack/react-virtual": "^3.14.3",
     "autoprefixer": "^10.4.22",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",