@uipath/apollo-react 4.0.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);
       `;
     }
 };