@uipath/apollo-wind 2.2.1 → 2.3.0-pr525.4d8c21b
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.
- package/dist/components/ui/index.cjs +24 -24
- package/dist/styles.css +50 -6
- package/dist/tailwind.css +39 -7
- package/dist/tailwind.utilities.css +54 -0
- package/package.json +1 -1
|
@@ -15,7 +15,7 @@ var __webpack_modules__ = {
|
|
|
15
15
|
"./avatar" (module) {
|
|
16
16
|
module.exports = require("./avatar.cjs");
|
|
17
17
|
},
|
|
18
|
-
"
|
|
18
|
+
"@/components/ui/badge" (module) {
|
|
19
19
|
module.exports = require("./badge.cjs");
|
|
20
20
|
},
|
|
21
21
|
"./breadcrumb" (module) {
|
|
@@ -30,13 +30,13 @@ var __webpack_modules__ = {
|
|
|
30
30
|
"@/components/ui/calendar" (module) {
|
|
31
31
|
module.exports = require("./calendar.cjs");
|
|
32
32
|
},
|
|
33
|
-
"
|
|
33
|
+
"@/components/ui/card" (module) {
|
|
34
34
|
module.exports = require("./card.cjs");
|
|
35
35
|
},
|
|
36
|
-
"
|
|
36
|
+
"@/components/ui/checkbox" (module) {
|
|
37
37
|
module.exports = require("./checkbox.cjs");
|
|
38
38
|
},
|
|
39
|
-
"
|
|
39
|
+
"@/components/ui/collapsible" (module) {
|
|
40
40
|
module.exports = require("./collapsible.cjs");
|
|
41
41
|
},
|
|
42
42
|
"./combobox" (module) {
|
|
@@ -45,7 +45,7 @@ var __webpack_modules__ = {
|
|
|
45
45
|
"@/components/ui/command" (module) {
|
|
46
46
|
module.exports = require("./command.cjs");
|
|
47
47
|
},
|
|
48
|
-
"
|
|
48
|
+
"@/components/ui/context-menu" (module) {
|
|
49
49
|
module.exports = require("./context-menu.cjs");
|
|
50
50
|
},
|
|
51
51
|
"./data-table" (module) {
|
|
@@ -57,13 +57,13 @@ var __webpack_modules__ = {
|
|
|
57
57
|
"./datetime-picker" (module) {
|
|
58
58
|
module.exports = require("./datetime-picker.cjs");
|
|
59
59
|
},
|
|
60
|
-
"
|
|
60
|
+
"./dialog" (module) {
|
|
61
61
|
module.exports = require("./dialog.cjs");
|
|
62
62
|
},
|
|
63
|
-
"
|
|
63
|
+
"@/components/ui/dropdown-menu" (module) {
|
|
64
64
|
module.exports = require("./dropdown-menu.cjs");
|
|
65
65
|
},
|
|
66
|
-
"
|
|
66
|
+
"@/components/ui/editable-cell" (module) {
|
|
67
67
|
module.exports = require("./editable-cell.cjs");
|
|
68
68
|
},
|
|
69
69
|
"./empty-state" (module) {
|
|
@@ -72,13 +72,13 @@ var __webpack_modules__ = {
|
|
|
72
72
|
"./file-upload" (module) {
|
|
73
73
|
module.exports = require("./file-upload.cjs");
|
|
74
74
|
},
|
|
75
|
-
"
|
|
75
|
+
"@/components/ui/hover-card" (module) {
|
|
76
76
|
module.exports = require("./hover-card.cjs");
|
|
77
77
|
},
|
|
78
78
|
"@/components/ui/input" (module) {
|
|
79
79
|
module.exports = require("./input.cjs");
|
|
80
80
|
},
|
|
81
|
-
"
|
|
81
|
+
"./label" (module) {
|
|
82
82
|
module.exports = require("./label.cjs");
|
|
83
83
|
},
|
|
84
84
|
"./layout" (module) {
|
|
@@ -138,7 +138,7 @@ var __webpack_modules__ = {
|
|
|
138
138
|
"./switch" (module) {
|
|
139
139
|
module.exports = require("./switch.cjs");
|
|
140
140
|
},
|
|
141
|
-
"
|
|
141
|
+
"@/components/ui/table" (module) {
|
|
142
142
|
module.exports = require("./table.cjs");
|
|
143
143
|
},
|
|
144
144
|
"./tabs" (module) {
|
|
@@ -150,7 +150,7 @@ var __webpack_modules__ = {
|
|
|
150
150
|
"./toggle-group" (module) {
|
|
151
151
|
module.exports = require("./toggle-group.cjs");
|
|
152
152
|
},
|
|
153
|
-
"
|
|
153
|
+
"@/components/ui/toggle" (module) {
|
|
154
154
|
module.exports = require("./toggle.cjs");
|
|
155
155
|
},
|
|
156
156
|
"./tooltip" (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__("
|
|
244
|
+
var _badge__rspack_import_5 = __webpack_require__("@/components/ui/badge");
|
|
245
245
|
var __rspack_reexport = {};
|
|
246
246
|
for(const __rspack_import_key in _badge__rspack_import_5)if ([
|
|
247
247
|
"TreeView",
|
|
@@ -276,21 +276,21 @@ var __webpack_exports__ = {};
|
|
|
276
276
|
"default"
|
|
277
277
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_calendar__rspack_import_9[__rspack_import_key];
|
|
278
278
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
279
|
-
var _card__rspack_import_10 = __webpack_require__("
|
|
279
|
+
var _card__rspack_import_10 = __webpack_require__("@/components/ui/card");
|
|
280
280
|
var __rspack_reexport = {};
|
|
281
281
|
for(const __rspack_import_key in _card__rspack_import_10)if ([
|
|
282
282
|
"TreeView",
|
|
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__("
|
|
286
|
+
var _checkbox__rspack_import_11 = __webpack_require__("@/components/ui/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__("
|
|
293
|
+
var _collapsible__rspack_import_12 = __webpack_require__("@/components/ui/collapsible");
|
|
294
294
|
var __rspack_reexport = {};
|
|
295
295
|
for(const __rspack_import_key in _collapsible__rspack_import_12)if ([
|
|
296
296
|
"TreeView",
|
|
@@ -311,7 +311,7 @@ var __webpack_exports__ = {};
|
|
|
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__("
|
|
314
|
+
var _context_menu__rspack_import_15 = __webpack_require__("@/components/ui/context-menu");
|
|
315
315
|
var __rspack_reexport = {};
|
|
316
316
|
for(const __rspack_import_key in _context_menu__rspack_import_15)if ([
|
|
317
317
|
"TreeView",
|
|
@@ -339,21 +339,21 @@ var __webpack_exports__ = {};
|
|
|
339
339
|
"default"
|
|
340
340
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_datetime_picker__rspack_import_18[__rspack_import_key];
|
|
341
341
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
342
|
-
var _dialog__rspack_import_19 = __webpack_require__("
|
|
342
|
+
var _dialog__rspack_import_19 = __webpack_require__("./dialog");
|
|
343
343
|
var __rspack_reexport = {};
|
|
344
344
|
for(const __rspack_import_key in _dialog__rspack_import_19)if ([
|
|
345
345
|
"TreeView",
|
|
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__("
|
|
349
|
+
var _dropdown_menu__rspack_import_20 = __webpack_require__("@/components/ui/dropdown-menu");
|
|
350
350
|
var __rspack_reexport = {};
|
|
351
351
|
for(const __rspack_import_key in _dropdown_menu__rspack_import_20)if ([
|
|
352
352
|
"TreeView",
|
|
353
353
|
"default"
|
|
354
354
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dropdown_menu__rspack_import_20[__rspack_import_key];
|
|
355
355
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
356
|
-
var _editable_cell__rspack_import_21 = __webpack_require__("
|
|
356
|
+
var _editable_cell__rspack_import_21 = __webpack_require__("@/components/ui/editable-cell");
|
|
357
357
|
var __rspack_reexport = {};
|
|
358
358
|
for(const __rspack_import_key in _editable_cell__rspack_import_21)if ([
|
|
359
359
|
"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__("
|
|
377
|
+
var _hover_card__rspack_import_24 = __webpack_require__("@/components/ui/hover-card");
|
|
378
378
|
var __rspack_reexport = {};
|
|
379
379
|
for(const __rspack_import_key in _hover_card__rspack_import_24)if ([
|
|
380
380
|
"TreeView",
|
|
@@ -388,7 +388,7 @@ var __webpack_exports__ = {};
|
|
|
388
388
|
"default"
|
|
389
389
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_input__rspack_import_25[__rspack_import_key];
|
|
390
390
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
391
|
-
var _label__rspack_import_26 = __webpack_require__("
|
|
391
|
+
var _label__rspack_import_26 = __webpack_require__("./label");
|
|
392
392
|
var __rspack_reexport = {};
|
|
393
393
|
for(const __rspack_import_key in _label__rspack_import_26)if ([
|
|
394
394
|
"TreeView",
|
|
@@ -528,7 +528,7 @@ var __webpack_exports__ = {};
|
|
|
528
528
|
"default"
|
|
529
529
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_switch__rspack_import_45[__rspack_import_key];
|
|
530
530
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
531
|
-
var _table__rspack_import_46 = __webpack_require__("
|
|
531
|
+
var _table__rspack_import_46 = __webpack_require__("@/components/ui/table");
|
|
532
532
|
var __rspack_reexport = {};
|
|
533
533
|
for(const __rspack_import_key in _table__rspack_import_46)if ([
|
|
534
534
|
"TreeView",
|
|
@@ -549,7 +549,7 @@ var __webpack_exports__ = {};
|
|
|
549
549
|
"default"
|
|
550
550
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_textarea__rspack_import_48[__rspack_import_key];
|
|
551
551
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
552
|
-
var _toggle__rspack_import_49 = __webpack_require__("
|
|
552
|
+
var _toggle__rspack_import_49 = __webpack_require__("@/components/ui/toggle");
|
|
553
553
|
var __rspack_reexport = {};
|
|
554
554
|
for(const __rspack_import_key in _toggle__rspack_import_49)if ([
|
|
555
555
|
"TreeView",
|
package/dist/styles.css
CHANGED
|
@@ -7807,6 +7807,24 @@ body.dark-hc, .apollo-design.dark-hc {
|
|
|
7807
7807
|
--border: var(--border-dark-hc);
|
|
7808
7808
|
color-scheme: dark;
|
|
7809
7809
|
}
|
|
7810
|
+
@keyframes apollo-glow {
|
|
7811
|
+
0% {
|
|
7812
|
+
box-shadow: 0 0 0 0 var(--_glow-shadow, currentColor);
|
|
7813
|
+
}
|
|
7814
|
+
70% {
|
|
7815
|
+
box-shadow: 0 0 0 10px transparent;
|
|
7816
|
+
}
|
|
7817
|
+
100% {
|
|
7818
|
+
box-shadow: 0 0 0 0 transparent;
|
|
7819
|
+
}
|
|
7820
|
+
}
|
|
7821
|
+
@media (prefers-reduced-motion: reduce) {
|
|
7822
|
+
.animate-glow {
|
|
7823
|
+
will-change: auto;
|
|
7824
|
+
animation: none;
|
|
7825
|
+
box-shadow: 0 0 0 5px var(--_glow-shadow, currentColor);
|
|
7826
|
+
}
|
|
7827
|
+
}
|
|
7810
7828
|
:root {
|
|
7811
7829
|
--radius: 0.75rem;
|
|
7812
7830
|
}
|
|
@@ -8065,7 +8083,7 @@ body.future-dark, .future-dark {
|
|
|
8065
8083
|
--surface-hover: var(--color-zinc-700);
|
|
8066
8084
|
--surface-muted: var(--color-zinc-500);
|
|
8067
8085
|
--surface-inverse: var(--color-zinc-50);
|
|
8068
|
-
--brand: var(--color-cyan-
|
|
8086
|
+
--brand: var(--color-cyan-500);
|
|
8069
8087
|
--brand-subtle: var(--color-cyan-950);
|
|
8070
8088
|
--foreground: var(--color-zinc-50);
|
|
8071
8089
|
--foreground-secondary: var(--color-zinc-100);
|
|
@@ -8073,8 +8091,8 @@ body.future-dark, .future-dark {
|
|
|
8073
8091
|
--foreground-muted: var(--color-zinc-400);
|
|
8074
8092
|
--foreground-subtle: var(--color-zinc-500);
|
|
8075
8093
|
--foreground-inverse: var(--color-zinc-950);
|
|
8076
|
-
--foreground-on-accent: var(--color-zinc-
|
|
8077
|
-
--foreground-accent: var(--color-cyan-
|
|
8094
|
+
--foreground-on-accent: var(--color-zinc-950);
|
|
8095
|
+
--foreground-accent: var(--color-cyan-500);
|
|
8078
8096
|
--foreground-accent-muted: var(--color-cyan-400);
|
|
8079
8097
|
--ap-wind-border: var(--color-zinc-700);
|
|
8080
8098
|
--border-subtle: var(--color-zinc-800);
|
|
@@ -8103,6 +8121,19 @@ body.future-dark, .future-dark {
|
|
|
8103
8121
|
--warning-background: #000000;
|
|
8104
8122
|
--info: #42a1ff;
|
|
8105
8123
|
--info-background: #000000;
|
|
8124
|
+
--status-destructive: var(--color-red-950);
|
|
8125
|
+
--status-destructive-fg: var(--color-red-400);
|
|
8126
|
+
--status-success: var(--color-emerald-950);
|
|
8127
|
+
--status-success-fg: var(--color-emerald-400);
|
|
8128
|
+
--status-warning: var(--color-amber-950);
|
|
8129
|
+
--status-warning-fg: var(--color-amber-400);
|
|
8130
|
+
--status-info: var(--color-cyan-950);
|
|
8131
|
+
--status-info-fg: var(--color-cyan-400);
|
|
8132
|
+
--chart-1: var(--color-cyan-400);
|
|
8133
|
+
--chart-2: var(--color-violet-400);
|
|
8134
|
+
--chart-3: var(--color-emerald-400);
|
|
8135
|
+
--chart-4: var(--color-amber-400);
|
|
8136
|
+
--chart-5: var(--color-rose-400);
|
|
8106
8137
|
--background: var(--surface);
|
|
8107
8138
|
--card: var(--surface-raised);
|
|
8108
8139
|
--card-foreground: var(--foreground);
|
|
@@ -8136,7 +8167,7 @@ body.future-light, .future-light {
|
|
|
8136
8167
|
--surface-hover: var(--color-zinc-300);
|
|
8137
8168
|
--surface-muted: var(--color-zinc-400);
|
|
8138
8169
|
--surface-inverse: var(--color-zinc-950);
|
|
8139
|
-
--brand: var(--color-cyan-
|
|
8170
|
+
--brand: var(--color-cyan-500);
|
|
8140
8171
|
--brand-subtle: var(--color-cyan-50);
|
|
8141
8172
|
--foreground: var(--color-zinc-950);
|
|
8142
8173
|
--foreground-secondary: var(--color-zinc-900);
|
|
@@ -8144,8 +8175,8 @@ body.future-light, .future-light {
|
|
|
8144
8175
|
--foreground-muted: var(--color-zinc-500);
|
|
8145
8176
|
--foreground-subtle: var(--color-zinc-400);
|
|
8146
8177
|
--foreground-inverse: var(--color-zinc-50);
|
|
8147
|
-
--foreground-on-accent: var(--color-zinc-
|
|
8148
|
-
--foreground-accent: var(--color-cyan-
|
|
8178
|
+
--foreground-on-accent: var(--color-zinc-950);
|
|
8179
|
+
--foreground-accent: var(--color-cyan-500);
|
|
8149
8180
|
--foreground-accent-muted: var(--color-cyan-600);
|
|
8150
8181
|
--ap-wind-border: var(--color-zinc-300);
|
|
8151
8182
|
--border-subtle: var(--color-zinc-200);
|
|
@@ -8174,6 +8205,19 @@ body.future-light, .future-light {
|
|
|
8174
8205
|
--warning-background: #fff3db;
|
|
8175
8206
|
--info: #1665b3;
|
|
8176
8207
|
--info-background: #e9f1fa;
|
|
8208
|
+
--status-destructive: var(--color-red-100);
|
|
8209
|
+
--status-destructive-fg: var(--color-red-700);
|
|
8210
|
+
--status-success: var(--color-emerald-100);
|
|
8211
|
+
--status-success-fg: var(--color-emerald-700);
|
|
8212
|
+
--status-warning: var(--color-amber-100);
|
|
8213
|
+
--status-warning-fg: var(--color-amber-700);
|
|
8214
|
+
--status-info: var(--color-cyan-100);
|
|
8215
|
+
--status-info-fg: var(--color-cyan-700);
|
|
8216
|
+
--chart-1: var(--color-cyan-600);
|
|
8217
|
+
--chart-2: var(--color-violet-600);
|
|
8218
|
+
--chart-3: var(--color-emerald-600);
|
|
8219
|
+
--chart-4: var(--color-amber-600);
|
|
8220
|
+
--chart-5: var(--color-rose-600);
|
|
8177
8221
|
--background: var(--surface);
|
|
8178
8222
|
--card: var(--surface-raised);
|
|
8179
8223
|
--card-foreground: var(--foreground);
|
package/dist/tailwind.css
CHANGED
|
@@ -13,6 +13,8 @@
|
|
|
13
13
|
@import "tailwindcss";
|
|
14
14
|
@import "@uipath/apollo-core/tokens/css/theme-variables.css";
|
|
15
15
|
|
|
16
|
+
@import "./tailwind.utilities.css";
|
|
17
|
+
|
|
16
18
|
:root {
|
|
17
19
|
--radius: 0.75rem;
|
|
18
20
|
/* 12px — base border-radius for buttons and UI elements */
|
|
@@ -377,7 +379,7 @@ body.future-dark, .future-dark {
|
|
|
377
379
|
/* buttons on dark bg */
|
|
378
380
|
|
|
379
381
|
/* ── Brand ──────────────────────────────────────────────────────────── */
|
|
380
|
-
--brand: var(--color-cyan-
|
|
382
|
+
--brand: var(--color-cyan-500);
|
|
381
383
|
/* logo, submit, run */
|
|
382
384
|
--brand-subtle: var(--color-cyan-950);
|
|
383
385
|
/* status badge, active nav */
|
|
@@ -395,9 +397,9 @@ body.future-dark, .future-dark {
|
|
|
395
397
|
/* labels, muted */
|
|
396
398
|
--foreground-inverse: var(--color-zinc-950);
|
|
397
399
|
/* icons on light bg */
|
|
398
|
-
--foreground-on-accent: var(--color-zinc-
|
|
400
|
+
--foreground-on-accent: var(--color-zinc-950);
|
|
399
401
|
/* text on accent bg */
|
|
400
|
-
--foreground-accent: var(--color-cyan-
|
|
402
|
+
--foreground-accent: var(--color-cyan-500);
|
|
401
403
|
/* accent text */
|
|
402
404
|
--foreground-accent-muted: var(--color-cyan-400);
|
|
403
405
|
/* muted accent text */
|
|
@@ -457,6 +459,21 @@ body.future-dark, .future-dark {
|
|
|
457
459
|
--warning-background: #000000;
|
|
458
460
|
--info: #42a1ff;
|
|
459
461
|
--info-background: #000000;
|
|
462
|
+
--status-destructive: var(--color-red-950);
|
|
463
|
+
--status-destructive-fg: var(--color-red-400);
|
|
464
|
+
--status-success: var(--color-emerald-950);
|
|
465
|
+
--status-success-fg: var(--color-emerald-400);
|
|
466
|
+
--status-warning: var(--color-amber-950);
|
|
467
|
+
--status-warning-fg: var(--color-amber-400);
|
|
468
|
+
--status-info: var(--color-cyan-950);
|
|
469
|
+
--status-info-fg: var(--color-cyan-400);
|
|
470
|
+
|
|
471
|
+
/* ── Chart ───────────────────────────────────────────────────────────── */
|
|
472
|
+
--chart-1: var(--color-cyan-400);
|
|
473
|
+
--chart-2: var(--color-violet-400);
|
|
474
|
+
--chart-3: var(--color-emerald-400);
|
|
475
|
+
--chart-4: var(--color-amber-400);
|
|
476
|
+
--chart-5: var(--color-rose-400);
|
|
460
477
|
|
|
461
478
|
/* ── shadcn aliases — maps to standard names for shadcn component compat ── */
|
|
462
479
|
--background: var(--surface);
|
|
@@ -509,7 +526,7 @@ body.future-light, .future-light {
|
|
|
509
526
|
/* buttons on light bg */
|
|
510
527
|
|
|
511
528
|
/* ── Brand ──────────────────────────────────────────────────────────── */
|
|
512
|
-
--brand: var(--color-cyan-
|
|
529
|
+
--brand: var(--color-cyan-500);
|
|
513
530
|
/* logo, submit, run */
|
|
514
531
|
--brand-subtle: var(--color-cyan-50);
|
|
515
532
|
/* status badge, active nav */
|
|
@@ -527,9 +544,9 @@ body.future-light, .future-light {
|
|
|
527
544
|
/* labels, muted */
|
|
528
545
|
--foreground-inverse: var(--color-zinc-50);
|
|
529
546
|
/* icons on dark bg */
|
|
530
|
-
--foreground-on-accent: var(--color-zinc-
|
|
547
|
+
--foreground-on-accent: var(--color-zinc-950);
|
|
531
548
|
/* text on accent bg */
|
|
532
|
-
--foreground-accent: var(--color-cyan-
|
|
549
|
+
--foreground-accent: var(--color-cyan-500);
|
|
533
550
|
/* accent text */
|
|
534
551
|
--foreground-accent-muted: var(--color-cyan-600);
|
|
535
552
|
/* muted accent text */
|
|
@@ -589,6 +606,21 @@ body.future-light, .future-light {
|
|
|
589
606
|
--warning-background: #fff3db;
|
|
590
607
|
--info: #1665b3;
|
|
591
608
|
--info-background: #e9f1fa;
|
|
609
|
+
--status-destructive: var(--color-red-100);
|
|
610
|
+
--status-destructive-fg: var(--color-red-700);
|
|
611
|
+
--status-success: var(--color-emerald-100);
|
|
612
|
+
--status-success-fg: var(--color-emerald-700);
|
|
613
|
+
--status-warning: var(--color-amber-100);
|
|
614
|
+
--status-warning-fg: var(--color-amber-700);
|
|
615
|
+
--status-info: var(--color-cyan-100);
|
|
616
|
+
--status-info-fg: var(--color-cyan-700);
|
|
617
|
+
|
|
618
|
+
/* ── Chart ───────────────────────────────────────────────────────────── */
|
|
619
|
+
--chart-1: var(--color-cyan-600);
|
|
620
|
+
--chart-2: var(--color-violet-600);
|
|
621
|
+
--chart-3: var(--color-emerald-600);
|
|
622
|
+
--chart-4: var(--color-amber-600);
|
|
623
|
+
--chart-5: var(--color-rose-600);
|
|
592
624
|
|
|
593
625
|
/* ── shadcn aliases ──────────────────────────────────────────────────── */
|
|
594
626
|
--background: var(--surface);
|
|
@@ -1261,4 +1293,4 @@ body.canvas, .canvas {
|
|
|
1261
1293
|
& *::-webkit-scrollbar-thumb:hover {
|
|
1262
1294
|
background-color: var(--color-border-hover);
|
|
1263
1295
|
}
|
|
1264
|
-
}
|
|
1296
|
+
}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Apollo Wind — Custom Utilities
|
|
3
|
+
*
|
|
4
|
+
* Tailwind @utility rules, @keyframes, and non-token helpers that extend
|
|
5
|
+
* the base theme. Imported by tailwind.consumer.css.
|
|
6
|
+
*
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
/* ============================================================================
|
|
10
|
+
* Glow — attention-drawing ring pulse
|
|
11
|
+
*
|
|
12
|
+
* `animate-glow` drives an expanding box-shadow ring around any element.
|
|
13
|
+
* The color and intensity are driven by CSS variables so the same utility
|
|
14
|
+
* works for status indicators, brand highlights, ad-hoc attention prompts,
|
|
15
|
+
* or any custom color.
|
|
16
|
+
*
|
|
17
|
+
* Knobs (set via inline style or a Tailwind arbitrary value):
|
|
18
|
+
* --glow-color source color (default: currentColor)
|
|
19
|
+
* --glow-strength mix percent (default: 40%)
|
|
20
|
+
*
|
|
21
|
+
* Examples:
|
|
22
|
+
* <div className="animate-glow [--glow-color:var(--error)]" />
|
|
23
|
+
* <div className="animate-glow [--glow-color:var(--info)] [--glow-strength:60%]" />
|
|
24
|
+
* <div className="text-info animate-glow" /> // picks up --brand or falls back to currentColor
|
|
25
|
+
*
|
|
26
|
+
* Implementation note: the color-mix lives in the utility body (not the
|
|
27
|
+
* keyframe) to avoid a lightningcss bug that drops keyframe declarations
|
|
28
|
+
* containing `color-mix(... var(...) ...)`. The internal `--_glow-shadow`
|
|
29
|
+
* holds the pre-mixed value for the keyframe to consume.
|
|
30
|
+
* ============================================================================ */
|
|
31
|
+
|
|
32
|
+
@keyframes apollo-glow {
|
|
33
|
+
0% { box-shadow: 0 0 0 0 var(--_glow-shadow, currentColor); }
|
|
34
|
+
70% { box-shadow: 0 0 0 10px transparent; }
|
|
35
|
+
100% { box-shadow: 0 0 0 0 transparent; }
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
@utility animate-glow {
|
|
39
|
+
--_glow-shadow: color-mix(
|
|
40
|
+
in srgb,
|
|
41
|
+
var(--glow-color, var(--brand, currentColor)) var(--glow-strength, 40%),
|
|
42
|
+
transparent
|
|
43
|
+
);
|
|
44
|
+
will-change: box-shadow;
|
|
45
|
+
animation: apollo-glow 2s infinite;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
@media (prefers-reduced-motion: reduce) {
|
|
49
|
+
.animate-glow {
|
|
50
|
+
will-change: auto;
|
|
51
|
+
animation: none;
|
|
52
|
+
box-shadow: 0 0 0 5px var(--_glow-shadow, currentColor);
|
|
53
|
+
}
|
|
54
|
+
}
|