Replaces delay with pausing animations. Fixes #528.

Co-authored-by: David Sheldrick <[email protected]> Co-authored-by: Pavlos Vinieratos <[email protected]>  Co-authored-by: Mounir Dhahri <[email protected]>  Co-authored-by: Brian Beckerle <[email protected]> 
artsy · Jul 31, 2020 · 9d8e8e9 · 9d8e8e9
1 parent 3dd3fd4
commit 9d8e8e9
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 14 deletions.
diff --git a/packages/palette/src/elements/BarChart/BarChart.story.tsx b/packages/palette/src/elements/BarChart/BarChart.story.tsx
@@ -64,7 +64,7 @@ storiesOf("Components/BarChart", module)
         </Box>
       )
     },
-    { chromatic: { delay: 2000, diffThreshold: 1 } }
+    { chromatic: { pauseAnimationAtEnd: true, diffThreshold: 1 } }
   )
 
   .add(
@@ -123,7 +123,7 @@ storiesOf("Components/BarChart", module)
         </Box>
       )
     },
-    { chromatic: { delay: 2000, diffThreshold: 1 } }
+    { chromatic: { pauseAnimationAtEnd: true, diffThreshold: 1 } }
   )
 
   .add(
@@ -182,7 +182,7 @@ storiesOf("Components/BarChart", module)
         </Box>
       )
     },
-    { chromatic: { delay: 2000, diffThreshold: 1 } }
+    { chromatic: { pauseAnimationAtEnd: true, diffThreshold: 1 } }
   )
 
   .add(
@@ -243,7 +243,7 @@ storiesOf("Components/BarChart", module)
         </Box>
       )
     },
-    { chromatic: { delay: 2000, diffThreshold: 1 } }
+    { chromatic: { pauseAnimationAtEnd: true, diffThreshold: 1 } }
   )
 
   .add(
@@ -298,7 +298,7 @@ storiesOf("Components/BarChart", module)
         </Box>
       )
     },
-    { chromatic: { delay: 2000, diffThreshold: 1 } }
+    { chromatic: { pauseAnimationAtEnd: true, diffThreshold: 1 } }
   )
 
   .add(
@@ -342,5 +342,5 @@ storiesOf("Components/BarChart", module)
         </Box>
       )
     },
-    { chromatic: { delay: 2000, diffThreshold: 1 } }
+    { chromatic: { pauseAnimationAtEnd: true, diffThreshold: 1 } }
   )
diff --git a/packages/palette/src/elements/DonutChart/DonutChart.story.tsx b/packages/palette/src/elements/DonutChart/DonutChart.story.tsx
@@ -53,7 +53,7 @@ storiesOf("Components/DonutChart", module).add(
       </Box>
     )
   },
-  { chromatic: { delay: 500 } }
+  { chromatic: { pauseAnimationAtEnd: true } }
 )
 
 storiesOf("Components/DonutChart", module).add(
@@ -108,7 +108,7 @@ storiesOf("Components/DonutChart", module).add(
       </Box>
     )
   },
-  { chromatic: { delay: 500 } }
+  { chromatic: { pauseAnimationAtEnd: true } }
 )
 
 storiesOf("Components/DonutChart", module).add(
@@ -163,7 +163,7 @@ storiesOf("Components/DonutChart", module).add(
       </Box>
     )
   },
-  { chromatic: { delay: 500 } }
+  { chromatic: { pauseAnimationAtEnd: true } }
 )
 
 storiesOf("Components/DonutChart", module).add(
@@ -211,7 +211,7 @@ storiesOf("Components/DonutChart", module).add(
       </Box>
     )
   },
-  { chromatic: { delay: 500 } }
+  { chromatic: { pauseAnimationAtEnd: true } }
 )
 
 storiesOf("Components/DonutChart", module).add(
@@ -259,7 +259,7 @@ storiesOf("Components/DonutChart", module).add(
       </Box>
     )
   },
-  { chromatic: { delay: 500 } }
+  { chromatic: { pauseAnimationAtEnd: true } }
 )
 
 storiesOf("Components/DonutChart", module).add(
@@ -313,7 +313,7 @@ storiesOf("Components/DonutChart", module).add(
       </>
     )
   },
-  { chromatic: { delay: 500 } }
+  { chromatic: { pauseAnimationAtEnd: true } }
 )
 
 const GrowingBox = styled(Box)`

diff --git a/packages/palette/src/elements/LineChart/LineChart.story.tsx b/packages/palette/src/elements/LineChart/LineChart.story.tsx
@@ -71,7 +71,7 @@ storiesOf("Components/LineChart", module)
         </Box>
       )
     },
-    { chromatic: { delay: 1000 } }
+    { chromatic: { pauseAnimationAtEnd: true } }
   )
 
   .add(
@@ -142,6 +142,6 @@ storiesOf("Components/LineChart", module)
       )
     },
     {
-      chromatic: { delay: 1000 },
+      chromatic: { pauseAnimationAtEnd: true },
     }
   )