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

Point color, radius, stroke, focus, and type tokens at the Figma scale so later sections use the same values.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
adilalloandCursor committed 2026-11-02 17:03:43 -07:00
1 parent 63d5d21ae0
commit e808fe70bf
162 files changed
+1385 -1377
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

tests/components/type/AboutHeader.test.tsx
+2 -2
View File
@@ -52,8 +52,8 @@ describe("AboutHeader", () => {
);
const heading = screen.getByRole("heading");
expect(heading.className).toContain("gap-[var(--spacing-scale-010)]");
expect(heading.className).toContain("xl:gap-[var(--spacing-scale-012)]");
expect(heading.className).toContain("gap-[var(--space-250)]");
expect(heading.className).toContain("xl:gap-[var(--space-300)]");
const marks = container.querySelectorAll("h1 span.inline-flex");
expect(marks).toHaveLength(2);
tests/components/type/TripleTextBlock.test.tsx
+11 -11
View File
@@ -68,15 +68,15 @@ describe("TripleTextBlock", () => {
const section = container.querySelector("section");
expect(section).toBeTruthy();
expect(section).toHaveClass("px-[var(--spacing-scale-032)]");
expect(section).toHaveClass("md:px-[var(--spacing-scale-096)]");
expect(section).toHaveClass("lg:px-[var(--spacing-scale-096)]");
expect(section).toHaveClass("xl:px-[var(--spacing-scale-160)]");
expect(section).toHaveClass("px-[var(--space-800)]");
expect(section).toHaveClass("md:px-[var(--space-2400)]");
expect(section).toHaveClass("lg:px-[var(--space-2400)]");
expect(section).toHaveClass("xl:px-[var(--space-4000)]");
expect(section).not.toHaveClass(
"md:px-[calc(var(--spacing-scale-096)+var(--spacing-scale-096))]",
"md:px-[calc(var(--space-2400)+var(--space-2400))]",
);
expect(section).not.toHaveClass(
"xl:px-[calc(var(--spacing-scale-160)+var(--spacing-scale-096))]",
"xl:px-[calc(var(--space-4000)+var(--space-2400))]",
);
expect(section?.firstElementChild).not.toHaveClass("max-w-[1440px]");
});
@@ -100,11 +100,11 @@ describe("TripleTextBlock", () => {
const section = container.querySelector('[data-figma-node="22085-860414"]');
expect(section).toBeTruthy();
expect(section).toHaveClass("px-[var(--spacing-scale-032)]");
expect(section).toHaveClass("lg:px-[var(--spacing-scale-096)]");
expect(section).toHaveClass("xl:px-[var(--spacing-scale-160)]");
expect(section).toHaveClass("px-[var(--space-800)]");
expect(section).toHaveClass("lg:px-[var(--space-2400)]");
expect(section).toHaveClass("xl:px-[var(--space-4000)]");
expect(section).not.toHaveClass(
"lg:px-[calc(var(--spacing-scale-096)+var(--spacing-scale-096))]",
"lg:px-[calc(var(--space-2400)+var(--space-2400))]",
);
expect(section?.firstElementChild).not.toHaveClass("max-w-[1440px]");
@@ -123,7 +123,7 @@ describe("TripleTextBlock", () => {
expect(screen.getByText("First paragraph.")).toBeInTheDocument();
expect(screen.getByText("Second paragraph.")).toBeInTheDocument();
expect(screen.getByText("Second paragraph.")).toHaveClass(
"mt-[var(--spacing-scale-024)]",
"mt-[var(--space-600)]",
);
expect(screen.getByRole("link", { name: "Setup your community" })).toHaveAttribute(
"href",