feat: Layout related logical CSS props

[LinKCoding]

Overview

• Add directional property configs for width, minWidth, maxWidth, height, minHeight, maxHeight (e.g., width → inlineSize) and direction
• Add direction props to layout config
• Update docs related to layout and typography
• Update tests to cover both logical and physical property modes

PR Checklist

• Related to designs:
• Related to JIRA ticket: GMT-1516
• 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

Don't make me tap the sign.

1. Go to Props/Layout /foundations-system-props-layout--docs page
2. Read over the new info and check that it makes sense
3. Check that the new Direction button works and changes from LTR to RTL and vice versa
4. Go to the Pagination component page, click around and make sure it works as intended
5. ...
6. Finish and do a celebratory dance

PR Links and Envs

Repository	PR Link
Monolith	Monolith PR
Mono	Mono PR

[nx-cloud]

View your CI Pipeline Execution ↗ for commit 47b6975

---

☁️ Nx Cloud last updated this comment at 2026-02-27 15:39:54 UTC

[codecov]

⚠️ JUnit XML file not found

The CLI was unable to find any JUnit XML files to upload.
For more help, visit our troubleshooting guide.

[codecademydev]

📬 Published Alpha Packages:

@codecademy/gamut@68.1.0-alpha.c76f90.0
@codecademy/gamut-icons@9.55.2-alpha.c76f90.0
@codecademy/gamut-illustrations@0.58.4-alpha.c76f90.0
@codecademy/gamut-kit@0.6.582-alpha.c76f90.0
@codecademy/gamut-patterns@0.10.23-alpha.c76f90.0
@codecademy/gamut-styles@17.12.0-alpha.c76f90.0
@codecademy/gamut-tests@5.3.0-alpha.c76f90.0
@codecademy/styleguide@79.2.0-alpha.c76f90.0
@codecademy/variance@0.26.0-alpha.c76f90.0

[github-actions]

🚀 Styleguide deploy preview ready!

Preview URL: https://69a1bb5dcc070ec1cc142ca8--gamut-preview.netlify.app
Deploy Logs: https://app.netlify.com/projects/gamut-preview/deploys/69a1bb5dcc070ec1cc142ca8