@uipath/apollo-wind 0.12.1 → 0.12.2-pr318.0e6a19f

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/components/ui/index.cjs +18 -18
  2. package/dist/components/ui/scroll-area.cjs +8 -3
  3. package/dist/components/ui/scroll-area.js +8 -3
  4. package/dist/styles.css +41 -38
  5. package/dist/tailwind.css +23 -24
  6. package/package.json +1 -1
  7. package/dist/src/foundation/Future/themes.css +0 -279
package/dist/components/ui/index.cjs CHANGED
@@ -15,7 +15,7 @@ var __webpack_modules__ = {
15
15
  "./avatar" (module) {
16
16
  module.exports = require("./avatar.cjs");
17
17
  },
18
- "@/components/ui/badge" (module) {
18
+ "./badge" (module) {
19
19
  module.exports = require("./badge.cjs");
20
20
  },
21
21
  "./breadcrumb" (module) {
@@ -27,25 +27,25 @@ var __webpack_modules__ = {
27
27
  "@/components/ui/button" (module) {
28
28
  module.exports = require("./button.cjs");
29
29
  },
30
- "@/components/ui/calendar" (module) {
30
+ "./calendar" (module) {
31
31
  module.exports = require("./calendar.cjs");
32
32
  },
33
33
  "./card" (module) {
34
34
  module.exports = require("./card.cjs");
35
35
  },
36
- "@/components/ui/checkbox" (module) {
36
+ "./checkbox" (module) {
37
37
  module.exports = require("./checkbox.cjs");
38
38
  },
39
- "@/components/ui/collapsible" (module) {
39
+ "./collapsible" (module) {
40
40
  module.exports = require("./collapsible.cjs");
41
41
  },
42
42
  "./combobox" (module) {
43
43
  module.exports = require("./combobox.cjs");
44
44
  },
45
- "@/components/ui/command" (module) {
45
+ "./command" (module) {
46
46
  module.exports = require("./command.cjs");
47
47
  },
48
- "@/components/ui/context-menu" (module) {
48
+ "./context-menu" (module) {
49
49
  module.exports = require("./context-menu.cjs");
50
50
  },
51
51
  "./data-table" (module) {
@@ -60,7 +60,7 @@ var __webpack_modules__ = {
60
60
  "./dialog" (module) {
61
61
  module.exports = require("./dialog.cjs");
62
62
  },
63
- "@/components/ui/dropdown-menu" (module) {
63
+ "./dropdown-menu" (module) {
64
64
  module.exports = require("./dropdown-menu.cjs");
65
65
  },
66
66
  "./editable-cell" (module) {
@@ -72,7 +72,7 @@ var __webpack_modules__ = {
72
72
  "./file-upload" (module) {
73
73
  module.exports = require("./file-upload.cjs");
74
74
  },
75
- "@/components/ui/hover-card" (module) {
75
+ "./hover-card" (module) {
76
76
  module.exports = require("./hover-card.cjs");
77
77
  },
78
78
  "./input" (module) {
@@ -90,7 +90,7 @@ var __webpack_modules__ = {
90
90
  "./pagination" (module) {
91
91
  module.exports = require("./pagination.cjs");
92
92
  },
93
- "@/components/ui/popover" (module) {
93
+ "./popover" (module) {
94
94
  module.exports = require("./popover.cjs");
95
95
  },
96
96
  "./progress" (module) {
@@ -241,7 +241,7 @@ var __webpack_exports__ = {};
241
241
  "default"
242
242
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_avatar__rspack_import_4[__rspack_import_key];
243
243
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
244
- var _badge__rspack_import_5 = __webpack_require__("@/components/ui/badge");
244
+ var _badge__rspack_import_5 = __webpack_require__("./badge");
245
245
  var __rspack_reexport = {};
246
246
  for(const __rspack_import_key in _badge__rspack_import_5)if ([
247
247
  "TreeView",
@@ -269,7 +269,7 @@ var __webpack_exports__ = {};
269
269
  "default"
270
270
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_button_group__rspack_import_8[__rspack_import_key];
271
271
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
272
- var _calendar__rspack_import_9 = __webpack_require__("@/components/ui/calendar");
272
+ var _calendar__rspack_import_9 = __webpack_require__("./calendar");
273
273
  var __rspack_reexport = {};
274
274
  for(const __rspack_import_key in _calendar__rspack_import_9)if ([
275
275
  "TreeView",
@@ -283,14 +283,14 @@ var __webpack_exports__ = {};
283
283
  "default"
284
284
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_card__rspack_import_10[__rspack_import_key];
285
285
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
286
- var _checkbox__rspack_import_11 = __webpack_require__("@/components/ui/checkbox");
286
+ var _checkbox__rspack_import_11 = __webpack_require__("./checkbox");
287
287
  var __rspack_reexport = {};
288
288
  for(const __rspack_import_key in _checkbox__rspack_import_11)if ([
289
289
  "TreeView",
290
290
  "default"
291
291
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_checkbox__rspack_import_11[__rspack_import_key];
292
292
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
293
- var _collapsible__rspack_import_12 = __webpack_require__("@/components/ui/collapsible");
293
+ var _collapsible__rspack_import_12 = __webpack_require__("./collapsible");
294
294
  var __rspack_reexport = {};
295
295
  for(const __rspack_import_key in _collapsible__rspack_import_12)if ([
296
296
  "TreeView",
@@ -304,14 +304,14 @@ var __webpack_exports__ = {};
304
304
  "default"
305
305
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_combobox__rspack_import_13[__rspack_import_key];
306
306
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
307
- var _command__rspack_import_14 = __webpack_require__("@/components/ui/command");
307
+ var _command__rspack_import_14 = __webpack_require__("./command");
308
308
  var __rspack_reexport = {};
309
309
  for(const __rspack_import_key in _command__rspack_import_14)if ([
310
310
  "TreeView",
311
311
  "default"
312
312
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_command__rspack_import_14[__rspack_import_key];
313
313
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
314
- var _context_menu__rspack_import_15 = __webpack_require__("@/components/ui/context-menu");
314
+ var _context_menu__rspack_import_15 = __webpack_require__("./context-menu");
315
315
  var __rspack_reexport = {};
316
316
  for(const __rspack_import_key in _context_menu__rspack_import_15)if ([
317
317
  "TreeView",
@@ -346,7 +346,7 @@ var __webpack_exports__ = {};
346
346
  "default"
347
347
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dialog__rspack_import_19[__rspack_import_key];
348
348
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
349
- var _dropdown_menu__rspack_import_20 = __webpack_require__("@/components/ui/dropdown-menu");
349
+ var _dropdown_menu__rspack_import_20 = __webpack_require__("./dropdown-menu");
350
350
  var __rspack_reexport = {};
351
351
  for(const __rspack_import_key in _dropdown_menu__rspack_import_20)if ([
352
352
  "TreeView",
@@ -374,7 +374,7 @@ var __webpack_exports__ = {};
374
374
  "default"
375
375
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_file_upload__rspack_import_23[__rspack_import_key];
376
376
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
377
- var _hover_card__rspack_import_24 = __webpack_require__("@/components/ui/hover-card");
377
+ var _hover_card__rspack_import_24 = __webpack_require__("./hover-card");
378
378
  var __rspack_reexport = {};
379
379
  for(const __rspack_import_key in _hover_card__rspack_import_24)if ([
380
380
  "TreeView",
@@ -416,7 +416,7 @@ var __webpack_exports__ = {};
416
416
  "default"
417
417
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_pagination__rspack_import_29[__rspack_import_key];
418
418
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
419
- var _popover__rspack_import_30 = __webpack_require__("@/components/ui/popover");
419
+ var _popover__rspack_import_30 = __webpack_require__("./popover");
420
420
  var __rspack_reexport = {};
421
421
  for(const __rspack_import_key in _popover__rspack_import_30)if ([
422
422
  "TreeView",
package/dist/components/ui/scroll-area.cjs CHANGED
@@ -34,14 +34,19 @@ const external_react_namespaceObject = require("react");
34
34
  const index_cjs_namespaceObject = require("../../lib/index.cjs");
35
35
  const ScrollArea = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_scroll_area_namespaceObject.Root, {
36
36
  ref: ref,
37
- className: (0, index_cjs_namespaceObject.cn)('relative overflow-hidden', className),
37
+ className: (0, index_cjs_namespaceObject.cn)('relative overflow-hidden overscroll-x-contain', className),
38
38
  ...props,
39
39
  children: [
40
40
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.Viewport, {
41
41
  className: "h-full w-full rounded-[inherit]",
42
42
  children: children
43
43
  }),
44
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ScrollBar, {}),
44
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ScrollBar, {
45
+ orientation: "vertical"
46
+ }),
47
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ScrollBar, {
48
+ orientation: "horizontal"
49
+ }),
45
50
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.Corner, {})
46
51
  ]
47
52
  }));
@@ -49,7 +54,7 @@ ScrollArea.displayName = react_scroll_area_namespaceObject.Root.displayName;
49
54
  const ScrollBar = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, orientation = 'vertical', ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.ScrollAreaScrollbar, {
50
55
  ref: ref,
51
56
  orientation: orientation,
52
- className: (0, index_cjs_namespaceObject.cn)('flex touch-none select-none transition-colors', 'vertical' === orientation && 'h-full w-2.5 border-l border-l-transparent p-[1px]', 'horizontal' === orientation && 'h-2.5 flex-col border-t border-t-transparent p-[1px]', className),
57
+ className: (0, index_cjs_namespaceObject.cn)('flex touch-none select-none transition-colors', 'vertical' === orientation && 'h-full w-2.5 border-l border-l-transparent p-px', 'horizontal' === orientation && 'h-2.5 flex-col border-t border-t-transparent p-px', className),
53
58
  ...props,
54
59
  children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.ScrollAreaThumb, {
55
60
  className: "relative flex-1 rounded-full bg-border"
package/dist/components/ui/scroll-area.js CHANGED
@@ -5,14 +5,19 @@ import { forwardRef } from "react";
5
5
  import { cn } from "../../lib/index.js";
6
6
  const ScrollArea = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Root, {
7
7
  ref: ref,
8
- className: cn('relative overflow-hidden', className),
8
+ className: cn('relative overflow-hidden overscroll-x-contain', className),
9
9
  ...props,
10
10
  children: [
11
11
  /*#__PURE__*/ jsx(Viewport, {
12
12
  className: "h-full w-full rounded-[inherit]",
13
13
  children: children
14
14
  }),
15
- /*#__PURE__*/ jsx(ScrollBar, {}),
15
+ /*#__PURE__*/ jsx(ScrollBar, {
16
+ orientation: "vertical"
17
+ }),
18
+ /*#__PURE__*/ jsx(ScrollBar, {
19
+ orientation: "horizontal"
20
+ }),
16
21
  /*#__PURE__*/ jsx(Corner, {})
17
22
  ]
18
23
  }));
@@ -20,7 +25,7 @@ ScrollArea.displayName = Root.displayName;
20
25
  const ScrollBar = /*#__PURE__*/ forwardRef(({ className, orientation = 'vertical', ...props }, ref)=>/*#__PURE__*/ jsx(ScrollAreaScrollbar, {
21
26
  ref: ref,
22
27
  orientation: orientation,
23
- className: cn('flex touch-none select-none transition-colors', 'vertical' === orientation && 'h-full w-2.5 border-l border-l-transparent p-[1px]', 'horizontal' === orientation && 'h-2.5 flex-col border-t border-t-transparent p-[1px]', className),
28
+ className: cn('flex touch-none select-none transition-colors', 'vertical' === orientation && 'h-full w-2.5 border-l border-l-transparent p-px', 'horizontal' === orientation && 'h-2.5 flex-col border-t border-t-transparent p-px', className),
24
29
  ...props,
25
30
  children: /*#__PURE__*/ jsx(ScrollAreaThumb, {
26
31
  className: "relative flex-1 rounded-full bg-border"
package/dist/styles.css CHANGED
@@ -283,7 +283,7 @@
283
283
  --color-card: var(--card);
284
284
  --color-primary: var(--primary);
285
285
  --color-muted: var(--muted);
286
- --color-border: var(--border);
286
+ --color-border: var(--ap-wind-border);
287
287
  --color-border-de-emp: var(--border-de-emp);
288
288
  --color-ring: var(--ring);
289
289
  --color-foreground-emp: var(--foreground-emp);
@@ -1866,6 +1866,9 @@
1866
1866
  .overflow-y-auto {
1867
1867
  overflow-y: auto;
1868
1868
  }
1869
+ .overscroll-x-contain {
1870
+ overscroll-behavior-x: contain;
1871
+ }
1869
1872
  .rounded {
1870
1873
  border-radius: 0.25rem;
1871
1874
  }
@@ -2028,7 +2031,7 @@
2028
2031
  border-color: var(--color-border);
2029
2032
  }
2030
2033
  .border-border {
2031
- border-color: var(--border);
2034
+ border-color: var(--ap-wind-border);
2032
2035
  }
2033
2036
  .border-border-de-emp {
2034
2037
  border-color: var(--border-de-emp);
@@ -2049,15 +2052,15 @@
2049
2052
  border-color: var(--border-subtle);
2050
2053
  }
2051
2054
  .border-border\/30 {
2052
- border-color: var(--border);
2055
+ border-color: var(--ap-wind-border);
2053
2056
  @supports (color: color-mix(in lab, red, red)) {
2054
- border-color: color-mix(in oklab, var(--border) 30%, transparent);
2057
+ border-color: color-mix(in oklab, var(--ap-wind-border) 30%, transparent);
2055
2058
  }
2056
2059
  }
2057
2060
  .border-border\/50 {
2058
- border-color: var(--border);
2061
+ border-color: var(--ap-wind-border);
2059
2062
  @supports (color: color-mix(in lab, red, red)) {
2060
- border-color: color-mix(in oklab, var(--border) 50%, transparent);
2063
+ border-color: color-mix(in oklab, var(--ap-wind-border) 50%, transparent);
2061
2064
  }
2062
2065
  }
2063
2066
  .border-brand {
@@ -2307,7 +2310,7 @@
2307
2310
  background-color: var(--color-blue-950);
2308
2311
  }
2309
2312
  .bg-border {
2310
- background-color: var(--border);
2313
+ background-color: var(--ap-wind-border);
2311
2314
  }
2312
2315
  .bg-border-subtle {
2313
2316
  background-color: var(--border-subtle);
@@ -3208,7 +3211,7 @@
3208
3211
  .p-8 {
3209
3212
  padding: calc(var(--spacing) * 8);
3210
3213
  }
3211
- .p-\[1px\] {
3214
+ .p-px {
3212
3215
  padding: 1px;
3213
3216
  }
3214
3217
  .px-0 {
@@ -4094,7 +4097,7 @@
4094
4097
  }
4095
4098
  .group-\[\.toaster\]\:border-border {
4096
4099
  &:is(:where(.group):is(.toaster) *) {
4097
- border-color: var(--border);
4100
+ border-color: var(--ap-wind-border);
4098
4101
  }
4099
4102
  }
4100
4103
  .group-\[\.toaster\]\:bg-background {
@@ -4243,7 +4246,7 @@
4243
4246
  .hover\:border-border {
4244
4247
  &:hover {
4245
4248
  @media (hover: hover) {
4246
- border-color: var(--border);
4249
+ border-color: var(--ap-wind-border);
4247
4250
  }
4248
4251
  }
4249
4252
  }
@@ -5173,7 +5176,7 @@
5173
5176
  }
5174
5177
  .data-\[state\=unchecked\]\:bg-border {
5175
5178
  &[data-state="unchecked"] {
5176
- background-color: var(--border);
5179
+ background-color: var(--ap-wind-border);
5177
5180
  }
5178
5181
  }
5179
5182
  .sm\:mt-0 {
@@ -5389,15 +5392,15 @@
5389
5392
  }
5390
5393
  .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 {
5391
5394
  & .recharts-cartesian-grid line[stroke='#ccc'] {
5392
- stroke: var(--border);
5395
+ stroke: var(--ap-wind-border);
5393
5396
  @supports (color: color-mix(in lab, red, red)) {
5394
- stroke: color-mix(in oklab, var(--border) 50%, transparent);
5397
+ stroke: color-mix(in oklab, var(--ap-wind-border) 50%, transparent);
5395
5398
  }
5396
5399
  }
5397
5400
  }
5398
5401
  .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border {
5399
5402
  & .recharts-curve.recharts-tooltip-cursor {
5400
- stroke: var(--border);
5403
+ stroke: var(--ap-wind-border);
5401
5404
  }
5402
5405
  }
5403
5406
  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
@@ -5417,7 +5420,7 @@
5417
5420
  }
5418
5421
  .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border {
5419
5422
  & .recharts-polar-grid [stroke='#ccc'] {
5420
- stroke: var(--border);
5423
+ stroke: var(--ap-wind-border);
5421
5424
  }
5422
5425
  }
5423
5426
  .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted {
@@ -5432,7 +5435,7 @@
5432
5435
  }
5433
5436
  .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border {
5434
5437
  & .recharts-reference-line [stroke='#ccc'] {
5435
- stroke: var(--border);
5438
+ stroke: var(--ap-wind-border);
5436
5439
  }
5437
5440
  }
5438
5441
  .\[\&_\.recharts-sector\]\:outline-hidden {
@@ -7334,7 +7337,7 @@ body.dark {
7334
7337
  --foreground-inverse: var(--color-foreground-inverse, #182027);
7335
7338
  --foreground-link: var(--color-foreground-link, #66adff);
7336
7339
  --foreground-on-accent: var(--color-foreground-inverse, #182027);
7337
- --border: var(--color-border, #8a97a0);
7340
+ --ap-wind-border: var(--color-border, #8a97a0);
7338
7341
  --border-subtle: var(--color-border-de-emp, #526069);
7339
7342
  --border-disabled: var(--color-border-disabled, #526069);
7340
7343
  --border-grid: var(--color-border-grid, #273139);
@@ -7351,8 +7354,8 @@ body.dark {
7351
7354
  --foreground-accent-muted: var(--brand-hover);
7352
7355
  --border-muted: var(--border-grid);
7353
7356
  --border-deep: var(--border-grid);
7354
- --border-inverse: var(--border);
7355
- --border-hover: var(--border);
7357
+ --border-inverse: var(--ap-wind-border);
7358
+ --border-hover: var(--ap-wind-border);
7356
7359
  --background: var(--surface);
7357
7360
  --card: var(--surface-raised);
7358
7361
  --card-foreground: var(--foreground);
@@ -7392,7 +7395,7 @@ body.dark-hc {
7392
7395
  --foreground-inverse: var(--color-foreground-inverse, #182027);
7393
7396
  --foreground-link: var(--color-foreground-link, #87bfff);
7394
7397
  --foreground-on-accent: var(--color-foreground-inverse, #182027);
7395
- --border: var(--color-border, #bbc7cd);
7398
+ --ap-wind-border: var(--color-border, #bbc7cd);
7396
7399
  --border-subtle: var(--color-border-de-emp, #a4b1b8);
7397
7400
  --border-disabled: var(--color-border-disabled, #8a97a0);
7398
7401
  --border-grid: var(--color-border-grid, #273139);
@@ -7409,8 +7412,8 @@ body.dark-hc {
7409
7412
  --foreground-accent-muted: var(--brand-hover);
7410
7413
  --border-muted: var(--border-grid);
7411
7414
  --border-deep: var(--border-grid);
7412
- --border-inverse: var(--border);
7413
- --border-hover: var(--border);
7415
+ --border-inverse: var(--ap-wind-border);
7416
+ --border-hover: var(--ap-wind-border);
7414
7417
  --background: var(--surface);
7415
7418
  --card: var(--surface-raised);
7416
7419
  --card-foreground: var(--foreground);
@@ -7450,7 +7453,7 @@ body.light {
7450
7453
  --foreground-inverse: var(--color-foreground-inverse, #f8f9fa);
7451
7454
  --foreground-link: var(--color-foreground-link, #0067df);
7452
7455
  --foreground-on-accent: var(--color-foreground-inverse, #f8f9fa);
7453
- --border: var(--color-border, #a4b1b8);
7456
+ --ap-wind-border: var(--color-border, #a4b1b8);
7454
7457
  --border-subtle: var(--color-border-de-emp, #cfd8dd);
7455
7458
  --border-disabled: var(--color-border-disabled, #cfd8dd);
7456
7459
  --border-grid: var(--color-border-grid, #f4f5f7);
@@ -7467,8 +7470,8 @@ body.light {
7467
7470
  --foreground-accent-muted: var(--brand-hover);
7468
7471
  --border-muted: var(--border-grid);
7469
7472
  --border-deep: var(--border-grid);
7470
- --border-inverse: var(--border);
7471
- --border-hover: var(--border);
7473
+ --border-inverse: var(--ap-wind-border);
7474
+ --border-hover: var(--ap-wind-border);
7472
7475
  --background: var(--surface);
7473
7476
  --card: var(--surface-raised);
7474
7477
  --card-foreground: var(--foreground);
@@ -7508,7 +7511,7 @@ body.light-hc {
7508
7511
  --foreground-inverse: var(--color-foreground-inverse, #f8f9fa);
7509
7512
  --foreground-link: var(--color-foreground-link, #00489d);
7510
7513
  --foreground-on-accent: var(--color-foreground-inverse, #f8f9fa);
7511
- --border: var(--color-border, #6b7882);
7514
+ --ap-wind-border: var(--color-border, #6b7882);
7512
7515
  --border-subtle: var(--color-border-de-emp, #a4b1b8);
7513
7516
  --border-disabled: var(--color-border-disabled, #cfd8dd);
7514
7517
  --border-grid: var(--color-border-grid, #f4f5f7);
@@ -7525,8 +7528,8 @@ body.light-hc {
7525
7528
  --foreground-accent-muted: var(--brand-hover);
7526
7529
  --border-muted: var(--border-grid);
7527
7530
  --border-deep: var(--border-grid);
7528
- --border-inverse: var(--border);
7529
- --border-hover: var(--border);
7531
+ --border-inverse: var(--ap-wind-border);
7532
+ --border-hover: var(--ap-wind-border);
7530
7533
  --background: var(--surface);
7531
7534
  --card: var(--surface-raised);
7532
7535
  --card-foreground: var(--foreground);
@@ -7564,7 +7567,7 @@ body.light-hc {
7564
7567
  --foreground-on-accent: #fafafa;
7565
7568
  --foreground-accent: #0891b2;
7566
7569
  --foreground-accent-muted: #22d3ee;
7567
- --border: #3f3f46;
7570
+ --ap-wind-border: #3f3f46;
7568
7571
  --border-subtle: #27272a;
7569
7572
  --border-muted: #18181b;
7570
7573
  --border-deep: #09090b;
@@ -7593,7 +7596,7 @@ body.light-hc {
7593
7596
  --destructive: #ef4444;
7594
7597
  --destructive-foreground: #fafafa;
7595
7598
  --border-de-emp: var(--border-subtle);
7596
- --input: var(--border);
7599
+ --input: var(--ap-wind-border);
7597
7600
  }
7598
7601
  .future-light {
7599
7602
  --surface: #fafafa;
@@ -7613,7 +7616,7 @@ body.light-hc {
7613
7616
  --foreground-on-accent: #fafafa;
7614
7617
  --foreground-accent: #0891b2;
7615
7618
  --foreground-accent-muted: #0891b2;
7616
- --border: #d4d4d8;
7619
+ --ap-wind-border: #d4d4d8;
7617
7620
  --border-subtle: #e4e4e7;
7618
7621
  --border-muted: #f4f4f5;
7619
7622
  --border-deep: #fafafa;
@@ -7642,7 +7645,7 @@ body.light-hc {
7642
7645
  --destructive: #ef4444;
7643
7646
  --destructive-foreground: #fafafa;
7644
7647
  --border-de-emp: var(--border-subtle);
7645
- --input: var(--border);
7648
+ --input: var(--ap-wind-border);
7646
7649
  }
7647
7650
  .wireframe {
7648
7651
  --surface: #ffffff;
@@ -7662,7 +7665,7 @@ body.light-hc {
7662
7665
  --foreground-on-accent: #ffffff;
7663
7666
  --foreground-accent: #4b5563;
7664
7667
  --foreground-accent-muted: #6b7280;
7665
- --border: #d1d5db;
7668
+ --ap-wind-border: #d1d5db;
7666
7669
  --border-subtle: #e5e7eb;
7667
7670
  --border-muted: #f3f4f6;
7668
7671
  --border-deep: #f9fafb;
@@ -7691,7 +7694,7 @@ body.light-hc {
7691
7694
  --destructive: #9ca3af;
7692
7695
  --destructive-foreground: #ffffff;
7693
7696
  --border-de-emp: var(--border-subtle);
7694
- --input: var(--border);
7697
+ --input: var(--ap-wind-border);
7695
7698
  }
7696
7699
  .wireframe *, .wireframe *::before, .wireframe *::after {
7697
7700
  border-style: dashed !important;
@@ -7715,7 +7718,7 @@ body.light-hc {
7715
7718
  --foreground-on-accent: oklch(0.166 0.0283 203.34);
7716
7719
  --foreground-accent: oklch(0.692 0.1119 207.06);
7717
7720
  --foreground-accent-muted: oklch(0.573 0.114 211.4);
7718
- --border: oklch(0.3068 0.0426 258.29);
7721
+ --ap-wind-border: oklch(0.3068 0.0426 258.29);
7719
7722
  --border-subtle: oklch(0.2648 0.0329 254.38);
7720
7723
  --border-muted: oklch(0.233 0.036 254.7);
7721
7724
  --border-deep: oklch(0.21 0.03 258.5);
@@ -7744,7 +7747,7 @@ body.light-hc {
7744
7747
  --destructive: oklch(0.6542 0.2321 28.66);
7745
7748
  --destructive-foreground: oklch(1 0 89.88);
7746
7749
  --border-de-emp: var(--border-subtle);
7747
- --input: var(--border);
7750
+ --input: var(--ap-wind-border);
7748
7751
  }
7749
7752
  .canvas {
7750
7753
  --surface: #182027;
@@ -7764,7 +7767,7 @@ body.light-hc {
7764
7767
  --foreground-on-accent: #ffffff;
7765
7768
  --foreground-accent: #fa4616;
7766
7769
  --foreground-accent-muted: #ff8f70;
7767
- --border: #526069;
7770
+ --ap-wind-border: #526069;
7768
7771
  --border-subtle: #3e4e58;
7769
7772
  --border-muted: #273139;
7770
7773
  --border-deep: #182027;
@@ -7793,7 +7796,7 @@ body.light-hc {
7793
7796
  --destructive: #ef4444;
7794
7797
  --destructive-foreground: #ffffff;
7795
7798
  --border-de-emp: var(--border-subtle);
7796
- --input: var(--border);
7799
+ --input: var(--ap-wind-border);
7797
7800
  }
7798
7801
  @layer base {
7799
7802
  * {
package/dist/tailwind.css CHANGED
@@ -50,7 +50,7 @@ body.dark {
50
50
  --foreground-on-accent: var(--color-foreground-inverse, #182027);
51
51
 
52
52
  /* ── Borders ──────────────────────────────────────────────────────────── */
53
- --border: var(--color-border, #8a97a0);
53
+ --ap-wind-border: var(--color-border, #8a97a0);
54
54
  --border-subtle: var(--color-border-de-emp, #526069);
55
55
  --border-disabled: var(--color-border-disabled, #526069);
56
56
  --border-grid: var(--color-border-grid, #273139);
@@ -75,8 +75,8 @@ body.dark {
75
75
  --foreground-accent-muted: var(--brand-hover);
76
76
  --border-muted: var(--border-grid);
77
77
  --border-deep: var(--border-grid);
78
- --border-inverse: var(--border);
79
- --border-hover: var(--border);
78
+ --border-inverse: var(--ap-wind-border);
79
+ --border-hover: var(--ap-wind-border);
80
80
 
81
81
  /* ── shadcn aliases — maps to standard names for shadcn component compat ── */
82
82
  --background: var(--surface);
@@ -127,7 +127,7 @@ body.dark-hc {
127
127
  --foreground-on-accent: var(--color-foreground-inverse, #182027);
128
128
 
129
129
  /* ── Borders ──────────────────────────────────────────────────────────── */
130
- --border: var(--color-border, #bbc7cd);
130
+ --ap-wind-border: var(--color-border, #bbc7cd);
131
131
  --border-subtle: var(--color-border-de-emp, #a4b1b8);
132
132
  --border-disabled: var(--color-border-disabled, #8a97a0);
133
133
  --border-grid: var(--color-border-grid, #273139);
@@ -152,8 +152,8 @@ body.dark-hc {
152
152
  --foreground-accent-muted: var(--brand-hover);
153
153
  --border-muted: var(--border-grid);
154
154
  --border-deep: var(--border-grid);
155
- --border-inverse: var(--border);
156
- --border-hover: var(--border);
155
+ --border-inverse: var(--ap-wind-border);
156
+ --border-hover: var(--ap-wind-border);
157
157
 
158
158
  /* ── shadcn aliases — maps to standard names for shadcn component compat ── */
159
159
  --background: var(--surface);
@@ -204,7 +204,7 @@ body.light {
204
204
  --foreground-on-accent: var(--color-foreground-inverse, #f8f9fa);
205
205
 
206
206
  /* ── Borders ──────────────────────────────────────────────────────────── */
207
- --border: var(--color-border, #a4b1b8);
207
+ --ap-wind-border: var(--color-border, #a4b1b8);
208
208
  --border-subtle: var(--color-border-de-emp, #cfd8dd);
209
209
  --border-disabled: var(--color-border-disabled, #cfd8dd);
210
210
  --border-grid: var(--color-border-grid, #f4f5f7);
@@ -229,8 +229,8 @@ body.light {
229
229
  --foreground-accent-muted: var(--brand-hover);
230
230
  --border-muted: var(--border-grid);
231
231
  --border-deep: var(--border-grid);
232
- --border-inverse: var(--border);
233
- --border-hover: var(--border);
232
+ --border-inverse: var(--ap-wind-border);
233
+ --border-hover: var(--ap-wind-border);
234
234
 
235
235
  /* ── shadcn aliases — maps to standard names for shadcn component compat ── */
236
236
  --background: var(--surface);
@@ -281,7 +281,7 @@ body.light-hc {
281
281
  --foreground-on-accent: var(--color-foreground-inverse, #f8f9fa);
282
282
 
283
283
  /* ── Borders ──────────────────────────────────────────────────────────── */
284
- --border: var(--color-border, #6b7882);
284
+ --ap-wind-border: var(--color-border, #6b7882);
285
285
  --border-subtle: var(--color-border-de-emp, #a4b1b8);
286
286
  --border-disabled: var(--color-border-disabled, #cfd8dd);
287
287
  --border-grid: var(--color-border-grid, #f4f5f7);
@@ -306,8 +306,8 @@ body.light-hc {
306
306
  --foreground-accent-muted: var(--brand-hover);
307
307
  --border-muted: var(--border-grid);
308
308
  --border-deep: var(--border-grid);
309
- --border-inverse: var(--border);
310
- --border-hover: var(--border);
309
+ --border-inverse: var(--ap-wind-border);
310
+ --border-hover: var(--ap-wind-border);
311
311
 
312
312
  /* ── shadcn aliases — maps to standard names for shadcn component compat ── */
313
313
  --background: var(--surface);
@@ -377,7 +377,7 @@ body.light-hc {
377
377
  /* cyan-400 — muted accent text */
378
378
 
379
379
  /* ── Borders ──────────────────────────────────────────────────────────── */
380
- --border: #3f3f46;
380
+ --ap-wind-border: #3f3f46;
381
381
  /* zinc-700 — primary borders */
382
382
  --border-subtle: #27272a;
383
383
  /* zinc-800 — subtle dividers */
@@ -426,7 +426,7 @@ body.light-hc {
426
426
  --destructive-foreground: #fafafa;
427
427
  /* zinc-50 — text on destructive bg */
428
428
  --border-de-emp: var(--border-subtle);
429
- --input: var(--border);
429
+ --input: var(--ap-wind-border);
430
430
  }
431
431
 
432
432
  /* ============================================================================
@@ -475,7 +475,7 @@ body.light-hc {
475
475
  /* cyan-600 — muted accent text */
476
476
 
477
477
  /* ── Borders ──────────────────────────────────────────────────────────── */
478
- --border: #d4d4d8;
478
+ --ap-wind-border: #d4d4d8;
479
479
  /* zinc-300 — primary borders */
480
480
  --border-subtle: #e4e4e7;
481
481
  /* zinc-200 — subtle dividers */
@@ -524,7 +524,7 @@ body.light-hc {
524
524
  --destructive-foreground: #fafafa;
525
525
  /* zinc-50 — text on destructive bg */
526
526
  --border-de-emp: var(--border-subtle);
527
- --input: var(--border);
527
+ --input: var(--ap-wind-border);
528
528
  }
529
529
 
530
530
 
@@ -560,7 +560,7 @@ body.light-hc {
560
560
  --foreground-accent-muted: #6b7280;
561
561
 
562
562
  /* ── Borders (dashed via utility, but color defined here) ───────────── */
563
- --border: #d1d5db;
563
+ --ap-wind-border: #d1d5db;
564
564
  --border-subtle: #e5e7eb;
565
565
  --border-muted: #f3f4f6;
566
566
  --border-deep: #f9fafb;
@@ -595,7 +595,7 @@ body.light-hc {
595
595
  --destructive: #9ca3af;
596
596
  --destructive-foreground: #ffffff;
597
597
  --border-de-emp: var(--border-subtle);
598
- --input: var(--border);
598
+ --input: var(--ap-wind-border);
599
599
  }
600
600
 
601
601
  /* Wireframe overrides: dashed borders everywhere, reduced rounding */
@@ -656,7 +656,7 @@ body.light-hc {
656
656
  /* accent — muted accent text */
657
657
 
658
658
  /* ── Borders ──────────────────────────────────────────────────────────── */
659
- --border: oklch(0.3068 0.0426 258.29);
659
+ --ap-wind-border: oklch(0.3068 0.0426 258.29);
660
660
  /* border */
661
661
  --border-subtle: oklch(0.2648 0.0329 254.38);
662
662
  /* muted — subtle dividers */
@@ -698,7 +698,7 @@ body.light-hc {
698
698
  --destructive: oklch(0.6542 0.2321 28.66);
699
699
  --destructive-foreground: oklch(1 0 89.88);
700
700
  --border-de-emp: var(--border-subtle);
701
- --input: var(--border);
701
+ --input: var(--ap-wind-border);
702
702
  }
703
703
 
704
704
  /* ============================================================================
@@ -751,7 +751,7 @@ body.light-hc {
751
751
  /* ColorSelectionDark — muted accent text */
752
752
 
753
753
  /* ── Borders ──────────────────────────────────────────────────────────── */
754
- --border: #526069;
754
+ --ap-wind-border: #526069;
755
755
  /* ColorBorderDeEmpDark */
756
756
  --border-subtle: #3e4e58;
757
757
  /* mid border */
@@ -793,13 +793,12 @@ body.light-hc {
793
793
  --destructive: #ef4444;
794
794
  --destructive-foreground: #ffffff;
795
795
  --border-de-emp: var(--border-subtle);
796
- --input: var(--border);
796
+ --input: var(--ap-wind-border);
797
797
  }
798
798
 
799
799
  /**
800
800
  * @theme inline - Tailwind utility generation
801
801
  *
802
- * Combines tokens from themes.css with Apollo-core tokens.
803
802
  * Only tokens defined here will generate Tailwind utilities.
804
803
  */
805
804
 
@@ -852,7 +851,7 @@ body.light-hc {
852
851
  --color-accent-foreground: var(--accent-foreground);
853
852
  --color-destructive: var(--destructive);
854
853
  --color-destructive-foreground: var(--destructive-foreground);
855
- --color-border: var(--border);
854
+ --color-border: var(--ap-wind-border);
856
855
  --color-border-de-emp: var(--border-de-emp);
857
856
  --color-input: var(--input);
858
857
  --color-ring: var(--ring);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-wind",
3
- "version": "0.12.1",
3
+ "version": "0.12.2-pr318.0e6a19f",
4
4
  "description": "UiPath wind design system - A Tailwind CSS based React component library",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
package/dist/src/foundation/Future/themes.css DELETED
@@ -1,279 +0,0 @@
1
- .future-dark {
2
- --surface: #09090b;
3
- --surface-raised: #18181b;
4
- --surface-overlay: #27272a;
5
- --surface-hover: #3f3f46;
6
- --surface-muted: #71717a;
7
- --surface-inverse: #fafafa;
8
- --brand: #0891b2;
9
- --brand-subtle: #083344;
10
- --foreground: #fafafa;
11
- --foreground-secondary: #f4f4f5;
12
- --foreground-hover: #d4d4d8;
13
- --foreground-muted: #a1a1aa;
14
- --foreground-subtle: #71717a;
15
- --foreground-inverse: #09090b;
16
- --foreground-on-accent: #fafafa;
17
- --foreground-accent: #0891b2;
18
- --foreground-accent-muted: #22d3ee;
19
- --border: #3f3f46;
20
- --border-subtle: #27272a;
21
- --border-muted: #18181b;
22
- --border-deep: #09090b;
23
- --border-inverse: #e4e4e7;
24
- --border-hover: #52525b;
25
- --ring: #52525b;
26
- --gradient-1: linear-gradient(127deg, #3f3f47 25.94%, #27272a 74.06%);
27
- --gradient-2: linear-gradient(128deg, #09090b 1.26%, #18181b 52.69%);
28
- --gradient-3: linear-gradient(128deg, #3f3f47 1.26%, #18181b 52.69%);
29
- --gradient-4: linear-gradient(180deg, #18181b 0%, #27272a 100%);
30
- --gradient-5: linear-gradient(180deg, #09090b 0%, #18181b 100%);
31
- --gradient-6: linear-gradient(106deg, #0092b8 28.08%, #053345 71.92%);
32
- --background: var(--surface);
33
- --card: var(--surface-raised);
34
- --card-foreground: var(--foreground);
35
- --popover: var(--surface-raised);
36
- --popover-foreground: var(--foreground);
37
- --primary: var(--brand);
38
- --primary-foreground: var(--foreground-on-accent);
39
- --secondary: var(--surface-overlay);
40
- --secondary-foreground: var(--foreground);
41
- --muted: var(--surface-overlay);
42
- --muted-foreground: var(--foreground-muted);
43
- --accent: var(--surface-hover);
44
- --accent-foreground: var(--foreground);
45
- --destructive: #ef4444;
46
- --destructive-foreground: #fafafa;
47
- --border-de-emp: var(--border-subtle);
48
- --input: var(--border);
49
- }
50
-
51
- .future-light {
52
- --surface: #fafafa;
53
- --surface-raised: #f4f4f5;
54
- --surface-overlay: #e4e4e7;
55
- --surface-hover: #d4d4d8;
56
- --surface-muted: #a1a1aa;
57
- --surface-inverse: #09090b;
58
- --brand: #0891b2;
59
- --brand-subtle: #ecfeff;
60
- --foreground: #09090b;
61
- --foreground-secondary: #18181b;
62
- --foreground-hover: #52525b;
63
- --foreground-muted: #71717a;
64
- --foreground-subtle: #a1a1aa;
65
- --foreground-inverse: #fafafa;
66
- --foreground-on-accent: #fafafa;
67
- --foreground-accent: #0891b2;
68
- --foreground-accent-muted: #0891b2;
69
- --border: #d4d4d8;
70
- --border-subtle: #e4e4e7;
71
- --border-muted: #f4f4f5;
72
- --border-deep: #fafafa;
73
- --border-inverse: #3f3f46;
74
- --border-hover: #a1a1aa;
75
- --ring: #a1a1aa;
76
- --gradient-1: linear-gradient(127deg, #e4e4e7 25.94%, #f4f4f5 74.06%);
77
- --gradient-2: linear-gradient(128deg, #fafafa 1.26%, #fafafa 52.69%);
78
- --gradient-3: linear-gradient(128deg, #e4e4e7 1.26%, #fafafa 52.69%);
79
- --gradient-4: linear-gradient(180deg, #fafafa 0%, #f4f4f5 100%);
80
- --gradient-5: linear-gradient(180deg, #fafafa 0%, #fafafa 100%);
81
- --gradient-6: linear-gradient(106deg, #22d3ee 28.08%, #cffafe 71.92%);
82
- --background: var(--surface);
83
- --card: var(--surface-raised);
84
- --card-foreground: var(--foreground);
85
- --popover: var(--surface-raised);
86
- --popover-foreground: var(--foreground);
87
- --primary: var(--brand);
88
- --primary-foreground: var(--foreground-on-accent);
89
- --secondary: var(--surface-overlay);
90
- --secondary-foreground: var(--foreground);
91
- --muted: var(--surface-overlay);
92
- --muted-foreground: var(--foreground-muted);
93
- --accent: var(--surface-hover);
94
- --accent-foreground: var(--foreground);
95
- --destructive: #ef4444;
96
- --destructive-foreground: #fafafa;
97
- --border-de-emp: var(--border-subtle);
98
- --input: var(--border);
99
- }
100
-
101
- .wireframe {
102
- --surface: #fff;
103
- --surface-raised: #f9fafb;
104
- --surface-overlay: #f3f4f6;
105
- --surface-hover: #e5e7eb;
106
- --surface-muted: #d1d5db;
107
- --surface-inverse: #374151;
108
- --brand: #6b7280;
109
- --brand-subtle: #f3f4f6;
110
- --foreground: #1f2937;
111
- --foreground-secondary: #374151;
112
- --foreground-hover: #4b5563;
113
- --foreground-muted: #6b7280;
114
- --foreground-subtle: #9ca3af;
115
- --foreground-inverse: #fff;
116
- --foreground-on-accent: #fff;
117
- --foreground-accent: #4b5563;
118
- --foreground-accent-muted: #6b7280;
119
- --border: #d1d5db;
120
- --border-subtle: #e5e7eb;
121
- --border-muted: #f3f4f6;
122
- --border-deep: #f9fafb;
123
- --border-inverse: #4b5563;
124
- --border-hover: #9ca3af;
125
- --ring: #9ca3af;
126
- --gradient-1: none;
127
- --gradient-2: none;
128
- --gradient-3: none;
129
- --gradient-4: none;
130
- --gradient-5: none;
131
- --gradient-6: none;
132
- --background: var(--surface);
133
- --card: var(--surface-raised);
134
- --card-foreground: var(--foreground);
135
- --popover: var(--surface-raised);
136
- --popover-foreground: var(--foreground);
137
- --primary: var(--brand);
138
- --primary-foreground: var(--foreground-on-accent);
139
- --secondary: var(--surface-overlay);
140
- --secondary-foreground: var(--foreground);
141
- --muted: var(--surface-overlay);
142
- --muted-foreground: var(--foreground-muted);
143
- --accent: var(--surface-hover);
144
- --accent-foreground: var(--foreground);
145
- --destructive: #9ca3af;
146
- --destructive-foreground: #fff;
147
- --border-de-emp: var(--border-subtle);
148
- --input: var(--border);
149
- }
150
-
151
- .wireframe *, .wireframe :before, .wireframe :after {
152
- box-shadow: none !important;
153
- border-style: dashed !important;
154
- }
155
-
156
- .vertex {
157
- --surface: oklch(21% .03 258.5);
158
- --surface-raised: oklch(23.3% .036 254.7);
159
- --surface-overlay: oklch(26.48% .0329 254.38);
160
- --surface-hover: oklch(39.27% .0289 240.86);
161
- --surface-muted: oklch(72% .03 254.38);
162
- --surface-inverse: oklch(98.5% 0 0);
163
- --brand: oklch(69.2% .1119 207.06);
164
- --brand-subtle: oklch(16.6% .0283 203.34);
165
- --foreground: oklch(98.5% 0 0);
166
- --foreground-secondary: oklch(95.25% .011 225.98);
167
- --foreground-hover: oklch(94.16% .0145 244.72);
168
- --foreground-muted: oklch(72% .03 254.38);
169
- --foreground-subtle: oklch(45.94% .028 264.25);
170
- --foreground-inverse: oklch(21% .03 258.5);
171
- --foreground-on-accent: oklch(16.6% .0283 203.34);
172
- --foreground-accent: oklch(69.2% .1119 207.06);
173
- --foreground-accent-muted: oklch(57.3% .114 211.4);
174
- --border: oklch(30.68% .0426 258.29);
175
- --border-subtle: oklch(26.48% .0329 254.38);
176
- --border-muted: oklch(23.3% .036 254.7);
177
- --border-deep: oklch(21% .03 258.5);
178
- --border-inverse: oklch(92.29% .0065 252.13);
179
- --border-hover: oklch(39.27% .0289 240.86);
180
- --ring: oklch(69.2% .1119 207.06);
181
- --gradient-1: linear-gradient(127deg, oklch(39.27% .0289 240.86) 25.94%, oklch(26.48% .0329 254.38) 74.06%);
182
- --gradient-2: linear-gradient(128deg, oklch(21% .03 258.5) 1.26%, oklch(23.3% .036 254.7) 52.69%);
183
- --gradient-3: linear-gradient(128deg, oklch(39.27% .0289 240.86) 1.26%, oklch(23.3% .036 254.7) 52.69%);
184
- --gradient-4: linear-gradient(180deg, oklch(23.3% .036 254.7) 0%, oklch(26.48% .0329 254.38) 100%);
185
- --gradient-5: linear-gradient(180deg, oklch(21% .03 258.5) 0%, oklch(23.3% .036 254.7) 100%);
186
- --gradient-6: linear-gradient(106deg, oklch(69.2% .1119 207.06) 28.08%, oklch(16.6% .0283 203.34) 71.92%);
187
- --background: var(--surface);
188
- --card: var(--surface-raised);
189
- --card-foreground: var(--foreground);
190
- --popover: var(--surface-raised);
191
- --popover-foreground: var(--foreground);
192
- --primary: var(--brand);
193
- --primary-foreground: var(--foreground-on-accent);
194
- --secondary: var(--surface-overlay);
195
- --secondary-foreground: var(--foreground);
196
- --muted: var(--surface-overlay);
197
- --muted-foreground: var(--foreground-muted);
198
- --accent: var(--surface-hover);
199
- --accent-foreground: var(--foreground);
200
- --destructive: oklch(65.42% .2321 28.66);
201
- --destructive-foreground: oklch(100% 0 89.88);
202
- --border-de-emp: var(--border-subtle);
203
- --input: var(--border);
204
- }
205
-
206
- .canvas {
207
- --surface: #182027;
208
- --surface-raised: #273139;
209
- --surface-overlay: #334049;
210
- --surface-hover: #3e4e58;
211
- --surface-muted: #8a97a0;
212
- --surface-inverse: #f8f9fa;
213
- --brand: #fa4616;
214
- --brand-subtle: #3c2a1e;
215
- --foreground: #f8f9fa;
216
- --foreground-secondary: #f4f5f7;
217
- --foreground-hover: #cfd8dd;
218
- --foreground-muted: #a4b1b8;
219
- --foreground-subtle: #8a97a0;
220
- --foreground-inverse: #182027;
221
- --foreground-on-accent: #fff;
222
- --foreground-accent: #fa4616;
223
- --foreground-accent-muted: #ff8f70;
224
- --border: #526069;
225
- --border-subtle: #3e4e58;
226
- --border-muted: #273139;
227
- --border-deep: #182027;
228
- --border-inverse: #cfd8dd;
229
- --border-hover: #8a97a0;
230
- --ring: #fa4616;
231
- --gradient-1: linear-gradient(127deg, #3e4e58 25.94%, #334049 74.06%);
232
- --gradient-2: linear-gradient(128deg, #182027 1.26%, #273139 52.69%);
233
- --gradient-3: linear-gradient(128deg, #3e4e58 1.26%, #273139 52.69%);
234
- --gradient-4: linear-gradient(180deg, #273139 0%, #334049 100%);
235
- --gradient-5: linear-gradient(180deg, #182027 0%, #273139 100%);
236
- --gradient-6: linear-gradient(106deg, #fa4616 28.08%, #3c2a1e 71.92%);
237
- --background: var(--surface);
238
- --card: var(--surface-raised);
239
- --card-foreground: var(--foreground);
240
- --popover: var(--surface-raised);
241
- --popover-foreground: var(--foreground);
242
- --primary: var(--brand);
243
- --primary-foreground: var(--foreground-on-accent);
244
- --secondary: var(--surface-overlay);
245
- --secondary-foreground: var(--foreground);
246
- --muted: var(--surface-overlay);
247
- --muted-foreground: var(--foreground-muted);
248
- --accent: var(--surface-hover);
249
- --accent-foreground: var(--foreground);
250
- --destructive: #ef4444;
251
- --destructive-foreground: #fff;
252
- --border-de-emp: var(--border-subtle);
253
- --input: var(--border);
254
- }
255
-
256
- @utility bg-gradient-1 {
257
- background-image: var(--gradient-1) ;
258
- }
259
-
260
- @utility bg-gradient-2 {
261
- background-image: var(--gradient-2) ;
262
- }
263
-
264
- @utility bg-gradient-3 {
265
- background-image: var(--gradient-3) ;
266
- }
267
-
268
- @utility bg-gradient-4 {
269
- background-image: var(--gradient-4) ;
270
- }
271
-
272
- @utility bg-gradient-5 {
273
- background-image: var(--gradient-5) ;
274
- }
275
-
276
- @utility bg-gradient-6 {
277
- background-image: var(--gradient-6) ;
278
- }
279
-