@uipath/apollo-wind 0.12.1 → 0.12.2

package/dist/components/ui/index.cjs

@@ -30,10 +30,10 @@ var __webpack_modules__ = {
     "@/components/ui/calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
-    "./card" (module) {
+    "@/components/ui/card" (module) {
         module.exports = require("./card.cjs");
     },
-    "@/components/ui/checkbox" (module) {
+    "./checkbox" (module) {
         module.exports = require("./checkbox.cjs");
     },
     "@/components/ui/collapsible" (module) {
@@ -57,13 +57,13 @@ var __webpack_modules__ = {
     "./datetime-picker" (module) {
         module.exports = require("./datetime-picker.cjs");
     },
-    "./dialog" (module) {
+    "@/components/ui/dialog" (module) {
         module.exports = require("./dialog.cjs");
     },
     "@/components/ui/dropdown-menu" (module) {
         module.exports = require("./dropdown-menu.cjs");
     },
-    "./editable-cell" (module) {
+    "@/components/ui/editable-cell" (module) {
         module.exports = require("./editable-cell.cjs");
     },
     "./empty-state" (module) {
@@ -78,7 +78,7 @@ var __webpack_modules__ = {
     "./input" (module) {
         module.exports = require("./input.cjs");
     },
-    "./label" (module) {
+    "@/components/ui/label" (module) {
         module.exports = require("./label.cjs");
     },
     "./layout" (module) {
@@ -138,7 +138,7 @@ var __webpack_modules__ = {
     "./switch" (module) {
         module.exports = require("./switch.cjs");
     },
-    "./table" (module) {
+    "@/components/ui/table" (module) {
         module.exports = require("./table.cjs");
     },
     "./tabs" (module) {
@@ -150,7 +150,7 @@ var __webpack_modules__ = {
     "./toggle-group" (module) {
         module.exports = require("./toggle-group.cjs");
     },
-    "./toggle" (module) {
+    "@/components/ui/toggle" (module) {
         module.exports = require("./toggle.cjs");
     },
     "./tooltip" (module) {
@@ -276,14 +276,14 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_calendar__rspack_import_9[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _card__rspack_import_10 = __webpack_require__("./card");
+    var _card__rspack_import_10 = __webpack_require__("@/components/ui/card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _card__rspack_import_10)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_card__rspack_import_10[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _checkbox__rspack_import_11 = __webpack_require__("@/components/ui/checkbox");
+    var _checkbox__rspack_import_11 = __webpack_require__("./checkbox");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _checkbox__rspack_import_11)if ([
         "TreeView",
@@ -339,7 +339,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_datetime_picker__rspack_import_18[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dialog__rspack_import_19 = __webpack_require__("./dialog");
+    var _dialog__rspack_import_19 = __webpack_require__("@/components/ui/dialog");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dialog__rspack_import_19)if ([
         "TreeView",
@@ -353,7 +353,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dropdown_menu__rspack_import_20[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _editable_cell__rspack_import_21 = __webpack_require__("./editable-cell");
+    var _editable_cell__rspack_import_21 = __webpack_require__("@/components/ui/editable-cell");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _editable_cell__rspack_import_21)if ([
         "TreeView",
@@ -388,7 +388,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_input__rspack_import_25[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _label__rspack_import_26 = __webpack_require__("./label");
+    var _label__rspack_import_26 = __webpack_require__("@/components/ui/label");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _label__rspack_import_26)if ([
         "TreeView",
@@ -528,7 +528,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_switch__rspack_import_45[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _table__rspack_import_46 = __webpack_require__("./table");
+    var _table__rspack_import_46 = __webpack_require__("@/components/ui/table");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _table__rspack_import_46)if ([
         "TreeView",
@@ -549,7 +549,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_textarea__rspack_import_48[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _toggle__rspack_import_49 = __webpack_require__("./toggle");
+    var _toggle__rspack_import_49 = __webpack_require__("@/components/ui/toggle");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _toggle__rspack_import_49)if ([
         "TreeView",

package/dist/styles.css

@@ -283,7 +283,7 @@
     --color-card: var(--card);
     --color-primary: var(--primary);
     --color-muted: var(--muted);
-    --color-border: var(--border);
+    --color-border: var(--ap-wind-border);
     --color-border-de-emp: var(--border-de-emp);
     --color-ring: var(--ring);
     --color-foreground-emp: var(--foreground-emp);
@@ -2028,7 +2028,7 @@
     border-color: var(--color-border);
   }
   .border-border {
-    border-color: var(--border);
+    border-color: var(--ap-wind-border);
   }
   .border-border-de-emp {
     border-color: var(--border-de-emp);
@@ -2049,15 +2049,15 @@
     border-color: var(--border-subtle);
   }
   .border-border\/30 {
-    border-color: var(--border);
+    border-color: var(--ap-wind-border);
     @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--border) 30%, transparent);
+      border-color: color-mix(in oklab, var(--ap-wind-border) 30%, transparent);
     }
   }
   .border-border\/50 {
-    border-color: var(--border);
+    border-color: var(--ap-wind-border);
     @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--border) 50%, transparent);
+      border-color: color-mix(in oklab, var(--ap-wind-border) 50%, transparent);
     }
   }
   .border-brand {
@@ -2307,7 +2307,7 @@
     background-color: var(--color-blue-950);
   }
   .bg-border {
-    background-color: var(--border);
+    background-color: var(--ap-wind-border);
   }
   .bg-border-subtle {
     background-color: var(--border-subtle);
@@ -4094,7 +4094,7 @@
   }
   .group-\[\.toaster\]\:border-border {
     &:is(:where(.group):is(.toaster) *) {
-      border-color: var(--border);
+      border-color: var(--ap-wind-border);
     }
   }
   .group-\[\.toaster\]\:bg-background {
@@ -4243,7 +4243,7 @@
   .hover\:border-border {
     &:hover {
       @media (hover: hover) {
-        border-color: var(--border);
+        border-color: var(--ap-wind-border);
       }
     }
   }
@@ -5173,7 +5173,7 @@
   }
   .data-\[state\=unchecked\]\:bg-border {
     &[data-state="unchecked"] {
-      background-color: var(--border);
+      background-color: var(--ap-wind-border);
     }
   }
   .sm\:mt-0 {
@@ -5389,15 +5389,15 @@
   }
   .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 {
     & .recharts-cartesian-grid line[stroke='#ccc'] {
-      stroke: var(--border);
+      stroke: var(--ap-wind-border);
       @supports (color: color-mix(in lab, red, red)) {
-        stroke: color-mix(in oklab, var(--border) 50%, transparent);
+        stroke: color-mix(in oklab, var(--ap-wind-border) 50%, transparent);
       }
     }
   }
   .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border {
     & .recharts-curve.recharts-tooltip-cursor {
-      stroke: var(--border);
+      stroke: var(--ap-wind-border);
     }
   }
   .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
@@ -5417,7 +5417,7 @@
   }
   .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border {
     & .recharts-polar-grid [stroke='#ccc'] {
-      stroke: var(--border);
+      stroke: var(--ap-wind-border);
     }
   }
   .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted {
@@ -5432,7 +5432,7 @@
   }
   .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border {
     & .recharts-reference-line [stroke='#ccc'] {
-      stroke: var(--border);
+      stroke: var(--ap-wind-border);
     }
   }
   .\[\&_\.recharts-sector\]\:outline-hidden {
@@ -7334,7 +7334,7 @@ body.dark {
   --foreground-inverse: var(--color-foreground-inverse, #182027);
   --foreground-link: var(--color-foreground-link, #66adff);
   --foreground-on-accent: var(--color-foreground-inverse, #182027);
-  --border: var(--color-border, #8a97a0);
+  --ap-wind-border: var(--color-border, #8a97a0);
   --border-subtle: var(--color-border-de-emp, #526069);
   --border-disabled: var(--color-border-disabled, #526069);
   --border-grid: var(--color-border-grid, #273139);
@@ -7351,8 +7351,8 @@ body.dark {
   --foreground-accent-muted: var(--brand-hover);
   --border-muted: var(--border-grid);
   --border-deep: var(--border-grid);
-  --border-inverse: var(--border);
-  --border-hover: var(--border);
+  --border-inverse: var(--ap-wind-border);
+  --border-hover: var(--ap-wind-border);
   --background: var(--surface);
   --card: var(--surface-raised);
   --card-foreground: var(--foreground);
@@ -7392,7 +7392,7 @@ body.dark-hc {
   --foreground-inverse: var(--color-foreground-inverse, #182027);
   --foreground-link: var(--color-foreground-link, #87bfff);
   --foreground-on-accent: var(--color-foreground-inverse, #182027);
-  --border: var(--color-border, #bbc7cd);
+  --ap-wind-border: var(--color-border, #bbc7cd);
   --border-subtle: var(--color-border-de-emp, #a4b1b8);
   --border-disabled: var(--color-border-disabled, #8a97a0);
   --border-grid: var(--color-border-grid, #273139);
@@ -7409,8 +7409,8 @@ body.dark-hc {
   --foreground-accent-muted: var(--brand-hover);
   --border-muted: var(--border-grid);
   --border-deep: var(--border-grid);
-  --border-inverse: var(--border);
-  --border-hover: var(--border);
+  --border-inverse: var(--ap-wind-border);
+  --border-hover: var(--ap-wind-border);
   --background: var(--surface);
   --card: var(--surface-raised);
   --card-foreground: var(--foreground);
@@ -7450,7 +7450,7 @@ body.light {
   --foreground-inverse: var(--color-foreground-inverse, #f8f9fa);
   --foreground-link: var(--color-foreground-link, #0067df);
   --foreground-on-accent: var(--color-foreground-inverse, #f8f9fa);
-  --border: var(--color-border, #a4b1b8);
+  --ap-wind-border: var(--color-border, #a4b1b8);
   --border-subtle: var(--color-border-de-emp, #cfd8dd);
   --border-disabled: var(--color-border-disabled, #cfd8dd);
   --border-grid: var(--color-border-grid, #f4f5f7);
@@ -7467,8 +7467,8 @@ body.light {
   --foreground-accent-muted: var(--brand-hover);
   --border-muted: var(--border-grid);
   --border-deep: var(--border-grid);
-  --border-inverse: var(--border);
-  --border-hover: var(--border);
+  --border-inverse: var(--ap-wind-border);
+  --border-hover: var(--ap-wind-border);
   --background: var(--surface);
   --card: var(--surface-raised);
   --card-foreground: var(--foreground);
@@ -7508,7 +7508,7 @@ body.light-hc {
   --foreground-inverse: var(--color-foreground-inverse, #f8f9fa);
   --foreground-link: var(--color-foreground-link, #00489d);
   --foreground-on-accent: var(--color-foreground-inverse, #f8f9fa);
-  --border: var(--color-border, #6b7882);
+  --ap-wind-border: var(--color-border, #6b7882);
   --border-subtle: var(--color-border-de-emp, #a4b1b8);
   --border-disabled: var(--color-border-disabled, #cfd8dd);
   --border-grid: var(--color-border-grid, #f4f5f7);
@@ -7525,8 +7525,8 @@ body.light-hc {
   --foreground-accent-muted: var(--brand-hover);
   --border-muted: var(--border-grid);
   --border-deep: var(--border-grid);
-  --border-inverse: var(--border);
-  --border-hover: var(--border);
+  --border-inverse: var(--ap-wind-border);
+  --border-hover: var(--ap-wind-border);
   --background: var(--surface);
   --card: var(--surface-raised);
   --card-foreground: var(--foreground);
@@ -7564,7 +7564,7 @@ body.light-hc {
   --foreground-on-accent: #fafafa;
   --foreground-accent: #0891b2;
   --foreground-accent-muted: #22d3ee;
-  --border: #3f3f46;
+  --ap-wind-border: #3f3f46;
   --border-subtle: #27272a;
   --border-muted: #18181b;
   --border-deep: #09090b;
@@ -7593,7 +7593,7 @@ body.light-hc {
   --destructive: #ef4444;
   --destructive-foreground: #fafafa;
   --border-de-emp: var(--border-subtle);
-  --input: var(--border);
+  --input: var(--ap-wind-border);
 }
 .future-light {
   --surface: #fafafa;
@@ -7613,7 +7613,7 @@ body.light-hc {
   --foreground-on-accent: #fafafa;
   --foreground-accent: #0891b2;
   --foreground-accent-muted: #0891b2;
-  --border: #d4d4d8;
+  --ap-wind-border: #d4d4d8;
   --border-subtle: #e4e4e7;
   --border-muted: #f4f4f5;
   --border-deep: #fafafa;
@@ -7642,7 +7642,7 @@ body.light-hc {
   --destructive: #ef4444;
   --destructive-foreground: #fafafa;
   --border-de-emp: var(--border-subtle);
-  --input: var(--border);
+  --input: var(--ap-wind-border);
 }
 .wireframe {
   --surface: #ffffff;
@@ -7662,7 +7662,7 @@ body.light-hc {
   --foreground-on-accent: #ffffff;
   --foreground-accent: #4b5563;
   --foreground-accent-muted: #6b7280;
-  --border: #d1d5db;
+  --ap-wind-border: #d1d5db;
   --border-subtle: #e5e7eb;
   --border-muted: #f3f4f6;
   --border-deep: #f9fafb;
@@ -7691,7 +7691,7 @@ body.light-hc {
   --destructive: #9ca3af;
   --destructive-foreground: #ffffff;
   --border-de-emp: var(--border-subtle);
-  --input: var(--border);
+  --input: var(--ap-wind-border);
 }
 .wireframe *, .wireframe *::before, .wireframe *::after {
   border-style: dashed !important;
@@ -7715,7 +7715,7 @@ body.light-hc {
   --foreground-on-accent: oklch(0.166 0.0283 203.34);
   --foreground-accent: oklch(0.692 0.1119 207.06);
   --foreground-accent-muted: oklch(0.573 0.114 211.4);
-  --border: oklch(0.3068 0.0426 258.29);
+  --ap-wind-border: oklch(0.3068 0.0426 258.29);
   --border-subtle: oklch(0.2648 0.0329 254.38);
   --border-muted: oklch(0.233 0.036 254.7);
   --border-deep: oklch(0.21 0.03 258.5);
@@ -7744,7 +7744,7 @@ body.light-hc {
   --destructive: oklch(0.6542 0.2321 28.66);
   --destructive-foreground: oklch(1 0 89.88);
   --border-de-emp: var(--border-subtle);
-  --input: var(--border);
+  --input: var(--ap-wind-border);
 }
 .canvas {
   --surface: #182027;
@@ -7764,7 +7764,7 @@ body.light-hc {
   --foreground-on-accent: #ffffff;
   --foreground-accent: #fa4616;
   --foreground-accent-muted: #ff8f70;
-  --border: #526069;
+  --ap-wind-border: #526069;
   --border-subtle: #3e4e58;
   --border-muted: #273139;
   --border-deep: #182027;
@@ -7793,7 +7793,7 @@ body.light-hc {
   --destructive: #ef4444;
   --destructive-foreground: #ffffff;
   --border-de-emp: var(--border-subtle);
-  --input: var(--border);
+  --input: var(--ap-wind-border);
 }
 @layer base {
   * {

package/dist/tailwind.css

@@ -50,7 +50,7 @@ body.dark {
   --foreground-on-accent: var(--color-foreground-inverse, #182027);
 
   /* ── Borders ──────────────────────────────────────────────────────────── */
-  --border: var(--color-border, #8a97a0);
+  --ap-wind-border: var(--color-border, #8a97a0);
   --border-subtle: var(--color-border-de-emp, #526069);
   --border-disabled: var(--color-border-disabled, #526069);
   --border-grid: var(--color-border-grid, #273139);
@@ -75,8 +75,8 @@ body.dark {
   --foreground-accent-muted: var(--brand-hover);
   --border-muted: var(--border-grid);
   --border-deep: var(--border-grid);
-  --border-inverse: var(--border);
-  --border-hover: var(--border);
+  --border-inverse: var(--ap-wind-border);
+  --border-hover: var(--ap-wind-border);
 
   /* ── shadcn aliases — maps to standard names for shadcn component compat ── */
   --background: var(--surface);
@@ -127,7 +127,7 @@ body.dark-hc {
   --foreground-on-accent: var(--color-foreground-inverse, #182027);
 
   /* ── Borders ──────────────────────────────────────────────────────────── */
-  --border: var(--color-border, #bbc7cd);
+  --ap-wind-border: var(--color-border, #bbc7cd);
   --border-subtle: var(--color-border-de-emp, #a4b1b8);
   --border-disabled: var(--color-border-disabled, #8a97a0);
   --border-grid: var(--color-border-grid, #273139);
@@ -152,8 +152,8 @@ body.dark-hc {
   --foreground-accent-muted: var(--brand-hover);
   --border-muted: var(--border-grid);
   --border-deep: var(--border-grid);
-  --border-inverse: var(--border);
-  --border-hover: var(--border);
+  --border-inverse: var(--ap-wind-border);
+  --border-hover: var(--ap-wind-border);
 
   /* ── shadcn aliases — maps to standard names for shadcn component compat ── */
   --background: var(--surface);
@@ -204,7 +204,7 @@ body.light {
   --foreground-on-accent: var(--color-foreground-inverse, #f8f9fa);
 
   /* ── Borders ──────────────────────────────────────────────────────────── */
-  --border: var(--color-border, #a4b1b8);
+  --ap-wind-border: var(--color-border, #a4b1b8);
   --border-subtle: var(--color-border-de-emp, #cfd8dd);
   --border-disabled: var(--color-border-disabled, #cfd8dd);
   --border-grid: var(--color-border-grid, #f4f5f7);
@@ -229,8 +229,8 @@ body.light {
   --foreground-accent-muted: var(--brand-hover);
   --border-muted: var(--border-grid);
   --border-deep: var(--border-grid);
-  --border-inverse: var(--border);
-  --border-hover: var(--border);
+  --border-inverse: var(--ap-wind-border);
+  --border-hover: var(--ap-wind-border);
 
   /* ── shadcn aliases — maps to standard names for shadcn component compat ── */
   --background: var(--surface);
@@ -281,7 +281,7 @@ body.light-hc {
   --foreground-on-accent: var(--color-foreground-inverse, #f8f9fa);
 
   /* ── Borders ──────────────────────────────────────────────────────────── */
-  --border: var(--color-border, #6b7882);
+  --ap-wind-border: var(--color-border, #6b7882);
   --border-subtle: var(--color-border-de-emp, #a4b1b8);
   --border-disabled: var(--color-border-disabled, #cfd8dd);
   --border-grid: var(--color-border-grid, #f4f5f7);
@@ -306,8 +306,8 @@ body.light-hc {
   --foreground-accent-muted: var(--brand-hover);
   --border-muted: var(--border-grid);
   --border-deep: var(--border-grid);
-  --border-inverse: var(--border);
-  --border-hover: var(--border);
+  --border-inverse: var(--ap-wind-border);
+  --border-hover: var(--ap-wind-border);
 
   /* ── shadcn aliases — maps to standard names for shadcn component compat ── */
   --background: var(--surface);
@@ -377,7 +377,7 @@ body.light-hc {
   /* cyan-400 — muted accent text */
 
   /* ── Borders ──────────────────────────────────────────────────────────── */
-  --border: #3f3f46;
+  --ap-wind-border: #3f3f46;
   /* zinc-700  — primary borders */
   --border-subtle: #27272a;
   /* zinc-800  — subtle dividers */
@@ -426,7 +426,7 @@ body.light-hc {
   --destructive-foreground: #fafafa;
   /* zinc-50 — text on destructive bg */
   --border-de-emp: var(--border-subtle);
-  --input: var(--border);
+  --input: var(--ap-wind-border);
 }
 
 /* ============================================================================
@@ -475,7 +475,7 @@ body.light-hc {
   /* cyan-600 — muted accent text */
 
   /* ── Borders ──────────────────────────────────────────────────────────── */
-  --border: #d4d4d8;
+  --ap-wind-border: #d4d4d8;
   /* zinc-300  — primary borders */
   --border-subtle: #e4e4e7;
   /* zinc-200  — subtle dividers */
@@ -524,7 +524,7 @@ body.light-hc {
   --destructive-foreground: #fafafa;
   /* zinc-50 — text on destructive bg */
   --border-de-emp: var(--border-subtle);
-  --input: var(--border);
+  --input: var(--ap-wind-border);
 }
 
 
@@ -560,7 +560,7 @@ body.light-hc {
   --foreground-accent-muted: #6b7280;
 
   /* ── Borders (dashed via utility, but color defined here) ───────────── */
-  --border: #d1d5db;
+  --ap-wind-border: #d1d5db;
   --border-subtle: #e5e7eb;
   --border-muted: #f3f4f6;
   --border-deep: #f9fafb;
@@ -595,7 +595,7 @@ body.light-hc {
   --destructive: #9ca3af;
   --destructive-foreground: #ffffff;
   --border-de-emp: var(--border-subtle);
-  --input: var(--border);
+  --input: var(--ap-wind-border);
 }
 
 /* Wireframe overrides: dashed borders everywhere, reduced rounding */
@@ -656,7 +656,7 @@ body.light-hc {
   /* accent — muted accent text */
 
   /* ── Borders ──────────────────────────────────────────────────────────── */
-  --border: oklch(0.3068 0.0426 258.29);
+  --ap-wind-border: oklch(0.3068 0.0426 258.29);
   /* border */
   --border-subtle: oklch(0.2648 0.0329 254.38);
   /* muted — subtle dividers */
@@ -698,7 +698,7 @@ body.light-hc {
   --destructive: oklch(0.6542 0.2321 28.66);
   --destructive-foreground: oklch(1 0 89.88);
   --border-de-emp: var(--border-subtle);
-  --input: var(--border);
+  --input: var(--ap-wind-border);
 }
 
 /* ============================================================================
@@ -751,7 +751,7 @@ body.light-hc {
   /* ColorSelectionDark — muted accent text */
 
   /* ── Borders ──────────────────────────────────────────────────────────── */
-  --border: #526069;
+  --ap-wind-border: #526069;
   /* ColorBorderDeEmpDark */
   --border-subtle: #3e4e58;
   /* mid border */
@@ -793,13 +793,12 @@ body.light-hc {
   --destructive: #ef4444;
   --destructive-foreground: #ffffff;
   --border-de-emp: var(--border-subtle);
-  --input: var(--border);
+  --input: var(--ap-wind-border);
 }
 
 /**
   * @theme inline - Tailwind utility generation
   *
-  * Combines tokens from themes.css with Apollo-core tokens.
   * Only tokens defined here will generate Tailwind utilities.
   */
 
@@ -852,7 +851,7 @@ body.light-hc {
   --color-accent-foreground: var(--accent-foreground);
   --color-destructive: var(--destructive);
   --color-destructive-foreground: var(--destructive-foreground);
-  --color-border: var(--border);
+  --color-border: var(--ap-wind-border);
   --color-border-de-emp: var(--border-de-emp);
   --color-input: var(--input);
   --color-ring: var(--ring);

package/package.json

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

package/dist/src/foundation/Future/themes.css

@@ -1,279 +0,0 @@
-.future-dark {
-  --surface: #09090b;
-  --surface-raised: #18181b;
-  --surface-overlay: #27272a;
-  --surface-hover: #3f3f46;
-  --surface-muted: #71717a;
-  --surface-inverse: #fafafa;
-  --brand: #0891b2;
-  --brand-subtle: #083344;
-  --foreground: #fafafa;
-  --foreground-secondary: #f4f4f5;
-  --foreground-hover: #d4d4d8;
-  --foreground-muted: #a1a1aa;
-  --foreground-subtle: #71717a;
-  --foreground-inverse: #09090b;
-  --foreground-on-accent: #fafafa;
-  --foreground-accent: #0891b2;
-  --foreground-accent-muted: #22d3ee;
-  --border: #3f3f46;
-  --border-subtle: #27272a;
-  --border-muted: #18181b;
-  --border-deep: #09090b;
-  --border-inverse: #e4e4e7;
-  --border-hover: #52525b;
-  --ring: #52525b;
-  --gradient-1: linear-gradient(127deg, #3f3f47 25.94%, #27272a 74.06%);
-  --gradient-2: linear-gradient(128deg, #09090b 1.26%, #18181b 52.69%);
-  --gradient-3: linear-gradient(128deg, #3f3f47 1.26%, #18181b 52.69%);
-  --gradient-4: linear-gradient(180deg, #18181b 0%, #27272a 100%);
-  --gradient-5: linear-gradient(180deg, #09090b 0%, #18181b 100%);
-  --gradient-6: linear-gradient(106deg, #0092b8 28.08%, #053345 71.92%);
-  --background: var(--surface);
-  --card: var(--surface-raised);
-  --card-foreground: var(--foreground);
-  --popover: var(--surface-raised);
-  --popover-foreground: var(--foreground);
-  --primary: var(--brand);
-  --primary-foreground: var(--foreground-on-accent);
-  --secondary: var(--surface-overlay);
-  --secondary-foreground: var(--foreground);
-  --muted: var(--surface-overlay);
-  --muted-foreground: var(--foreground-muted);
-  --accent: var(--surface-hover);
-  --accent-foreground: var(--foreground);
-  --destructive: #ef4444;
-  --destructive-foreground: #fafafa;
-  --border-de-emp: var(--border-subtle);
-  --input: var(--border);
-}
-
-.future-light {
-  --surface: #fafafa;
-  --surface-raised: #f4f4f5;
-  --surface-overlay: #e4e4e7;
-  --surface-hover: #d4d4d8;
-  --surface-muted: #a1a1aa;
-  --surface-inverse: #09090b;
-  --brand: #0891b2;
-  --brand-subtle: #ecfeff;
-  --foreground: #09090b;
-  --foreground-secondary: #18181b;
-  --foreground-hover: #52525b;
-  --foreground-muted: #71717a;
-  --foreground-subtle: #a1a1aa;
-  --foreground-inverse: #fafafa;
-  --foreground-on-accent: #fafafa;
-  --foreground-accent: #0891b2;
-  --foreground-accent-muted: #0891b2;
-  --border: #d4d4d8;
-  --border-subtle: #e4e4e7;
-  --border-muted: #f4f4f5;
-  --border-deep: #fafafa;
-  --border-inverse: #3f3f46;
-  --border-hover: #a1a1aa;
-  --ring: #a1a1aa;
-  --gradient-1: linear-gradient(127deg, #e4e4e7 25.94%, #f4f4f5 74.06%);
-  --gradient-2: linear-gradient(128deg, #fafafa 1.26%, #fafafa 52.69%);
-  --gradient-3: linear-gradient(128deg, #e4e4e7 1.26%, #fafafa 52.69%);
-  --gradient-4: linear-gradient(180deg, #fafafa 0%, #f4f4f5 100%);
-  --gradient-5: linear-gradient(180deg, #fafafa 0%, #fafafa 100%);
-  --gradient-6: linear-gradient(106deg, #22d3ee 28.08%, #cffafe 71.92%);
-  --background: var(--surface);
-  --card: var(--surface-raised);
-  --card-foreground: var(--foreground);
-  --popover: var(--surface-raised);
-  --popover-foreground: var(--foreground);
-  --primary: var(--brand);
-  --primary-foreground: var(--foreground-on-accent);
-  --secondary: var(--surface-overlay);
-  --secondary-foreground: var(--foreground);
-  --muted: var(--surface-overlay);
-  --muted-foreground: var(--foreground-muted);
-  --accent: var(--surface-hover);
-  --accent-foreground: var(--foreground);
-  --destructive: #ef4444;
-  --destructive-foreground: #fafafa;
-  --border-de-emp: var(--border-subtle);
-  --input: var(--border);
-}
-
-.wireframe {
-  --surface: #fff;
-  --surface-raised: #f9fafb;
-  --surface-overlay: #f3f4f6;
-  --surface-hover: #e5e7eb;
-  --surface-muted: #d1d5db;
-  --surface-inverse: #374151;
-  --brand: #6b7280;
-  --brand-subtle: #f3f4f6;
-  --foreground: #1f2937;
-  --foreground-secondary: #374151;
-  --foreground-hover: #4b5563;
-  --foreground-muted: #6b7280;
-  --foreground-subtle: #9ca3af;
-  --foreground-inverse: #fff;
-  --foreground-on-accent: #fff;
-  --foreground-accent: #4b5563;
-  --foreground-accent-muted: #6b7280;
-  --border: #d1d5db;
-  --border-subtle: #e5e7eb;
-  --border-muted: #f3f4f6;
-  --border-deep: #f9fafb;
-  --border-inverse: #4b5563;
-  --border-hover: #9ca3af;
-  --ring: #9ca3af;
-  --gradient-1: none;
-  --gradient-2: none;
-  --gradient-3: none;
-  --gradient-4: none;
-  --gradient-5: none;
-  --gradient-6: none;
-  --background: var(--surface);
-  --card: var(--surface-raised);
-  --card-foreground: var(--foreground);
-  --popover: var(--surface-raised);
-  --popover-foreground: var(--foreground);
-  --primary: var(--brand);
-  --primary-foreground: var(--foreground-on-accent);
-  --secondary: var(--surface-overlay);
-  --secondary-foreground: var(--foreground);
-  --muted: var(--surface-overlay);
-  --muted-foreground: var(--foreground-muted);
-  --accent: var(--surface-hover);
-  --accent-foreground: var(--foreground);
-  --destructive: #9ca3af;
-  --destructive-foreground: #fff;
-  --border-de-emp: var(--border-subtle);
-  --input: var(--border);
-}
-
-.wireframe *, .wireframe :before, .wireframe :after {
-  box-shadow: none !important;
-  border-style: dashed !important;
-}
-
-.vertex {
-  --surface: oklch(21% .03 258.5);
-  --surface-raised: oklch(23.3% .036 254.7);
-  --surface-overlay: oklch(26.48% .0329 254.38);
-  --surface-hover: oklch(39.27% .0289 240.86);
-  --surface-muted: oklch(72% .03 254.38);
-  --surface-inverse: oklch(98.5% 0 0);
-  --brand: oklch(69.2% .1119 207.06);
-  --brand-subtle: oklch(16.6% .0283 203.34);
-  --foreground: oklch(98.5% 0 0);
-  --foreground-secondary: oklch(95.25% .011 225.98);
-  --foreground-hover: oklch(94.16% .0145 244.72);
-  --foreground-muted: oklch(72% .03 254.38);
-  --foreground-subtle: oklch(45.94% .028 264.25);
-  --foreground-inverse: oklch(21% .03 258.5);
-  --foreground-on-accent: oklch(16.6% .0283 203.34);
-  --foreground-accent: oklch(69.2% .1119 207.06);
-  --foreground-accent-muted: oklch(57.3% .114 211.4);
-  --border: oklch(30.68% .0426 258.29);
-  --border-subtle: oklch(26.48% .0329 254.38);
-  --border-muted: oklch(23.3% .036 254.7);
-  --border-deep: oklch(21% .03 258.5);
-  --border-inverse: oklch(92.29% .0065 252.13);
-  --border-hover: oklch(39.27% .0289 240.86);
-  --ring: oklch(69.2% .1119 207.06);
-  --gradient-1: linear-gradient(127deg, oklch(39.27% .0289 240.86) 25.94%, oklch(26.48% .0329 254.38) 74.06%);
-  --gradient-2: linear-gradient(128deg, oklch(21% .03 258.5) 1.26%, oklch(23.3% .036 254.7) 52.69%);
-  --gradient-3: linear-gradient(128deg, oklch(39.27% .0289 240.86) 1.26%, oklch(23.3% .036 254.7) 52.69%);
-  --gradient-4: linear-gradient(180deg, oklch(23.3% .036 254.7) 0%, oklch(26.48% .0329 254.38) 100%);
-  --gradient-5: linear-gradient(180deg, oklch(21% .03 258.5) 0%, oklch(23.3% .036 254.7) 100%);
-  --gradient-6: linear-gradient(106deg, oklch(69.2% .1119 207.06) 28.08%, oklch(16.6% .0283 203.34) 71.92%);
-  --background: var(--surface);
-  --card: var(--surface-raised);
-  --card-foreground: var(--foreground);
-  --popover: var(--surface-raised);
-  --popover-foreground: var(--foreground);
-  --primary: var(--brand);
-  --primary-foreground: var(--foreground-on-accent);
-  --secondary: var(--surface-overlay);
-  --secondary-foreground: var(--foreground);
-  --muted: var(--surface-overlay);
-  --muted-foreground: var(--foreground-muted);
-  --accent: var(--surface-hover);
-  --accent-foreground: var(--foreground);
-  --destructive: oklch(65.42% .2321 28.66);
-  --destructive-foreground: oklch(100% 0 89.88);
-  --border-de-emp: var(--border-subtle);
-  --input: var(--border);
-}
-
-.canvas {
-  --surface: #182027;
-  --surface-raised: #273139;
-  --surface-overlay: #334049;
-  --surface-hover: #3e4e58;
-  --surface-muted: #8a97a0;
-  --surface-inverse: #f8f9fa;
-  --brand: #fa4616;
-  --brand-subtle: #3c2a1e;
-  --foreground: #f8f9fa;
-  --foreground-secondary: #f4f5f7;
-  --foreground-hover: #cfd8dd;
-  --foreground-muted: #a4b1b8;
-  --foreground-subtle: #8a97a0;
-  --foreground-inverse: #182027;
-  --foreground-on-accent: #fff;
-  --foreground-accent: #fa4616;
-  --foreground-accent-muted: #ff8f70;
-  --border: #526069;
-  --border-subtle: #3e4e58;
-  --border-muted: #273139;
-  --border-deep: #182027;
-  --border-inverse: #cfd8dd;
-  --border-hover: #8a97a0;
-  --ring: #fa4616;
-  --gradient-1: linear-gradient(127deg, #3e4e58 25.94%, #334049 74.06%);
-  --gradient-2: linear-gradient(128deg, #182027 1.26%, #273139 52.69%);
-  --gradient-3: linear-gradient(128deg, #3e4e58 1.26%, #273139 52.69%);
-  --gradient-4: linear-gradient(180deg, #273139 0%, #334049 100%);
-  --gradient-5: linear-gradient(180deg, #182027 0%, #273139 100%);
-  --gradient-6: linear-gradient(106deg, #fa4616 28.08%, #3c2a1e 71.92%);
-  --background: var(--surface);
-  --card: var(--surface-raised);
-  --card-foreground: var(--foreground);
-  --popover: var(--surface-raised);
-  --popover-foreground: var(--foreground);
-  --primary: var(--brand);
-  --primary-foreground: var(--foreground-on-accent);
-  --secondary: var(--surface-overlay);
-  --secondary-foreground: var(--foreground);
-  --muted: var(--surface-overlay);
-  --muted-foreground: var(--foreground-muted);
-  --accent: var(--surface-hover);
-  --accent-foreground: var(--foreground);
-  --destructive: #ef4444;
-  --destructive-foreground: #fff;
-  --border-de-emp: var(--border-subtle);
-  --input: var(--border);
-}
-
-@utility bg-gradient-1 {
-  background-image: var(--gradient-1) ;
-}
-
-@utility bg-gradient-2 {
-  background-image: var(--gradient-2) ;
-}
-
-@utility bg-gradient-3 {
-  background-image: var(--gradient-3) ;
-}
-
-@utility bg-gradient-4 {
-  background-image: var(--gradient-4) ;
-}
-
-@utility bg-gradient-5 {
-  background-image: var(--gradient-5) ;
-}
-
-@utility bg-gradient-6 {
-  background-image: var(--gradient-6) ;
-}
-