@uipath/apollo-wind 2.29.0 → 2.31.0

package/dist/styles.css

@@ -793,6 +793,9 @@
   .ms-1 {
     margin-inline-start: calc(var(--spacing) * 1);
   }
+  .mt-0 {
+    margin-top: calc(var(--spacing) * 0);
+  }
   .mt-0\.5 {
     margin-top: calc(var(--spacing) * 0.5);
   }
@@ -948,6 +951,10 @@
     width: calc(var(--spacing) * 4);
     height: calc(var(--spacing) * 4);
   }
+  .size-6 {
+    width: calc(var(--spacing) * 6);
+    height: calc(var(--spacing) * 6);
+  }
   .size-8 {
     width: calc(var(--spacing) * 8);
     height: calc(var(--spacing) * 8);
@@ -1390,6 +1397,9 @@
   .w-\[360px\] {
     width: 360px;
   }
+  .w-\[380px\] {
+    width: 380px;
+  }
   .w-\[400px\] {
     width: 400px;
   }
@@ -1525,6 +1535,9 @@
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
+  .min-w-4 {
+    min-width: calc(var(--spacing) * 4);
+  }
   .min-w-5 {
     min-width: calc(var(--spacing) * 5);
   }
@@ -2595,6 +2608,9 @@
   .bg-emerald-950 {
     background-color: var(--color-emerald-950);
   }
+  .bg-error {
+    background-color: var(--error);
+  }
   .bg-error-background {
     background-color: var(--error-background);
   }
@@ -3428,9 +3444,15 @@
   .p-8 {
     padding: calc(var(--spacing) * 8);
   }
+  .p-10 {
+    padding: calc(var(--spacing) * 10);
+  }
   .p-px {
     padding: 1px;
   }
+  .\[padding-inline\:var\(--mf-content-inset\,0px\)\] {
+    padding-inline: var(--mf-content-inset,0px);
+  }
   .px-0 {
     padding-inline: calc(var(--spacing) * 0);
   }
@@ -4593,6 +4615,12 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .first\:border-t-0 {
+    &:first-child {
+      border-top-style: var(--tw-border-style);
+      border-top-width: 0px;
+    }
+  }
   .first\:bg-surface-hover {
     &:first-child {
       background-color: var(--surface-hover);
@@ -6847,7 +6875,7 @@
     }
   }
 }
-:root {
+:root, :host {
   --color-orange-100: #fee3dc;
   --color-orange-200: #fda891;
   --color-orange-300: #ff8f70;
@@ -7864,6 +7892,18 @@
   --color-gradient-human-end-dark-hc: #2b5372;
   --color-gradient-human-end-future-dark: #2b5372;
   --color-gradient-human-end-future-light: #d8eeff;
+  --color-canvas-background-light: #f4f5f7;
+  --color-canvas-background-light-hc: #f4f5f7;
+  --color-canvas-background-dark: #10151a;
+  --color-canvas-background-dark-hc: #10151a;
+  --color-canvas-background-future-dark: #09090b;
+  --color-canvas-background-future-light: #fafafa;
+  --color-dot-grid-light: #dce5eb;
+  --color-dot-grid-light-hc: #dce5eb;
+  --color-dot-grid-dark: #2f3133;
+  --color-dot-grid-dark-hc: #2f3133;
+  --color-dot-grid-future-dark: #27272a;
+  --color-dot-grid-future-light: #e4e4e7;
   --color-background-overlay-light: #f4f5f7;
   --color-background-overlay-light-hc: #f4f5f7;
   --color-background-overlay-dark: #374652;
@@ -8310,6 +8350,8 @@ body.light, .apollo-design.light, :where(.light:not(.react-flow)) {
   --color-gradient-invoked-end: #daf3ff;
   --color-gradient-human-start: #f6faff;
   --color-gradient-human-end: #d8eeff;
+  --color-canvas-background: #f4f5f7;
+  --color-dot-grid: #dce5eb;
   --color-background-overlay: #f4f5f7;
   --color-foreground-secondary: #182027;
   --color-foreground-hover: #526069;
@@ -8442,6 +8484,8 @@ body.light-hc, .apollo-design.light-hc, :where(.light-hc) {
   --color-gradient-invoked-end: #daf3ff;
   --color-gradient-human-start: #f6faff;
   --color-gradient-human-end: #d8eeff;
+  --color-canvas-background: #f4f5f7;
+  --color-dot-grid: #dce5eb;
   --color-background-overlay: #f4f5f7;
   --color-foreground-secondary: #182027;
   --color-foreground-hover: #374652;
@@ -8574,6 +8618,8 @@ body.dark, .apollo-design.dark, :where(.dark:not(.react-flow)) {
   --color-gradient-invoked-end: #35667d;
   --color-gradient-human-start: #6885ab;
   --color-gradient-human-end: #2b5372;
+  --color-canvas-background: #10151a;
+  --color-dot-grid: #2f3133;
   --color-background-overlay: #374652;
   --color-foreground-secondary: #f8f9fa;
   --color-foreground-hover: #cfd8dd;
@@ -8706,6 +8752,8 @@ body.dark-hc, .apollo-design.dark-hc, :where(.dark-hc) {
   --color-gradient-invoked-end: #35667d;
   --color-gradient-human-start: #6885ab;
   --color-gradient-human-end: #2b5372;
+  --color-canvas-background: #10151a;
+  --color-dot-grid: #2f3133;
   --color-background-overlay: #374652;
   --color-foreground-secondary: #f8f9fa;
   --color-foreground-hover: #cfd8dd;
@@ -8838,6 +8886,8 @@ body.future-dark, .future-dark {
   --color-gradient-invoked-end: #35667d;
   --color-gradient-human-start: #6885ab;
   --color-gradient-human-end: #2b5372;
+  --color-canvas-background: #09090b;
+  --color-dot-grid: #27272a;
   --color-background-overlay: #27272a;
   --color-foreground-secondary: #f4f4f5;
   --color-foreground-hover: #d4d4d8;
@@ -8970,6 +9020,8 @@ body.future-light, .future-light {
   --color-gradient-invoked-end: #daf3ff;
   --color-gradient-human-start: #f6faff;
   --color-gradient-human-end: #d8eeff;
+  --color-canvas-background: #fafafa;
+  --color-dot-grid: #e4e4e7;
   --color-background-overlay: #e4e4e7;
   --color-foreground-secondary: #18181b;
   --color-foreground-hover: #52525c;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-wind",
-  "version": "2.29.0",
+  "version": "2.31.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.10.0"
+    "@uipath/apollo-core": "5.11.1"
   },
   "devDependencies": {
     "@codemirror/lang-javascript": "^6.2.5",