@uipath/apollo-wind 2.2.0-pr525.f7c19ae → 2.2.1-pr525.17baf33

package/dist/components/ui/index.cjs

@@ -27,7 +27,7 @@ var __webpack_modules__ = {
     "@/components/ui/button" (module) {
         module.exports = require("./button.cjs");
     },
-    "./calendar" (module) {
+    "@/components/ui/calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
     "@/components/ui/card" (module) {
@@ -42,7 +42,7 @@ var __webpack_modules__ = {
     "./combobox" (module) {
         module.exports = require("./combobox.cjs");
     },
-    "@/components/ui/command" (module) {
+    "./command" (module) {
         module.exports = require("./command.cjs");
     },
     "@/components/ui/context-menu" (module) {
@@ -269,7 +269,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_button_group__rspack_import_8[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _calendar__rspack_import_9 = __webpack_require__("./calendar");
+    var _calendar__rspack_import_9 = __webpack_require__("@/components/ui/calendar");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _calendar__rspack_import_9)if ([
         "TreeView",
@@ -304,7 +304,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_combobox__rspack_import_13[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _command__rspack_import_14 = __webpack_require__("@/components/ui/command");
+    var _command__rspack_import_14 = __webpack_require__("./command");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _command__rspack_import_14)if ([
         "TreeView",

package/dist/styles.css

@@ -8065,7 +8065,7 @@ body.future-dark, .future-dark {
   --surface-hover: var(--color-zinc-700);
   --surface-muted: var(--color-zinc-500);
   --surface-inverse: var(--color-zinc-50);
-  --brand: var(--color-cyan-600);
+  --brand: var(--color-cyan-500);
   --brand-subtle: var(--color-cyan-950);
   --foreground: var(--color-zinc-50);
   --foreground-secondary: var(--color-zinc-100);
@@ -8073,8 +8073,8 @@ body.future-dark, .future-dark {
   --foreground-muted: var(--color-zinc-400);
   --foreground-subtle: var(--color-zinc-500);
   --foreground-inverse: var(--color-zinc-950);
-  --foreground-on-accent: var(--color-zinc-50);
-  --foreground-accent: var(--color-cyan-600);
+  --foreground-on-accent: var(--color-zinc-950);
+  --foreground-accent: var(--color-cyan-500);
   --foreground-accent-muted: var(--color-cyan-400);
   --ap-wind-border: var(--color-zinc-700);
   --border-subtle: var(--color-zinc-800);
@@ -8103,6 +8103,19 @@ body.future-dark, .future-dark {
   --warning-background: #000000;
   --info: #42a1ff;
   --info-background: #000000;
+  --status-destructive: var(--color-red-950);
+  --status-destructive-fg: var(--color-red-400);
+  --status-success: var(--color-emerald-950);
+  --status-success-fg: var(--color-emerald-400);
+  --status-warning: var(--color-amber-950);
+  --status-warning-fg: var(--color-amber-400);
+  --status-info: var(--color-cyan-950);
+  --status-info-fg: var(--color-cyan-400);
+  --chart-1: var(--color-cyan-400);
+  --chart-2: var(--color-violet-400);
+  --chart-3: var(--color-emerald-400);
+  --chart-4: var(--color-amber-400);
+  --chart-5: var(--color-rose-400);
   --background: var(--surface);
   --card: var(--surface-raised);
   --card-foreground: var(--foreground);
@@ -8136,7 +8149,7 @@ body.future-light, .future-light {
   --surface-hover: var(--color-zinc-300);
   --surface-muted: var(--color-zinc-400);
   --surface-inverse: var(--color-zinc-950);
-  --brand: var(--color-cyan-600);
+  --brand: var(--color-cyan-500);
   --brand-subtle: var(--color-cyan-50);
   --foreground: var(--color-zinc-950);
   --foreground-secondary: var(--color-zinc-900);
@@ -8144,8 +8157,8 @@ body.future-light, .future-light {
   --foreground-muted: var(--color-zinc-500);
   --foreground-subtle: var(--color-zinc-400);
   --foreground-inverse: var(--color-zinc-50);
-  --foreground-on-accent: var(--color-zinc-50);
-  --foreground-accent: var(--color-cyan-600);
+  --foreground-on-accent: var(--color-zinc-950);
+  --foreground-accent: var(--color-cyan-500);
   --foreground-accent-muted: var(--color-cyan-600);
   --ap-wind-border: var(--color-zinc-300);
   --border-subtle: var(--color-zinc-200);
@@ -8174,6 +8187,19 @@ body.future-light, .future-light {
   --warning-background: #fff3db;
   --info: #1665b3;
   --info-background: #e9f1fa;
+  --status-destructive: var(--color-red-100);
+  --status-destructive-fg: var(--color-red-700);
+  --status-success: var(--color-emerald-100);
+  --status-success-fg: var(--color-emerald-700);
+  --status-warning: var(--color-amber-100);
+  --status-warning-fg: var(--color-amber-700);
+  --status-info: var(--color-cyan-100);
+  --status-info-fg: var(--color-cyan-700);
+  --chart-1: var(--color-cyan-600);
+  --chart-2: var(--color-violet-600);
+  --chart-3: var(--color-emerald-600);
+  --chart-4: var(--color-amber-600);
+  --chart-5: var(--color-rose-600);
   --background: var(--surface);
   --card: var(--surface-raised);
   --card-foreground: var(--foreground);
@@ -8443,7 +8469,7 @@ body.canvas, .canvas {
     opacity: 0;
   }
 }
-@keyframes glow {
+@keyframes apollo-glow {
   0% {
     box-shadow: 0 0 0 0 var(--_glow-shadow, currentColor);
   }

package/dist/tailwind.css

@@ -377,7 +377,7 @@ body.future-dark, .future-dark {
   /* buttons on dark bg */
 
   /* ── Brand ──────────────────────────────────────────────────────────── */
-  --brand: var(--color-cyan-600);
+  --brand: var(--color-cyan-500);
   /* logo, submit, run */
   --brand-subtle: var(--color-cyan-950);
   /* status badge, active nav */
@@ -395,9 +395,9 @@ body.future-dark, .future-dark {
   /* labels, muted */
   --foreground-inverse: var(--color-zinc-950);
   /* icons on light bg */
-  --foreground-on-accent: var(--color-zinc-50);
+  --foreground-on-accent: var(--color-zinc-950);
   /* text on accent bg */
-  --foreground-accent: var(--color-cyan-600);
+  --foreground-accent: var(--color-cyan-500);
   /* accent text */
   --foreground-accent-muted: var(--color-cyan-400);
   /* muted accent text */
@@ -457,6 +457,21 @@ body.future-dark, .future-dark {
   --warning-background: #000000;
   --info: #42a1ff;
   --info-background: #000000;
+  --status-destructive: var(--color-red-950);
+  --status-destructive-fg: var(--color-red-400);
+  --status-success: var(--color-emerald-950);
+  --status-success-fg: var(--color-emerald-400);
+  --status-warning: var(--color-amber-950);
+  --status-warning-fg: var(--color-amber-400);
+  --status-info: var(--color-cyan-950);
+  --status-info-fg: var(--color-cyan-400);
+
+  /* ── Chart ───────────────────────────────────────────────────────────── */
+  --chart-1: var(--color-cyan-400);
+  --chart-2: var(--color-violet-400);
+  --chart-3: var(--color-emerald-400);
+  --chart-4: var(--color-amber-400);
+  --chart-5: var(--color-rose-400);
 
   /* ── shadcn aliases — maps to standard names for shadcn component compat ── */
   --background: var(--surface);
@@ -509,7 +524,7 @@ body.future-light, .future-light {
   /* buttons on light bg */
 
   /* ── Brand ──────────────────────────────────────────────────────────── */
-  --brand: var(--color-cyan-600);
+  --brand: var(--color-cyan-500);
   /* logo, submit, run */
   --brand-subtle: var(--color-cyan-50);
   /* status badge, active nav */
@@ -527,9 +542,9 @@ body.future-light, .future-light {
   /* labels, muted */
   --foreground-inverse: var(--color-zinc-50);
   /* icons on dark bg */
-  --foreground-on-accent: var(--color-zinc-50);
+  --foreground-on-accent: var(--color-zinc-950);
   /* text on accent bg */
-  --foreground-accent: var(--color-cyan-600);
+  --foreground-accent: var(--color-cyan-500);
   /* accent text */
   --foreground-accent-muted: var(--color-cyan-600);
   /* muted accent text */
@@ -589,6 +604,21 @@ body.future-light, .future-light {
   --warning-background: #fff3db;
   --info: #1665b3;
   --info-background: #e9f1fa;
+  --status-destructive: var(--color-red-100);
+  --status-destructive-fg: var(--color-red-700);
+  --status-success: var(--color-emerald-100);
+  --status-success-fg: var(--color-emerald-700);
+  --status-warning: var(--color-amber-100);
+  --status-warning-fg: var(--color-amber-700);
+  --status-info: var(--color-cyan-100);
+  --status-info-fg: var(--color-cyan-700);
+
+  /* ── Chart ───────────────────────────────────────────────────────────── */
+  --chart-1: var(--color-cyan-600);
+  --chart-2: var(--color-violet-600);
+  --chart-3: var(--color-emerald-600);
+  --chart-4: var(--color-amber-600);
+  --chart-5: var(--color-rose-600);
 
   /* ── shadcn aliases ──────────────────────────────────────────────────── */
   --background: var(--surface);
@@ -1251,7 +1281,7 @@ body.canvas, .canvas {
  * holds the pre-mixed value for the keyframe to consume.
  * ============================================================================ */
 
-@keyframes glow {
+@keyframes apollo-glow {
   0%   { box-shadow: 0 0 0 0 var(--_glow-shadow, currentColor); }
   70%  { box-shadow: 0 0 0 10px transparent; }
   100% { box-shadow: 0 0 0 0 transparent; }
@@ -1263,7 +1293,8 @@ body.canvas, .canvas {
     var(--glow-color, var(--brand, currentColor)) var(--glow-strength, 40%),
     transparent
   );
-  animation: glow 2s infinite;
+  will-change: box-shadow;
+  animation: apollo-glow 2s infinite;
 }
 
 /* ============================================================================

package/package.json

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