@uipath/apollo-wind 0.15.1 → 0.15.3
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 +10 -10
- package/dist/styles.css +14 -14
- package/dist/tailwind.css +12 -9
- package/package.json +5 -5
|
@@ -36,7 +36,7 @@ var __webpack_modules__ = {
|
|
|
36
36
|
"@/components/ui/checkbox" (module) {
|
|
37
37
|
module.exports = require("./checkbox.cjs");
|
|
38
38
|
},
|
|
39
|
-
"
|
|
39
|
+
"./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
|
+
"./context-menu" (module) {
|
|
49
49
|
module.exports = require("./context-menu.cjs");
|
|
50
50
|
},
|
|
51
51
|
"./data-table" (module) {
|
|
@@ -57,7 +57,7 @@ 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) {
|
|
@@ -72,7 +72,7 @@ var __webpack_modules__ = {
|
|
|
72
72
|
"./file-upload" (module) {
|
|
73
73
|
module.exports = require("./file-upload.cjs");
|
|
74
74
|
},
|
|
75
|
-
"
|
|
75
|
+
"./hover-card" (module) {
|
|
76
76
|
module.exports = require("./hover-card.cjs");
|
|
77
77
|
},
|
|
78
78
|
"@/components/ui/input" (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
|
+
"./toggle" (module) {
|
|
154
154
|
module.exports = require("./toggle.cjs");
|
|
155
155
|
},
|
|
156
156
|
"./tooltip" (module) {
|
|
@@ -290,7 +290,7 @@ var __webpack_exports__ = {};
|
|
|
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__("./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__("./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,7 +339,7 @@ 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",
|
|
@@ -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__("./hover-card");
|
|
378
378
|
var __rspack_reexport = {};
|
|
379
379
|
for(const __rspack_import_key in _hover_card__rspack_import_24)if ([
|
|
380
380
|
"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__("./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
|
@@ -7013,7 +7013,7 @@
|
|
|
7013
7013
|
--border-radius-m: 4px;
|
|
7014
7014
|
--border-radius-l: 8px;
|
|
7015
7015
|
}
|
|
7016
|
-
body.light {
|
|
7016
|
+
body.light, .light {
|
|
7017
7017
|
--color-background: #ffffff;
|
|
7018
7018
|
--color-background-secondary: #f4f5f7;
|
|
7019
7019
|
--color-background-inverse: #182027;
|
|
@@ -7136,7 +7136,7 @@ body.light {
|
|
|
7136
7136
|
--border: var(--border-light);
|
|
7137
7137
|
color-scheme: light;
|
|
7138
7138
|
}
|
|
7139
|
-
body.light-hc {
|
|
7139
|
+
body.light-hc, .light-hc {
|
|
7140
7140
|
--color-background: #ffffff;
|
|
7141
7141
|
--color-background-secondary: #f4f5f7;
|
|
7142
7142
|
--color-background-inverse: #182027;
|
|
@@ -7259,7 +7259,7 @@ body.light-hc {
|
|
|
7259
7259
|
--border: var(--border-light-hc);
|
|
7260
7260
|
color-scheme: light;
|
|
7261
7261
|
}
|
|
7262
|
-
body.dark {
|
|
7262
|
+
body.dark, .dark {
|
|
7263
7263
|
--color-background: #182027;
|
|
7264
7264
|
--color-background-secondary: #273139;
|
|
7265
7265
|
--color-background-inverse: #f8f9fa;
|
|
@@ -7382,7 +7382,7 @@ body.dark {
|
|
|
7382
7382
|
--border: var(--border-dark);
|
|
7383
7383
|
color-scheme: dark;
|
|
7384
7384
|
}
|
|
7385
|
-
body.dark-hc {
|
|
7385
|
+
body.dark-hc, .dark-hc {
|
|
7386
7386
|
--color-background: #182027;
|
|
7387
7387
|
--color-background-secondary: #273139;
|
|
7388
7388
|
--color-background-inverse: #f8f9fa;
|
|
@@ -7508,7 +7508,7 @@ body.dark-hc {
|
|
|
7508
7508
|
:root {
|
|
7509
7509
|
--radius: 0.75rem;
|
|
7510
7510
|
}
|
|
7511
|
-
body.dark {
|
|
7511
|
+
body.dark, .dark {
|
|
7512
7512
|
--surface: var(--color-background, #182027);
|
|
7513
7513
|
--surface-raised: var(--color-background-raised, #273139);
|
|
7514
7514
|
--surface-overlay: var(--color-background-selected, #374652);
|
|
@@ -7566,7 +7566,7 @@ body.dark {
|
|
|
7566
7566
|
--input: var(--border-subtle);
|
|
7567
7567
|
color-scheme: dark;
|
|
7568
7568
|
}
|
|
7569
|
-
body.dark-hc {
|
|
7569
|
+
body.dark-hc, .dark-hc {
|
|
7570
7570
|
--surface: var(--color-background, #182027);
|
|
7571
7571
|
--surface-raised: var(--color-background-raised, #273139);
|
|
7572
7572
|
--surface-overlay: var(--color-background-selected, #374652);
|
|
@@ -7624,7 +7624,7 @@ body.dark-hc {
|
|
|
7624
7624
|
--input: var(--border-subtle);
|
|
7625
7625
|
color-scheme: dark;
|
|
7626
7626
|
}
|
|
7627
|
-
body.light {
|
|
7627
|
+
body.light, .light {
|
|
7628
7628
|
--surface: var(--color-background, #ffffff);
|
|
7629
7629
|
--surface-raised: var(--color-background-raised, #ffffff);
|
|
7630
7630
|
--surface-overlay: var(--color-background-secondary, #f4f5f7);
|
|
@@ -7682,7 +7682,7 @@ body.light {
|
|
|
7682
7682
|
--input: var(--border-subtle);
|
|
7683
7683
|
color-scheme: light;
|
|
7684
7684
|
}
|
|
7685
|
-
body.light-hc {
|
|
7685
|
+
body.light-hc, .light-hc {
|
|
7686
7686
|
--surface: var(--color-background, #ffffff);
|
|
7687
7687
|
--surface-raised: var(--color-background-raised, #ffffff);
|
|
7688
7688
|
--surface-overlay: var(--color-background-secondary, #f4f5f7);
|
|
@@ -7740,7 +7740,7 @@ body.light-hc {
|
|
|
7740
7740
|
--input: var(--border-subtle);
|
|
7741
7741
|
color-scheme: light;
|
|
7742
7742
|
}
|
|
7743
|
-
.future-dark {
|
|
7743
|
+
body.future-dark, .future-dark {
|
|
7744
7744
|
--surface: var(--color-zinc-950);
|
|
7745
7745
|
--surface-raised: var(--color-zinc-900);
|
|
7746
7746
|
--surface-overlay: var(--color-zinc-800);
|
|
@@ -7795,7 +7795,7 @@ body.light-hc {
|
|
|
7795
7795
|
--border-de-emp: var(--border-subtle);
|
|
7796
7796
|
--input: var(--ap-wind-border);
|
|
7797
7797
|
}
|
|
7798
|
-
.future-light {
|
|
7798
|
+
body.future-light, .future-light {
|
|
7799
7799
|
--surface: var(--color-zinc-50);
|
|
7800
7800
|
--surface-raised: var(--color-zinc-100);
|
|
7801
7801
|
--surface-overlay: var(--color-zinc-200);
|
|
@@ -7850,7 +7850,7 @@ body.light-hc {
|
|
|
7850
7850
|
--border-de-emp: var(--border-subtle);
|
|
7851
7851
|
--input: var(--ap-wind-border);
|
|
7852
7852
|
}
|
|
7853
|
-
.wireframe {
|
|
7853
|
+
body.wireframe, .wireframe {
|
|
7854
7854
|
--surface: #ffffff;
|
|
7855
7855
|
--surface-raised: #f9fafb;
|
|
7856
7856
|
--surface-overlay: #f3f4f6;
|
|
@@ -7899,11 +7899,11 @@ body.light-hc {
|
|
|
7899
7899
|
--border-de-emp: var(--border-subtle);
|
|
7900
7900
|
--input: var(--ap-wind-border);
|
|
7901
7901
|
}
|
|
7902
|
-
.wireframe *, .wireframe *::before, .wireframe *::after {
|
|
7902
|
+
body.wireframe *, body.wireframe *::before, body.wireframe *::after, .wireframe *, .wireframe *::before, .wireframe *::after {
|
|
7903
7903
|
border-style: dashed !important;
|
|
7904
7904
|
box-shadow: none !important;
|
|
7905
7905
|
}
|
|
7906
|
-
.vertex {
|
|
7906
|
+
body.vertex, .vertex {
|
|
7907
7907
|
--surface: oklch(0.21 0.03 258.5);
|
|
7908
7908
|
--surface-raised: oklch(0.233 0.036 254.7);
|
|
7909
7909
|
--surface-overlay: oklch(0.2648 0.0329 254.38);
|
|
@@ -7952,7 +7952,7 @@ body.light-hc {
|
|
|
7952
7952
|
--border-de-emp: var(--border-subtle);
|
|
7953
7953
|
--input: var(--ap-wind-border);
|
|
7954
7954
|
}
|
|
7955
|
-
.canvas {
|
|
7955
|
+
body.canvas, .canvas {
|
|
7956
7956
|
--surface: #182027;
|
|
7957
7957
|
--surface-raised: #273139;
|
|
7958
7958
|
--surface-overlay: #334049;
|
package/dist/tailwind.css
CHANGED
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
* Each theme uses semantic tokens from apollo-core with hardcoded fallbacks
|
|
24
24
|
*/
|
|
25
25
|
|
|
26
|
-
body.dark {
|
|
26
|
+
body.dark, .dark {
|
|
27
27
|
/* ── Surfaces ─────────────────────────────────────────────────────────── */
|
|
28
28
|
--surface: var(--color-background, #182027);
|
|
29
29
|
--surface-raised: var(--color-background-raised, #273139);
|
|
@@ -100,7 +100,7 @@ body.dark {
|
|
|
100
100
|
color-scheme: dark;
|
|
101
101
|
}
|
|
102
102
|
|
|
103
|
-
body.dark-hc {
|
|
103
|
+
body.dark-hc, .dark-hc {
|
|
104
104
|
/* ── Surfaces ─────────────────────────────────────────────────────────── */
|
|
105
105
|
--surface: var(--color-background, #182027);
|
|
106
106
|
--surface-raised: var(--color-background-raised, #273139);
|
|
@@ -177,7 +177,7 @@ body.dark-hc {
|
|
|
177
177
|
color-scheme: dark;
|
|
178
178
|
}
|
|
179
179
|
|
|
180
|
-
body.light {
|
|
180
|
+
body.light, .light {
|
|
181
181
|
/* ── Surfaces ─────────────────────────────────────────────────────────── */
|
|
182
182
|
--surface: var(--color-background, #ffffff);
|
|
183
183
|
--surface-raised: var(--color-background-raised, #ffffff);
|
|
@@ -254,7 +254,7 @@ body.light {
|
|
|
254
254
|
color-scheme: light;
|
|
255
255
|
}
|
|
256
256
|
|
|
257
|
-
body.light-hc {
|
|
257
|
+
body.light-hc, .light-hc {
|
|
258
258
|
/* ── Surfaces ─────────────────────────────────────────────────────────── */
|
|
259
259
|
--surface: var(--color-background, #ffffff);
|
|
260
260
|
--surface-raised: var(--color-background-raised, #ffffff);
|
|
@@ -335,7 +335,7 @@ body.light-hc {
|
|
|
335
335
|
* FUTURE — Dark theme (default for Future templates)
|
|
336
336
|
* ============================================================================ */
|
|
337
337
|
|
|
338
|
-
.future-dark {
|
|
338
|
+
body.future-dark, .future-dark {
|
|
339
339
|
/* ── Surfaces ─────────────────────────────────────────────────────────── */
|
|
340
340
|
--surface: var(--color-zinc-950);
|
|
341
341
|
/* page / canvas */
|
|
@@ -447,7 +447,7 @@ body.light-hc {
|
|
|
447
447
|
* FUTURE — Light theme
|
|
448
448
|
* ============================================================================ */
|
|
449
449
|
|
|
450
|
-
.future-light {
|
|
450
|
+
body.future-light, .future-light {
|
|
451
451
|
/* ── Surfaces ─────────────────────────────────────────────────────────── */
|
|
452
452
|
--surface: var(--color-zinc-50);
|
|
453
453
|
/* page / canvas */
|
|
@@ -563,7 +563,7 @@ body.light-hc {
|
|
|
563
563
|
* a quick sketch or blueprint so stakeholders focus on layout, not polish.
|
|
564
564
|
* ============================================================================ */
|
|
565
565
|
|
|
566
|
-
.wireframe {
|
|
566
|
+
body.wireframe, .wireframe {
|
|
567
567
|
/* ── Surfaces ─────────────────────────────────────────────────────────── */
|
|
568
568
|
--surface: #ffffff;
|
|
569
569
|
--surface-raised: #f9fafb;
|
|
@@ -627,6 +627,9 @@ body.light-hc {
|
|
|
627
627
|
}
|
|
628
628
|
|
|
629
629
|
/* Wireframe overrides: dashed borders everywhere, reduced rounding */
|
|
630
|
+
body.wireframe *,
|
|
631
|
+
body.wireframe *::before,
|
|
632
|
+
body.wireframe *::after,
|
|
630
633
|
.wireframe *,
|
|
631
634
|
.wireframe *::before,
|
|
632
635
|
.wireframe *::after {
|
|
@@ -642,7 +645,7 @@ body.light-hc {
|
|
|
642
645
|
* Source: apps/apollo-vertex/app/themes.ts (default.config.dark)
|
|
643
646
|
* ============================================================================ */
|
|
644
647
|
|
|
645
|
-
.vertex {
|
|
648
|
+
body.vertex, .vertex {
|
|
646
649
|
/* ── Surfaces ─────────────────────────────────────────────────────────── */
|
|
647
650
|
--surface: oklch(0.21 0.03 258.5);
|
|
648
651
|
/* deep blue-grey — page / canvas */
|
|
@@ -737,7 +740,7 @@ body.light-hc {
|
|
|
737
740
|
* Source: packages/apollo-core/src/tokens/jss/palette.ts (darkPalette)
|
|
738
741
|
* ============================================================================ */
|
|
739
742
|
|
|
740
|
-
.canvas {
|
|
743
|
+
body.canvas, .canvas {
|
|
741
744
|
/* ── Surfaces ─────────────────────────────────────────────────────────── */
|
|
742
745
|
--surface: #182027;
|
|
743
746
|
/* ColorBackgroundDark — page / canvas */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uipath/apollo-wind",
|
|
3
|
-
"version": "0.15.
|
|
3
|
+
"version": "0.15.3",
|
|
4
4
|
"description": "UiPath wind design system - A Tailwind CSS based React component library",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -111,7 +111,7 @@
|
|
|
111
111
|
"tailwindcss": "^4.1.17",
|
|
112
112
|
"vaul": "^1.1.2",
|
|
113
113
|
"zod": "^4.3.5",
|
|
114
|
-
"@uipath/apollo-core": "5.7.
|
|
114
|
+
"@uipath/apollo-core": "5.7.3"
|
|
115
115
|
},
|
|
116
116
|
"devDependencies": {
|
|
117
117
|
"@rsbuild/plugin-react": "^1.4.1",
|
|
@@ -134,8 +134,8 @@
|
|
|
134
134
|
"@types/react": "^19.2.6",
|
|
135
135
|
"@types/react-dom": "^19.2.2",
|
|
136
136
|
"@types/react-syntax-highlighter": "^15.5.13",
|
|
137
|
-
"@vitest/coverage-v8": "^4.0
|
|
138
|
-
"@vitest/ui": "^4.0
|
|
137
|
+
"@vitest/coverage-v8": "^4.1.0",
|
|
138
|
+
"@vitest/ui": "^4.1.0",
|
|
139
139
|
"ajv": "^8.18.0",
|
|
140
140
|
"autoprefixer": "^10.4.22",
|
|
141
141
|
"globals": "^16.5.0",
|
|
@@ -150,7 +150,7 @@
|
|
|
150
150
|
"storybook": "^10.2.15",
|
|
151
151
|
"tailwindcss": "^4.1.17",
|
|
152
152
|
"typescript": "^5.9.3",
|
|
153
|
-
"vitest": "^4.0
|
|
153
|
+
"vitest": "^4.1.0"
|
|
154
154
|
},
|
|
155
155
|
"keywords": [
|
|
156
156
|
"react",
|