Kl gmt 1516 layout typography revert

[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. ...
5. 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 6d57a99

---

☁️ Nx Cloud last updated this comment at 2026-02-12 19:42:25 UTC

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 89.15%. Comparing base (28d8599) to head (6d57a99).
✅ All tests successful. No failed tests found.

Additional details and impacted files

@@                           Coverage Diff                            @@
##           kl-gmt-1451-logical-props--jh-revert    #3266      +/-   ##
========================================================================
+ Coverage                                 89.09%   89.15%   +0.06%     
========================================================================
  Files                                       236      238       +2     
  Lines                                      4309     4315       +6     
  Branches                                   1447     1447              
========================================================================
+ Hits                                       3839     3847       +8     
+ Misses                                      462      460       -2     
  Partials                                      8        8              

Flag	Coverage Δ
pull-request	89.15% <100.00%> (+0.06%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[codecademydev]

📬 Published Alpha Packages:

@codecademy/gamut@68.0.1-alpha.097b76.0
@codecademy/gamut-icons@9.54.3-alpha.097b76.0
@codecademy/gamut-illustrations@0.58.3-alpha.097b76.0
@codecademy/gamut-kit@0.6.580-alpha.097b76.0
@codecademy/gamut-patterns@0.10.22-alpha.097b76.0
@codecademy/gamut-styles@17.12.0-alpha.097b76.0
@codecademy/gamut-tests@5.2.20-alpha.097b76.0
@codecademy/styleguide@79.2.0-alpha.097b76.0
@codecademy/variance@0.25.3-alpha.097b76.0

[github-actions]

🚀 Styleguide deploy preview ready!

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