feat(storybook): include evergreen in stacked VRT view

twilio-labs · Jan 24, 2025 · de15fa8 · de15fa8
1 parent e860ccc
commit de15fa8
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
@@ -248,6 +248,30 @@ export const decorators = [
                   </Box>
                 </Box>
               </Theme.Provider>
+              <Theme.Provider theme="evergreen" disableAnimations customBreakpoints={breakpoints}>
+                <Box
+                  backgroundColor="colorBackgroundBody"
+                  color="colorText"
+                  padding={context.parameters.padding === false ? "space0" : "space80"}
+                >
+                  <Story />
+                </Box>
+              </Theme.Provider>
+              <Theme.Provider theme="evergreen" disableAnimations customBreakpoints={breakpoints}>
+                <Box
+                  backgroundColor="colorBackgroundBody"
+                  color="colorText"
+                  padding={context.parameters.padding === false ? "space0" : "space20"}
+                >
+                  <Box
+                    margin={context.parameters.padding === false ? "space0" : "space40"}
+                    padding={context.parameters.padding === false ? "space0" : "space40"}
+                    backgroundColor="colorBackground"
+                  >
+                    <Story />
+                  </Box>
+                </Box>
+              </Theme.Provider>
             </Stack>
           </RenderPerformanceProfiler>
         );