feat(Illustration): added new stackedPagesVariantIllustration

[linseyjayne]

Overview

Added a variant stacked pages illustration to gamut-illustrations to be used in Teams checkout

PR Checklist

• Related to designs: https://www.figma.com/design/GAaljzPYitrvQuL1eCR7ho/Cycle-G---Teams-account-setup-improvement?node-id=615-43366&t=FDthDiiv2CT4F1jS-4
• Related to JIRA ticket: FLOW-1035
• I have run this code to verify it works
• This PR includes unit tests for the code change
• This PR includes testing instructions tests for the code change
• The alpha package of this PR is passing end-to-end tests in all relevant Codecademy repositories

Testing Instructions

i think there's still a netlify issue so

1. run storybook locally
2. navigate to http://localhost:6006/?path=/docs/atoms-illustrations--docs
3. validate new illustration StackedPagesVariant

alternatively you can go to the portal pr and follow those steps to see the illustration being used

PR Links and Envs

Repository	PR Link	PR Env
Monolith	Monolith PR	Monolith Env (no ui to check though)
Portal	Portal Link	Portal Env

[nx-cloud]

View your CI Pipeline Execution ↗ for commit afa8dc4.

---

☁️ Nx Cloud last updated this comment at 2025-01-30 17:24:21 UTC

[codecademydev]

📬Published Alpha Packages:

@codecademy/gamut@57.7.4-alpha.afa8dc.0
@codecademy/gamut-illustrations@0.52.0-alpha.afa8dc.0
@codecademy/gamut-kit@0.6.465-alpha.afa8dc.0

[codecademydev]

🚀 Styleguide deploy preview ready!

https://679bb592137c5dad006bd53e--gamut-preview.netlify.app

Deploy Logs

[linseyjayne]

I am not attached to this name at all 😅 if y'all have a suggestion I'm happy to change it, I didn't see other illustrations that were this similar

[saghdaey]

LGTM

[dreamwasp]

lgtm!