@uipath/apollo-react 6.30.3 → 6.31.1

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 (20) hide show
  1. package/dist/canvas/components/CanvasLeftSidebar/CanvasLeftSidebar.cjs +5 -5
  2. package/dist/canvas/components/CanvasLeftSidebar/CanvasLeftSidebar.d.ts +2 -0
  3. package/dist/canvas/components/CanvasLeftSidebar/CanvasLeftSidebar.d.ts.map +1 -1
  4. package/dist/canvas/components/CanvasLeftSidebar/CanvasLeftSidebar.js +5 -5
  5. package/dist/canvas/components/CanvasTakeoverModal/CanvasTakeoverModal.cjs +1 -1
  6. package/dist/canvas/components/CanvasTakeoverModal/CanvasTakeoverModal.js +1 -1
  7. package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.cjs +5 -2
  8. package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.d.ts +1 -1
  9. package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.d.ts.map +1 -1
  10. package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.js +5 -2
  11. package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.types.d.ts +2 -1
  12. package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.types.d.ts.map +1 -1
  13. package/dist/canvas/stories/templates/Flow.stories.css +53 -0
  14. package/dist/canvas/styles/tailwind.canvas.css +1 -1
  15. package/dist/core/tokens/css/theme-variables.css +6 -6
  16. package/dist/core/tokens/css/variables.css +6 -6
  17. package/dist/core/tokens/less/_variables.less +6 -6
  18. package/dist/core/tokens/scss/_css-variables.scss +6 -6
  19. package/dist/core/tokens/scss/_variables.scss +6 -6
  20. package/package.json +4 -3
