Skip to content

feat: Logical properties#3265

Draft
LinKCoding wants to merge 14 commits intomainfrom
kl-gmt-1451-logical-props--jh-revert
Draft

feat: Logical properties#3265
LinKCoding wants to merge 14 commits intomainfrom
kl-gmt-1451-logical-props--jh-revert

Conversation

@LinKCoding
Copy link
Contributor

Overview

PR Checklist

  • Related to designs:
  • Related to JIRA ticket: [ABC-123]
  • 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 story X
  2. Do something
  3. Do that something in dark mode
  4. Check it with VO
  5. Finish and do a celebratory dance

PR Links and Envs

Repository PR Link
Monolith Monolith PR
Mono Mono PR

LinKCoding and others added 14 commits November 21, 2025 15:47
* re-orged Props.mdx files into separate pages

* updated MDN links

* update properties column with working links and styling

* updated statuses for pages that will receive new logical properties

* formatted

* fix Responsive Properities story

* applied Cass's feedback
…l vs Physical prop resolution (#3234)

* working PoC

* fix build and format

* lint fixes

* some more refactoring

* fix existing test failures

* add test for getPropertyMode

* updated gamutprovider to include useLogicalProperties

* fix failiing tests

* more test fixes

* formatted

* add logicalprops switcher to toolbar

* updated  shorthand in margin related CSS properties

* fix linting issue re: physical

* update docs to show logical prop updates to margin related props

* updated padding too

* updated Usage Guide and clean up

* add new file to explain logical and physical properties

* update docs for readibility

* formatted and cleaned up

* fix tests and edit MockGamutProvider to use useLogicalProperties

* temp fix for test failure

* removed useLogicalProperties from contextValue b.c. it's not used anymore

* added toolbar button for direction

* address Cass's feedback
* working PoC

* fix build and format

* lint fixes

* some more refactoring

* fix existing test failures

* add test for getPropertyMode

* updated gamutprovider to include useLogicalProperties

* fix failiing tests

* more test fixes

* formatted

* add logicalprops switcher to toolbar

* updated  shorthand in margin related CSS properties

* fix linting issue re: physical

* update docs to show logical prop updates to margin related props

* updated padding too

* updated Usage Guide and clean up

* add new file to explain logical and physical properties

* update docs for readibility

* formatted and cleaned up

* fix tests and edit MockGamutProvider to use useLogicalProperties

* temp fix for test failure

* start on border related logical props

* updated more border props

* formatted

* added border color props

* grammar

* formatted

* feat(Icon): ✨ Add Live Learning Icon

* chore(release): publish

 - @Codecademy/gamut@68.0.1
 - @codecademy/[email protected]
 - @codecademy/[email protected]

---------

Co-authored-by: Kenny Lin <[email protected]>
Co-authored-by: Hailey <[email protected]>
Co-authored-by: codecademydev <[email protected]>
…l vs Physical prop resolution (#3234)

* working PoC

* fix build and format

* lint fixes

* some more refactoring

* fix existing test failures

* add test for getPropertyMode

* updated gamutprovider to include useLogicalProperties

* fix failiing tests

* more test fixes

* formatted

* add logicalprops switcher to toolbar

* updated  shorthand in margin related CSS properties

* fix linting issue re: physical

* update docs to show logical prop updates to margin related props

* updated padding too

* updated Usage Guide and clean up

* add new file to explain logical and physical properties

* update docs for readibility

* formatted and cleaned up

* fix tests and edit MockGamutProvider to use useLogicalProperties

* temp fix for test failure

* removed useLogicalProperties from contextValue b.c. it's not used anymore

* added toolbar button for direction

* address Cass's feedback
@nx-cloud
Copy link

nx-cloud bot commented Feb 11, 2026

View your CI Pipeline Execution ↗ for commit 28d8599


☁️ Nx Cloud last updated this comment at 2026-02-11 21:27:37 UTC

@codecademydev
Copy link
Collaborator

📬 Published Alpha Packages:

@codecademy/[email protected]
@codecademy/[email protected]
@codecademy/[email protected]
@codecademy/[email protected]
@codecademy/[email protected]
@codecademy/[email protected]
@codecademy/[email protected]
@codecademy/[email protected]
@codecademy/[email protected]

@codecov
Copy link

codecov bot commented Feb 11, 2026

Codecov Report

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

Additional details and impacted files
@@            Coverage Diff             @@
##             main    #3265      +/-   ##
==========================================
- Coverage   89.78%   89.09%   -0.70%     
==========================================
  Files         361      236     -125     
  Lines        5120     4309     -811     
  Branches     1611     1447     -164     
==========================================
- Hits         4597     3839     -758     
+ Misses        515      462      -53     
  Partials        8        8              
Flag Coverage Δ
main ?
pull-request 89.09% <ø> (?)

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.

@github-actions
Copy link
Contributor

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants