Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix evergreen shadow borders and font-size-40 #4220

Merged
merged 10 commits into from
Jan 28, 2025
Prev Previous commit
Next Next commit
feat(storybook): include evergreen in stacked VRT view
krisantrobus committed Jan 24, 2025

Unverified

This commit is not signed, but one or more authors requires that any commit attributed to them is signed.
commit de15fa8c109005789a93c8f7431f50a03424e4f9
24 changes: 24 additions & 0 deletions .storybook/preview.tsx
Original file line number Diff line number Diff line change
@@ -248,6 +248,30 @@ export const decorators = [
</Box>
</Box>
</Theme.Provider>
<Theme.Provider theme="evergreen" disableAnimations customBreakpoints={breakpoints}>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Added in evergreen so we can catch theme updates in our snapshots to avoid unnecessary breaking changes.

<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>
);
Loading