CommunityRule/community-rule
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Adopt remaining typography token classes (CR-24)

Browse Source 
Map exact size/weight/line-height combos onto existing text-* utilities across cards, sections, navigation, modals, controls, and create-flow. Leave unmappable combos hardcoded for design review.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
adilallo
2026-08-17 11:40:10 -06:00
co-authored by Cursor
parent cb0adf2049
commit 2321a1e761
75 changed files with 229 additions and 252 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/pages/blog.test.jsx
+4 -8
View File
@@ -253,8 +253,7 @@ describe("BlogPostPage", () => {
expect(contentDiv).toHaveClass(
"text-[var(--color-content-inverse-primary)]",
);
expect(contentDiv).toHaveClass("text-[16px]");
expect(contentDiv).toHaveClass("leading-[24px]");
expect(contentDiv).toHaveClass("text-medium-paragraph");
const article = contentDiv?.closest("article");
expect(article).toHaveClass("p-[var(--spacing-scale-024)]");
@@ -271,12 +270,9 @@ describe("BlogPostPage", () => {
const contentDiv = screen
.getByText(/This is the article content/)
.closest("div.post-body");
expect(contentDiv).toHaveClass("sm:text-[18px]");
expect(contentDiv).toHaveClass("sm:leading-[130%]");
expect(contentDiv).toHaveClass("lg:text-[24px]");
expect(contentDiv).toHaveClass("lg:leading-[32px]");
expect(contentDiv).toHaveClass("xl:text-[32px]");
expect(contentDiv).toHaveClass("xl:leading-[40px]");
expect(contentDiv).toHaveClass("sm:text-large-paragraph");
expect(contentDiv).toHaveClass("lg:text-x-large-paragraph");
expect(contentDiv).toHaveClass("xl:text-xx-large-paragraph");
});
it("applies responsive max-width constraints", async () => {