package/dist/core/tokens/css/theme-variables.css CHANGED
@@ -25,7 +25,7 @@ body.light, .apollo-design.light, :where(.light:not(.react-flow)) {
25
25
  --color-notification-badge: #000000;
26
26
  --color-notification-indicator: #da3b11;
27
27
  --color-hover: #e9f1fa;
28
- --color-curtain: #000000;
28
+ --color-curtain: rgba(0, 0, 0, 0.3);
29
29
  --color-border: #a4b1b8;
30
30
  --color-border-disabled: #cfd8dd;
31
31
  --color-border-grid: #f4f5f7;
@@ -161,7 +161,7 @@ body.light-hc, .apollo-design.light-hc, :where(.light-hc) {
161
161
  --color-notification-badge: #000000;
162
162
  --color-notification-indicator: #832107;
163
163
  --color-hover: #e9f1fa;
164
- --color-curtain: #000000;
164
+ --color-curtain: rgba(0, 0, 0, 0.5);
165
165
  --color-border: #6b7882;
166
166
  --color-border-disabled: #cfd8dd;
167
167
  --color-border-grid: #f4f5f7;
@@ -297,7 +297,7 @@ body.dark, .apollo-design.dark, :where(.dark:not(.react-flow)) {
297
297
  --color-notification-badge: #ffffff;
298
298
  --color-notification-indicator: #ff8f70;
299
299
  --color-hover: #374652;
300
- --color-curtain: #000000;
300
+ --color-curtain: rgba(0, 0, 0, 0.75);
301
301
  --color-border: #8a97a0;
302
302
  --color-border-disabled: #526069;
303
303
  --color-border-grid: #273139;
@@ -433,7 +433,7 @@ body.dark-hc, .apollo-design.dark-hc, :where(.dark-hc) {
433
433
  --color-notification-badge: #ffffff;
434
434
  --color-notification-indicator: #ff8f70;
435
435
  --color-hover: #273139;
436
- --color-curtain: #000000;
436
+ --color-curtain: rgba(0, 0, 0, 0.75);
437
437
  --color-border: #bbc7cd;
438
438
  --color-border-disabled: #8a97a0;
439
439
  --color-border-grid: #273139;
@@ -571,7 +571,7 @@ body.future-dark, .future-dark {
571
571
  --color-notification-badge: #ffffff;
572
572
  --color-notification-indicator: #ff637e;
573
573
  --color-hover: #3f3f46;
574
- --color-curtain: #000000;
574
+ --color-curtain: rgba(0, 0, 0, 0.75);
575
575
  --color-border: #3f3f46;
576
576
  --color-border-disabled: #27272a;
577
577
  --color-border-grid: #27272a;
@@ -707,7 +707,7 @@ body.future-light, .future-light {
707
707
  --color-notification-badge: #000000;
708
708
  --color-notification-indicator: #ec003f;
709
709
  --color-hover: #d4d4d8;
710
- --color-curtain: #000000;
710
+ --color-curtain: rgba(0, 0, 0, 0.3);
711
711
  --color-border: #d4d4d8;
712
712
  --color-border-disabled: #e4e4e7;
713
713
  --color-border-grid: #e4e4e7;
package/dist/core/tokens/css/variables.css CHANGED
@@ -397,12 +397,12 @@
397
397
  --color-hover-dark-hc: #273139;
398
398
  --color-hover-future-dark: #3f3f46;
399
399
  --color-hover-future-light: #d4d4d8;
400
- --color-curtain-light: #000000;
401
- --color-curtain-light-hc: #000000;
402
- --color-curtain-dark: #000000;
403
- --color-curtain-dark-hc: #000000;
404
- --color-curtain-future-dark: #000000;
405
- --color-curtain-future-light: #000000;
400
+ --color-curtain-light: rgba(0, 0, 0, 0.3); /* 4d hex = 0.30 Opacity */
401
+ --color-curtain-light-hc: rgba(0, 0, 0, 0.5); /* 80 hex = 0.50 Opacity */
402
+ --color-curtain-dark: rgba(0, 0, 0, 0.75); /* bf hex = 0.75 Opacity */
403
+ --color-curtain-dark-hc: rgba(0, 0, 0, 0.75); /* bf hex = 0.75 Opacity */
404
+ --color-curtain-future-dark: rgba(0, 0, 0, 0.75); /* bf hex = 0.75 Opacity */
405
+ --color-curtain-future-light: rgba(0, 0, 0, 0.3); /* 4d hex = 0.30 Opacity */
406
406
  --color-border-light: #a4b1b8;
407
407
  --color-border-light-hc: #6b7882;
408
408
  --color-border-dark: #8a97a0;
package/dist/core/tokens/less/_variables.less CHANGED
@@ -396,12 +396,12 @@
396
396
  @color-hover-dark-hc: #273139;
397
397
  @color-hover-future-dark: #3f3f46;
398
398
  @color-hover-future-light: #d4d4d8;
399
- @color-curtain-light: #000000;
400
- @color-curtain-light-hc: #000000;
401
- @color-curtain-dark: #000000;
402
- @color-curtain-dark-hc: #000000;
403
- @color-curtain-future-dark: #000000;
404
- @color-curtain-future-light: #000000;
399
+ @color-curtain-light: #000000; // 4d hex = 0.30 Opacity
400
+ @color-curtain-light-hc: #000000; // 80 hex = 0.50 Opacity
401
+ @color-curtain-dark: #000000; // bf hex = 0.75 Opacity
402
+ @color-curtain-dark-hc: #000000; // bf hex = 0.75 Opacity
403
+ @color-curtain-future-dark: #000000; // bf hex = 0.75 Opacity
404
+ @color-curtain-future-light: #000000; // 4d hex = 0.30 Opacity
405
405
  @color-border-light: #a4b1b8;
406
406
  @color-border-light-hc: #6b7882;
407
407
  @color-border-dark: #8a97a0;
package/dist/core/tokens/scss/_css-variables.scss CHANGED
@@ -397,12 +397,12 @@
397
397
  --color-hover-dark-hc: #273139;
398
398
  --color-hover-future-dark: #3f3f46;
399
399
  --color-hover-future-light: #d4d4d8;
400
- --color-curtain-light: #000000;
401
- --color-curtain-light-hc: #000000;
402
- --color-curtain-dark: #000000;
403
- --color-curtain-dark-hc: #000000;
404
- --color-curtain-future-dark: #000000;
405
- --color-curtain-future-light: #000000;
400
+ --color-curtain-light: rgba(0, 0, 0, 0.3); /* 4d hex = 0.30 Opacity */
401
+ --color-curtain-light-hc: rgba(0, 0, 0, 0.5); /* 80 hex = 0.50 Opacity */
402
+ --color-curtain-dark: rgba(0, 0, 0, 0.75); /* bf hex = 0.75 Opacity */
403
+ --color-curtain-dark-hc: rgba(0, 0, 0, 0.75); /* bf hex = 0.75 Opacity */
404
+ --color-curtain-future-dark: rgba(0, 0, 0, 0.75); /* bf hex = 0.75 Opacity */
405
+ --color-curtain-future-light: rgba(0, 0, 0, 0.3); /* 4d hex = 0.30 Opacity */
406
406
  --color-border-light: #a4b1b8;
407
407
  --color-border-light-hc: #6b7882;
408
408
  --color-border-dark: #8a97a0;
package/dist/core/tokens/scss/_variables.scss CHANGED
@@ -398,12 +398,12 @@ $color-hover-dark: #374652 !default;
398
398
  $color-hover-dark-hc: #273139 !default;
399
399
  $color-hover-future-dark: #3f3f46 !default;
400
400
  $color-hover-future-light: #d4d4d8 !default;
401
- $color-curtain-light: #000000 !default;
402
- $color-curtain-light-hc: #000000 !default;
403
- $color-curtain-dark: #000000 !default;
404
- $color-curtain-dark-hc: #000000 !default;
405
- $color-curtain-future-dark: #000000 !default;
406
- $color-curtain-future-light: #000000 !default;
401
+ $color-curtain-light: rgba(0, 0, 0, 0.3) !default; // 4d hex = 0.30 Opacity
402
+ $color-curtain-light-hc: rgba(0, 0, 0, 0.5) !default; // 80 hex = 0.50 Opacity
403
+ $color-curtain-dark: rgba(0, 0, 0, 0.75) !default; // bf hex = 0.75 Opacity
404
+ $color-curtain-dark-hc: rgba(0, 0, 0, 0.75) !default; // bf hex = 0.75 Opacity
405
+ $color-curtain-future-dark: rgba(0, 0, 0, 0.75) !default; // bf hex = 0.75 Opacity
406
+ $color-curtain-future-light: rgba(0, 0, 0, 0.3) !default; // 4d hex = 0.30 Opacity
407
407
  $color-border-light: #a4b1b8 !default;
408
408
  $color-border-light-hc: #6b7882 !default;
409
409
  $color-border-dark: #8a97a0 !default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-react",
3
- "version": "6.30.3",
3
+ "version": "6.31.1",
4
4
  "description": "Apollo Design System - React component library with Material UI theming",
5
5
  "repository": {
6
6
  "type": "git",
@@ -220,9 +220,9 @@
220
220
  "use-sync-external-store": "^1.2.0",
221
221
  "zod": "^4.3.5",
222
222
  "zustand": "^5.0.9",
223
- "@uipath/apollo-core": "5.13.0",
223
+ "@uipath/apollo-core": "5.13.1",
224
224
  "@uipath/apollo-ui-icons": "1.0.0",
225
- "@uipath/apollo-wind": "2.36.0"
225
+ "@uipath/apollo-wind": "2.36.2"
226
226
  },
227
227
  "devDependencies": {
228
228
  "@lingui/cli": "^5.6.1",
@@ -261,6 +261,7 @@
261
261
  "@vitest/coverage-v8": "^4.1.5",
262
262
  "@vitest/ui": "^4.1.5",
263
263
  "dayjs": "^1.11.20",
264
+ "dockview-react": "5.2.0",
264
265
  "esbuild": "^0.28.1",
265
266
  "glob": "^13.0.0",
266
267
  "happy-dom": "^20.0.0",