@uipath/apollo-react 4.1.0 → 4.1.1

package/dist/canvas/components/TriggerNode/TriggerNode.styles.js

@@ -4,8 +4,8 @@ const TriggerContainer = styled.div`
   position: relative;
   width: 100%;
   height: 100%;
-  background: var(--uix-canvas-background);
-  border: 1.5px solid var(--uix-canvas-border-de-emp);
+  background: var(--canvas-background);
+  border: 1.5px solid var(--canvas-border-de-emp);
   border-radius: 50%;
   display: flex;
   align-items: center;
@@ -13,28 +13,28 @@ const TriggerContainer = styled.div`
   cursor: pointer;
 
   ${({ selected })=>selected ? css`
-          border-color: var(--uix-canvas-primary);
-          outline: 4px solid var(--uix-canvas-secondary-pressed);
+          border-color: var(--canvas-primary);
+          outline: 4px solid var(--canvas-secondary-pressed);
         ` : css`
           &:hover {
-            outline: 4px solid var(--uix-canvas-secondary-pressed);
+            outline: 4px solid var(--canvas-secondary-pressed);
           }
         `}
 
   ${({ status })=>'Completed' === status && css`
-      border-color: var(--uix-canvas-success-icon);
+      border-color: var(--canvas-success-icon);
     `}
 
   ${({ status })=>'InProgress' === status && css`
-      border-color: var(--uix-canvas-info-icon);
+      border-color: var(--canvas-info-icon);
     `}
 
   ${({ status })=>'Paused' === status && css`
-      border-color: var(--uix-canvas-warning-icon);
+      border-color: var(--canvas-warning-icon);
     `}
 
   ${({ status })=>'Failed' === status && css`
-      border-color: var(--uix-canvas-error-icon);
+      border-color: var(--canvas-error-icon);
     `}
 
   ${({ status })=>'NotExecuted' === status && css`
@@ -45,8 +45,8 @@ const TriggerIconWrapper = styled.div`
   display: flex;
   align-items: center;
   justify-content: center;
-  color: var(--uix-canvas-foreground);
-  background: var(--uix-canvas-background-secondary);
+  color: var(--canvas-foreground);
+  background: var(--canvas-background-secondary);
   border-radius: 50%;
 
   width: ${({ nodeHeight })=>{
@@ -59,19 +59,19 @@ const TriggerIconWrapper = styled.div`
 }};
 
   ${({ status })=>'Completed' === status && css`
-      color: var(--uix-canvas-success-icon);
+      color: var(--canvas-success-icon);
     `}
 
   ${({ status })=>'InProgress' === status && css`
-      color: var(--uix-canvas-info-icon);
+      color: var(--canvas-info-icon);
     `}
 
   ${({ status })=>'Paused' === status && css`
-      color: var(--uix-canvas-warning-icon);
+      color: var(--canvas-warning-icon);
     `}
 
   ${({ status })=>'Failed' === status && css`
-      color: var(--uix-canvas-error-icon);
+      color: var(--canvas-error-icon);
     `}
 
   svg {

package/dist/canvas/styles/execution-status.cjs

@@ -44,23 +44,23 @@ const getExecutionStatusBorder = (executionStatus)=>{
         case 'NotExecuted':
         case 'INFO':
             return (0, react_namespaceObject.css)`
-        border-color: var(--uix-canvas-border-de-emp);
+        border-color: var(--canvas-border-de-emp);
       `;
         case 'InProgress':
             return (0, react_namespaceObject.css)`
-        border-color: var(--uix-canvas-info-icon);
-        animation: ${pulseAnimation('--uix-canvas-info-icon')} 2s infinite;
+        border-color: var(--canvas-info-icon);
+        animation: ${pulseAnimation('--canvas-info-icon')} 2s infinite;
       `;
         case 'Completed':
             return (0, react_namespaceObject.css)`
-        border-color: var(--uix-canvas-success-icon);
+        border-color: var(--canvas-success-icon);
       `;
         case 'Paused':
         case 'Warning':
         case 'WARNING':
             return (0, react_namespaceObject.css)`
-        border-color: var(--uix-canvas-warning-icon);
-        animation: ${pulseAnimation('--uix-canvas-warning-icon')} 2s infinite;
+        border-color: var(--canvas-warning-icon);
+        animation: ${pulseAnimation('--canvas-warning-icon')} 2s infinite;
       `;
         case 'Cancelled':
         case 'Failed':
@@ -68,13 +68,13 @@ const getExecutionStatusBorder = (executionStatus)=>{
         case 'ERROR':
         case 'CRITICAL':
             return (0, react_namespaceObject.css)`
-        border-color: var(--uix-canvas-error-icon);
-        background: var(--uix-canvas-error-background);
-        animation: ${pulseAnimation('--uix-canvas-error-icon')} 2s infinite;
+        border-color: var(--canvas-error-icon);
+        background: var(--canvas-error-background);
+        animation: ${pulseAnimation('--canvas-error-icon')} 2s infinite;
       `;
         default:
             return (0, react_namespaceObject.css)`
-        border-color: var(--uix-canvas-border-de-emp);
+        border-color: var(--canvas-border-de-emp);
       `;
     }
 };

package/dist/canvas/styles/execution-status.js

@@ -15,23 +15,23 @@ const getExecutionStatusBorder = (executionStatus)=>{
         case 'NotExecuted':
         case 'INFO':
             return css`
-        border-color: var(--uix-canvas-border-de-emp);
+        border-color: var(--canvas-border-de-emp);
       `;
         case 'InProgress':
             return css`
-        border-color: var(--uix-canvas-info-icon);
-        animation: ${pulseAnimation('--uix-canvas-info-icon')} 2s infinite;
+        border-color: var(--canvas-info-icon);
+        animation: ${pulseAnimation('--canvas-info-icon')} 2s infinite;
       `;
         case 'Completed':
             return css`
-        border-color: var(--uix-canvas-success-icon);
+        border-color: var(--canvas-success-icon);
       `;
         case 'Paused':
         case 'Warning':
         case 'WARNING':
             return css`
-        border-color: var(--uix-canvas-warning-icon);
-        animation: ${pulseAnimation('--uix-canvas-warning-icon')} 2s infinite;
+        border-color: var(--canvas-warning-icon);
+        animation: ${pulseAnimation('--canvas-warning-icon')} 2s infinite;
       `;
         case 'Cancelled':
         case 'Failed':
@@ -39,13 +39,13 @@ const getExecutionStatusBorder = (executionStatus)=>{
         case 'ERROR':
         case 'CRITICAL':
             return css`
-        border-color: var(--uix-canvas-error-icon);
-        background: var(--uix-canvas-error-background);
-        animation: ${pulseAnimation('--uix-canvas-error-icon')} 2s infinite;
+        border-color: var(--canvas-error-icon);
+        background: var(--canvas-error-background);
+        animation: ${pulseAnimation('--canvas-error-icon')} 2s infinite;
       `;
         default:
             return css`
-        border-color: var(--uix-canvas-border-de-emp);
+        border-color: var(--canvas-border-de-emp);
       `;
     }
 };

package/dist/canvas/styles/variables.css

@@ -1,70 +1,70 @@
 body.light, body.dark, body.light-hc, body.dark-hc {
-  --uix-canvas-foreground: var(--color-foreground);
-  --uix-canvas-foreground-emp: var(--color-foreground-emp);
-  --uix-canvas-foreground-de-emp: var(--color-foreground-de-emp);
-  --uix-canvas-foreground-inverse: var(--color-foreground-inverse);
-  --uix-canvas-background: var(--color-background);
-  --uix-canvas-background-secondary: var(--color-background-secondary);
-  --uix-canvas-background-raised: var(--color-background-raised);
-  --uix-canvas-background-hover: var(--color-background-hover);
-  --uix-canvas-background-inverse: var(--color-background-inverse);
-  --uix-canvas-border: var(--color-border);
-  --uix-canvas-border-de-emp: var(--color-border-de-emp);
-  --uix-canvas-border-hover: var(--color-border-hover);
-  --uix-canvas-border-subtle: var(--color-border-subtle);
-  --uix-canvas-border-grid: var(--color-border-grid);
-  --uix-canvas-primary: var(--color-primary);
-  --uix-canvas-primary-hover: var(--color-primary-hover);
-  --uix-canvas-primary-alpha-20: var(--color-primary-alpha-20);
-  --uix-canvas-secondary-pressed: var(--color-secondary-pressed);
-  --uix-canvas-secondary-focused: var(--color-secondary-focused);
-  --uix-canvas-selection-indicator: var(--color-selection-indicator);
-  --uix-canvas-error: var(--color-error);
-  --uix-canvas-error-icon: var(--color-error-icon);
-  --uix-canvas-error-text: var(--color-error-text);
-  --uix-canvas-error-background: var(--color-error-background);
-  --uix-canvas-warning-icon: var(--color-warning-icon);
-  --uix-canvas-warning-text: var(--color-warning-text);
-  --uix-canvas-warning-background: var(--color-warning-background);
-  --uix-canvas-success-icon: var(--color-success-icon);
-  --uix-canvas-success-background: var(--color-success-background);
-  --uix-canvas-info-icon: var(--color-info-icon);
-  --uix-canvas-info-text: var(--color-info-text);
-  --uix-canvas-icon-default: var(--color-icon-default);
+  --canvas-foreground: var(--color-foreground);
+  --canvas-foreground-emp: var(--color-foreground-emp);
+  --canvas-foreground-de-emp: var(--color-foreground-de-emp);
+  --canvas-foreground-inverse: var(--color-foreground-inverse);
+  --canvas-background: var(--color-background);
+  --canvas-background-secondary: var(--color-background-secondary);
+  --canvas-background-raised: var(--color-background-raised);
+  --canvas-background-hover: var(--color-background-hover);
+  --canvas-background-inverse: var(--color-background-inverse);
+  --canvas-border: var(--color-border);
+  --canvas-border-de-emp: var(--color-border-de-emp);
+  --canvas-border-hover: var(--color-border-hover);
+  --canvas-border-subtle: var(--color-border-subtle);
+  --canvas-border-grid: var(--color-border-grid);
+  --canvas-primary: var(--color-primary);
+  --canvas-primary-hover: var(--color-primary-hover);
+  --canvas-primary-alpha-20: var(--color-primary-alpha-20);
+  --canvas-secondary-pressed: var(--color-secondary-pressed);
+  --canvas-secondary-focused: var(--color-secondary-focused);
+  --canvas-selection-indicator: var(--color-selection-indicator);
+  --canvas-error: var(--color-error);
+  --canvas-error-icon: var(--color-error-icon);
+  --canvas-error-text: var(--color-error-text);
+  --canvas-error-background: var(--color-error-background);
+  --canvas-warning-icon: var(--color-warning-icon);
+  --canvas-warning-text: var(--color-warning-text);
+  --canvas-warning-background: var(--color-warning-background);
+  --canvas-success-icon: var(--color-success-icon);
+  --canvas-success-background: var(--color-success-background);
+  --canvas-info-icon: var(--color-info-icon);
+  --canvas-info-text: var(--color-info-text);
+  --canvas-icon-default: var(--color-icon-default);
 }
 
 .future-light, .future-dark, .wireframe, .vertex, .canvas {
-  --uix-canvas-foreground: var(--foreground);
-  --uix-canvas-foreground-emp: var(--foreground-secondary);
-  --uix-canvas-foreground-de-emp: var(--foreground-muted);
-  --uix-canvas-foreground-inverse: var(--foreground-inverse);
-  --uix-canvas-background: var(--surface);
-  --uix-canvas-background-secondary: var(--background);
-  --uix-canvas-background-raised: var(--surface-raised);
-  --uix-canvas-background-hover: var(--surface-hover);
-  --uix-canvas-background-inverse: var(--surface-inverse);
-  --uix-canvas-border: var(--ap-wind-border);
-  --uix-canvas-border-de-emp: var(--border-subtle);
-  --uix-canvas-border-hover: var(--border-hover);
-  --uix-canvas-border-subtle: var(--border-subtle);
-  --uix-canvas-border-grid: var(--border-muted);
-  --uix-canvas-primary: var(--primary);
-  --uix-canvas-primary-hover: var(--foreground-accent-muted);
-  --uix-canvas-primary-alpha-20: var(--brand-subtle);
-  --uix-canvas-secondary-pressed: var(--surface-overlay);
-  --uix-canvas-secondary-focused: var(--accent);
-  --uix-canvas-selection-indicator: var(--primary);
-  --uix-canvas-error: var(--destructive);
-  --uix-canvas-error-icon: var(--destructive);
-  --uix-canvas-error-text: var(--destructive);
-  --uix-canvas-error-background: var(--error-background, var(--surface-raised));
-  --uix-canvas-warning-icon: var(--warning, var(--color-amber-500));
-  --uix-canvas-warning-text: var(--warning, var(--color-amber-500));
-  --uix-canvas-warning-background: var(--warning-background, var(--surface-raised));
-  --uix-canvas-success-icon: var(--success, var(--color-emerald-500));
-  --uix-canvas-success-background: var(--success-background, var(--surface-raised));
-  --uix-canvas-info-icon: var(--info, var(--color-sky-500));
-  --uix-canvas-info-text: var(--info, var(--color-sky-500));
-  --uix-canvas-icon-default: var(--foreground-muted);
+  --canvas-foreground: var(--foreground);
+  --canvas-foreground-emp: var(--foreground-secondary);
+  --canvas-foreground-de-emp: var(--foreground-muted);
+  --canvas-foreground-inverse: var(--foreground-inverse);
+  --canvas-background: var(--surface);
+  --canvas-background-secondary: var(--background);
+  --canvas-background-raised: var(--surface-raised);
+  --canvas-background-hover: var(--surface-hover);
+  --canvas-background-inverse: var(--surface-inverse);
+  --canvas-border: var(--ap-wind-border);
+  --canvas-border-de-emp: var(--border-subtle);
+  --canvas-border-hover: var(--border-hover);
+  --canvas-border-subtle: var(--border-subtle);
+  --canvas-border-grid: var(--border-muted);
+  --canvas-primary: var(--primary);
+  --canvas-primary-hover: var(--foreground-accent-muted);
+  --canvas-primary-alpha-20: var(--brand-subtle);
+  --canvas-secondary-pressed: var(--surface-overlay);
+  --canvas-secondary-focused: var(--accent);
+  --canvas-selection-indicator: var(--primary);
+  --canvas-error: var(--destructive);
+  --canvas-error-icon: var(--destructive);
+  --canvas-error-text: var(--destructive);
+  --canvas-error-background: var(--error-background, var(--surface-raised));
+  --canvas-warning-icon: var(--warning, var(--color-amber-500));
+  --canvas-warning-text: var(--warning, var(--color-amber-500));
+  --canvas-warning-background: var(--warning-background, var(--surface-raised));
+  --canvas-success-icon: var(--success, var(--color-emerald-500));
+  --canvas-success-background: var(--success-background, var(--surface-raised));
+  --canvas-info-icon: var(--info, var(--color-sky-500));
+  --canvas-info-text: var(--info, var(--color-sky-500));
+  --canvas-icon-default: var(--foreground-muted);
 }
 

package/dist/canvas/utils/adornment-resolver.cjs

@@ -97,7 +97,7 @@ function ValidationErrorIndicator({ message }) {
             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.CanvasIcon, {
                 icon: "circle-alert",
                 size: 16,
-                color: "var(--uix-canvas-error-icon)"
+                color: "var(--canvas-error-icon)"
             })
         })
     });
@@ -113,7 +113,7 @@ function ValidationWarningIndicator({ message }) {
             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.CanvasIcon, {
                 icon: "triangle-alert",
                 size: 16,
-                color: "var(--uix-canvas-warning-icon)"
+                color: "var(--canvas-warning-icon)"
             })
         })
     });

package/dist/canvas/utils/adornment-resolver.js

@@ -64,7 +64,7 @@ function ValidationErrorIndicator({ message }) {
             children: /*#__PURE__*/ jsx(CanvasIcon, {
                 icon: "circle-alert",
                 size: 16,
-                color: "var(--uix-canvas-error-icon)"
+                color: "var(--canvas-error-icon)"
             })
         })
     });
@@ -80,7 +80,7 @@ function ValidationWarningIndicator({ message }) {
             children: /*#__PURE__*/ jsx(CanvasIcon, {
                 icon: "triangle-alert",
                 size: 16,
-                color: "var(--uix-canvas-warning-icon)"
+                color: "var(--canvas-warning-icon)"
             })
         })
     });

package/dist/canvas/utils/coded-agents/mermaid-parser.cjs

@@ -79,7 +79,7 @@ async function mermaidToReactFlow(mermaidText) {
                 animated: false,
                 markerEnd: 'arrow',
                 style: {
-                    stroke: 'var(--uix-canvas-foreground-de-emp)',
+                    stroke: 'var(--canvas-foreground-de-emp)',
                     strokeWidth: 1
                 },
                 data: {

package/dist/canvas/utils/coded-agents/mermaid-parser.js

@@ -40,7 +40,7 @@ async function mermaidToReactFlow(mermaidText) {
                 animated: false,
                 markerEnd: 'arrow',
                 style: {
-                    stroke: 'var(--uix-canvas-foreground-de-emp)',
+                    stroke: 'var(--canvas-foreground-de-emp)',
                     strokeWidth: 1
                 },
                 data: {

package/dist/canvas/utils/createPreviewNode.cjs

@@ -182,7 +182,7 @@ function createPreviewNode(sourceNodeId, sourceHandleId, reactFlowInstance, posi
         style: {
             strokeDasharray: '5,5',
             opacity: 0.8,
-            stroke: 'var(--uix-canvas-selection-indicator)',
+            stroke: 'var(--canvas-selection-indicator)',
             strokeWidth: 2
         }
     };

package/dist/canvas/utils/createPreviewNode.js

@@ -152,7 +152,7 @@ function createPreviewNode(sourceNodeId, sourceHandleId, reactFlowInstance, posi
         style: {
             strokeDasharray: '5,5',
             opacity: 0.8,
-            stroke: 'var(--uix-canvas-selection-indicator)',
+            stroke: 'var(--canvas-selection-indicator)',
             strokeWidth: 2
         }
     };

package/dist/canvas/utils/export-canvas.cjs

@@ -34,7 +34,7 @@ const external_html_to_image_namespaceObject = require("html-to-image");
 function getCanvasBackgroundColor() {
     const reactFlowElement = document.querySelector('.react-flow');
     if (reactFlowElement) {
-        const color = getComputedStyle(reactFlowElement).getPropertyValue('--uix-canvas-background').trim();
+        const color = getComputedStyle(reactFlowElement).getPropertyValue('--canvas-background').trim();
         if (color) return color;
     }
     return '#ffffff';

package/dist/canvas/utils/export-canvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"export-canvas.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/export-canvas.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,iBAAiB,EAAY,MAAM,0CAA0C,CAAC;AAMlG,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;AAKvD,MAAM,WAAW,mBAAmB;IAMlC,KAAK,CAAC,EAAE,MAAM,CAAC;IAOf,MAAM,CAAC,EAAE,MAAM,CAAC;IAOhB,YAAY,CAAC,EAAE,OAAO,CAAC;IAMvB,eAAe,CAAC,EAAE,MAAM,CAAC;IAMzB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAM3B,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAK1B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,OAAO,CAAC;IAMxC,aAAa,CAAC,EAAE,OAAO,CAAC;IAOxB,UAAU,CAAC,EAAE,MAAM,CAAC;IAOpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAKD,MAAM,WAAW,kBAAkB;IAIjC,OAAO,EAAE,MAAM,CAAC;IAKhB,KAAK,EAAE,MAAM,CAAC;IAKd,MAAM,EAAE,MAAM,CAAC;IAKf,MAAM,EAAE,iBAAiB,CAAC;CAC3B;AA0DD,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,iBAAiB,GAAG,MAAM,CAElE;AAKD,wBAAgB,WAAW,CAAC,MAAM,EAAE,iBAAiB,GAAG,MAAM,CAU7D;AA0FD,wBAAsB,mBAAmB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EACpE,iBAAiB,EAAE,iBAAiB,CAAC,QAAQ,CAAC,EAC9C,OAAO,GAAE,mBAAwB,GAChC,OAAO,CAAC,kBAAkB,CAAC,CA0I7B;AAyBD,wBAAsB,qBAAqB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EACtE,iBAAiB,EAAE,iBAAiB,CAAC,QAAQ,CAAC,EAC9C,QAAQ,GAAE,MAAwB,EAClC,OAAO,GAAE,mBAAwB,GAChC,OAAO,CAAC,IAAI,CAAC,CAUf;AAyBD,wBAAsB,qBAAqB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EACtE,iBAAiB,EAAE,iBAAiB,CAAC,QAAQ,CAAC,EAC9C,OAAO,GAAE,IAAI,CAAC,mBAAmB,EAAE,QAAQ,CAAM,GAChD,OAAO,CAAC,IAAI,CAAC,CAoBf"}
+{"version":3,"file":"export-canvas.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/export-canvas.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,iBAAiB,EAAY,MAAM,0CAA0C,CAAC;AAMlG,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;AAKvD,MAAM,WAAW,mBAAmB;IAMlC,KAAK,CAAC,EAAE,MAAM,CAAC;IAOf,MAAM,CAAC,EAAE,MAAM,CAAC;IAOhB,YAAY,CAAC,EAAE,OAAO,CAAC;IAMvB,eAAe,CAAC,EAAE,MAAM,CAAC;IAMzB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAM3B,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAK1B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,OAAO,CAAC;IAMxC,aAAa,CAAC,EAAE,OAAO,CAAC;IAOxB,UAAU,CAAC,EAAE,MAAM,CAAC;IAOpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAKD,MAAM,WAAW,kBAAkB;IAIjC,OAAO,EAAE,MAAM,CAAC;IAKhB,KAAK,EAAE,MAAM,CAAC;IAKd,MAAM,EAAE,MAAM,CAAC;IAKf,MAAM,EAAE,iBAAiB,CAAC;CAC3B;AAwDD,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,iBAAiB,GAAG,MAAM,CAElE;AAKD,wBAAgB,WAAW,CAAC,MAAM,EAAE,iBAAiB,GAAG,MAAM,CAU7D;AA0FD,wBAAsB,mBAAmB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EACpE,iBAAiB,EAAE,iBAAiB,CAAC,QAAQ,CAAC,EAC9C,OAAO,GAAE,mBAAwB,GAChC,OAAO,CAAC,kBAAkB,CAAC,CA0I7B;AAyBD,wBAAsB,qBAAqB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EACtE,iBAAiB,EAAE,iBAAiB,CAAC,QAAQ,CAAC,EAC9C,QAAQ,GAAE,MAAwB,EAClC,OAAO,GAAE,mBAAwB,GAChC,OAAO,CAAC,IAAI,CAAC,CAUf;AAyBD,wBAAsB,qBAAqB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EACtE,iBAAiB,EAAE,iBAAiB,CAAC,QAAQ,CAAC,EAC9C,OAAO,GAAE,IAAI,CAAC,mBAAmB,EAAE,QAAQ,CAAM,GAChD,OAAO,CAAC,IAAI,CAAC,CAoBf"}

package/dist/canvas/utils/export-canvas.js

@@ -2,7 +2,7 @@ import { toJpeg, toPng, toSvg } from "html-to-image";
 function getCanvasBackgroundColor() {
     const reactFlowElement = document.querySelector('.react-flow');
     if (reactFlowElement) {
-        const color = getComputedStyle(reactFlowElement).getPropertyValue('--uix-canvas-background').trim();
+        const color = getComputedStyle(reactFlowElement).getPropertyValue('--canvas-background').trim();
         if (color) return color;
     }
     return '#ffffff';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "4.1.0",
+  "version": "4.1.1",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",
@@ -202,7 +202,7 @@
     "zod": "^4.3.5",
     "zustand": "^5.0.9",
     "@uipath/apollo-core": "5.9.0",
-    "@uipath/apollo-wind": "2.1.0"
+    "@uipath/apollo-wind": "2.1.1"
   },
   "devDependencies": {
     "@tailwindcss/cli": "^4.1.17",