From 2a1a38fdca8d7ea0efb894f30d5f165c4b07cd3b Mon Sep 17 00:00:00 2001
From: Si Taggart <me@simontaggart.com>
Date: Mon, 30 Aug 2021 19:30:11 -0700
Subject: [PATCH] chore: prevent animations from running in vrt

---
 .storybook/preview.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/.storybook/preview.js b/.storybook/preview.js
index d7c3fb4eb9..6885adffe3 100644
--- a/.storybook/preview.js
+++ b/.storybook/preview.js
@@ -54,7 +54,7 @@ export const decorators = [
       default:
       case 'default':
         return (
-          <Theme.Provider theme={theme}>
+          <Theme.Provider theme={theme} disableAnimations={isChromatic()}>
             <GlobalStyles />
             <Box backgroundColor="colorBackgroundBody" color="colorText" padding="space80">
               <Story />
@@ -67,14 +67,14 @@ export const decorators = [
             <GlobalStyles />
             <Grid>
               <Column>
-                <Theme.Provider theme="default">
+                <Theme.Provider theme="default" disableAnimations={isChromatic()}>
                   <Box backgroundColor="colorBackgroundBody" color="colorText" padding="space80">
                     <Story />
                   </Box>
                 </Theme.Provider>
               </Column>
               <Column>
-                <Theme.Provider theme="dark">
+                <Theme.Provider theme="dark" disableAnimations={isChromatic()}>
                   <Box backgroundColor="colorBackgroundBody" color="colorText" padding="space80">
                     <Story />
                   </Box>
@@ -88,24 +88,24 @@ export const decorators = [
           <>
             <GlobalStyles />
             <Stack orientation="vertical">
-              <Theme.Provider theme="default">
+              <Theme.Provider theme="default" disableAnimations={isChromatic()}>
                 <Box backgroundColor="colorBackgroundBody" color="colorText" padding="space80">
                   <Story />
                 </Box>
               </Theme.Provider>
-              <Theme.Provider theme="default">
+              <Theme.Provider theme="default" disableAnimations={isChromatic()}>
                 <Box backgroundColor="colorBackgroundBody" color="colorText" padding="space20">
                   <Box margin="space40" padding="space40" backgroundColor="colorBackground">
                     <Story />
                   </Box>
                 </Box>
               </Theme.Provider>
-              <Theme.Provider theme="dark">
+              <Theme.Provider theme="dark" disableAnimations={isChromatic()}>
                 <Box backgroundColor="colorBackgroundBody" color="colorText" padding="space80">
                   <Story />
                 </Box>
               </Theme.Provider>
-              <Theme.Provider theme="dark">
+              <Theme.Provider theme="dark" disableAnimations={isChromatic()}>
                 <Box backgroundColor="colorBackgroundBody" color="colorText" padding="space20">
                   <Box margin="space40" padding="space40" backgroundColor="colorBackground">
                     <Story />