@uipath/apollo-wind 2.31.1 → 2.32.0

package/dist/styles.css

@@ -560,6 +560,9 @@
   }
 }
 @layer utilities {
+  .\@container {
+    container-type: inline-size;
+  }
   .pointer-events-none {
     pointer-events: none;
   }
@@ -907,6 +910,12 @@
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
   }
+  .\!block {
+    display: block !important;
+  }
+  .\!hidden {
+    display: none !important;
+  }
   .block {
     display: block;
   }
@@ -955,6 +964,10 @@
     width: calc(var(--spacing) * 6);
     height: calc(var(--spacing) * 6);
   }
+  .size-7 {
+    width: calc(var(--spacing) * 7);
+    height: calc(var(--spacing) * 7);
+  }
   .size-8 {
     width: calc(var(--spacing) * 8);
     height: calc(var(--spacing) * 8);
@@ -3450,6 +3463,12 @@
   .p-px {
     padding: 1px;
   }
+  .\!px-1\.5 {
+    padding-inline: calc(var(--spacing) * 1.5) !important;
+  }
+  .\!px-2\.5 {
+    padding-inline: calc(var(--spacing) * 2.5) !important;
+  }
   .\[padding-inline\:var\(--mf-content-inset\,0px\)\] {
     padding-inline: var(--mf-content-inset,0px);
   }
@@ -3663,6 +3682,10 @@
   .font-sans {
     font-family: var(--font-sans);
   }
+  .\!text-xs {
+    font-size: var(--text-xs) !important;
+    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
+  }
   .text-2xl {
     font-size: var(--text-2xl);
     line-height: var(--tw-leading, var(--text-2xl--line-height));
@@ -4196,6 +4219,9 @@
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-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);
   }
+  .ring-brand {
+    --tw-ring-color: var(--brand);
+  }
   .ring-brand\/30 {
     --tw-ring-color: var(--brand);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4321,6 +4347,11 @@
       rotate: 90deg;
     }
   }
+  .group-focus-within\:opacity-100 {
+    &:is(:where(.group):focus-within *) {
+      opacity: 100%;
+    }
+  }
   .group-focus-within\/input\:bg-foreground-accent {
     &:is(:where(.group\/input):focus-within *) {
       background-color: var(--foreground-accent);
@@ -5412,6 +5443,11 @@
       }
     }
   }
+  .has-\[\[aria-expanded\=true\]\]\:opacity-100 {
+    &:has(*:is([aria-expanded=true])) {
+      opacity: 100%;
+    }
+  }
   .has-\[\[data-slot\=input-group-control\]\:disabled\]\:cursor-not-allowed {
     &:has(*:is([data-slot=input-group-control]:disabled)) {
       cursor: not-allowed;
@@ -5723,6 +5759,11 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .data-\[state\=checked\]\:bg-brand {
+    &[data-state="checked"] {
+      background-color: var(--brand);
+    }
+  }
   .data-\[state\=checked\]\:bg-primary {
     &[data-state="checked"] {
       background-color: var(--primary);
@@ -5812,6 +5853,11 @@
       background-color: var(--ap-wind-border);
     }
   }
+  .data-\[state\=unchecked\]\:bg-foreground-subtle {
+    &[data-state="unchecked"] {
+      background-color: var(--foreground-subtle);
+    }
+  }
   .data-\[variant\=default\]\:border {
     &[data-variant="default"] {
       border-style: var(--tw-border-style);
@@ -6045,6 +6091,21 @@
       grid-template-columns: 2fr 3fr 3fr;
     }
   }
+  .\@max-\[259px\]\:block {
+    @container (width < 259px) {
+      display: block;
+    }
+  }
+  .\@max-\[259px\]\:hidden {
+    @container (width < 259px) {
+      display: none;
+    }
+  }
+  .\@max-\[259px\]\:px-1\.5 {
+    @container (width < 259px) {
+      padding-inline: calc(var(--spacing) * 1.5);
+    }
+  }
   .rtl\:rotate-180 {
     &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
       rotate: 180deg;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-wind",
-  "version": "2.31.1",
+  "version": "2.32.0",
   "description": "UiPath wind design system - A Tailwind CSS based React component library",
   "type": "module",
   "main": "./dist/index.js",
@@ -124,7 +124,7 @@
     "tailwindcss": "^4.1.17",
     "vaul": "^1.1.2",
     "zod": "^4.3.5",
-    "@uipath/apollo-core": "5.11.1"
+    "@uipath/apollo-core": "5.12.0"
   },
   "devDependencies": {
     "@codemirror/lang-javascript": "^6.2.5",