@uipath/apollo-wind 2.36.2 → 2.37.1

package/dist/styles.css

@@ -299,7 +299,6 @@
     --color-foreground-link: var(--foreground-link);
     --color-border-disabled: var(--border-disabled);
     --color-border-grid: var(--border-grid);
-    --color-error: var(--error);
     --color-logo: var(--logo);
     --color-background-secondary: var(--color-background-secondary);
     --color-background-inverse: var(--color-background-inverse);
@@ -886,6 +885,9 @@
   .-ml-3 {
     margin-left: calc(var(--spacing) * -3);
   }
+  .ml-0 {
+    margin-left: calc(var(--spacing) * 0);
+  }
   .ml-0\.5 {
     margin-left: calc(var(--spacing) * 0.5);
   }
@@ -2171,6 +2173,10 @@
   .rounded-bl-2xl {
     border-bottom-left-radius: var(--radius-2xl);
   }
+  .\!border-0 {
+    border-style: var(--tw-border-style) !important;
+    border-width: 0px !important;
+  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -2291,6 +2297,9 @@
       border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
     }
   }
+  .border-error {
+    border-color: var(--error);
+  }
   .border-error\/20 {
     border-color: var(--error);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4352,6 +4361,10 @@
     --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(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);
   }
+  .\!ring-0 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
   .ring {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
@@ -4383,6 +4396,12 @@
   .ring-emerald-500 {
     --tw-ring-color: var(--color-emerald-500);
   }
+  .ring-error\/20 {
+    --tw-ring-color: var(--error);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--error) 20%, transparent);
+    }
+  }
   .ring-primary {
     --tw-ring-color: var(--primary);
   }
@@ -5611,16 +5630,16 @@
       --tw-ring-color: var(--ring);
     }
   }
-  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive {
+  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-error {
     &:has(*:is([data-slot][aria-invalid=true])) {
-      border-color: var(--destructive);
+      border-color: var(--error);
     }
   }
-  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20 {
+  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-error\/20 {
     &:has(*:is([data-slot][aria-invalid=true])) {
-      --tw-ring-color: var(--destructive);
+      --tw-ring-color: var(--error);
       @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+        --tw-ring-color: color-mix(in oklab, var(--error) 20%, transparent);
       }
     }
   }
@@ -5639,6 +5658,18 @@
       opacity: 50%;
     }
   }
+  .aria-invalid\:border-error {
+    &[aria-invalid="true"] {
+      border-color: var(--error);
+    }
+  }
+  .aria-invalid\:focus-visible\:ring-error {
+    &[aria-invalid="true"] {
+      &:focus-visible {
+        --tw-ring-color: var(--error);
+      }
+    }
+  }
   .aria-selected\:text-muted-foreground {
     &[aria-selected="true"] {
       color: var(--muted-foreground);
@@ -6475,6 +6506,20 @@
       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-1 {
+    :is(.future-dark, .future-light) & {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
+    }
+  }
+  .future\:ring-error\/40 {
+    :is(.future-dark, .future-light) & {
+      --tw-ring-color: var(--error);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--error) 40%, transparent);
+      }
+    }
+  }
   .future\:placeholder\:font-normal {
     :is(.future-dark, .future-light) & {
       &::placeholder {
@@ -6581,6 +6626,42 @@
       }
     }
   }
+  .future\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-1 {
+    :is(.future-dark, .future-light) & {
+      &:has(*:is([data-slot][aria-invalid=true])) {
+        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
+      }
+    }
+  }
+  .future\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-error\/40 {
+    :is(.future-dark, .future-light) & {
+      &:has(*:is([data-slot][aria-invalid=true])) {
+        --tw-ring-color: var(--error);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--error) 40%, transparent);
+        }
+      }
+    }
+  }
+  .future\:aria-invalid\:ring-1 {
+    :is(.future-dark, .future-light) & {
+      &[aria-invalid="true"] {
+        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
+      }
+    }
+  }
+  .future\:aria-invalid\:ring-error\/40 {
+    :is(.future-dark, .future-light) & {
+      &[aria-invalid="true"] {
+        --tw-ring-color: var(--error);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--error) 40%, transparent);
+        }
+      }
+    }
+  }
   .future\:data-\[state\=checked\]\:border-foreground-accent {
     :is(.future-dark, .future-light) & {
       &[data-state="checked"] {

package/package.json

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