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

app/components/modals/Alert/Alert.container.tsx
+7 -7
View File
@@ -23,14 +23,14 @@ function layoutFor(
size === "s"
? "px-[var(--space-500)]"
: "px-[var(--space-1200)]";
const containerClasses = `flex gap-[var(--space-300)] items-center ${padH} pb-[var(--space-500)] pt-[var(--space-400)] rounded-tl-[var(--radius-200,8px)] rounded-tr-[var(--radius-200,8px)] border-solid`;
const containerClasses = `flex gap-[var(--space-300)] items-center ${padH} pb-[var(--space-500)] pt-[var(--space-400)] rounded-tl-[var(--radius-200)] rounded-tr-[var(--radius-200)] border-solid`;
if (size === "s") {
return {
containerClasses,
titleClasses:
"text-[14px] leading-[18px] font-medium tracking-[0%]",
descriptionClasses:
"text-small-paragraph mt-[var(--spacing-scale-004)]",
"text-small-paragraph mt-[var(--space-100)]",
};
}
return {
@@ -38,27 +38,27 @@ function layoutFor(
titleClasses:
"text-large-label",
descriptionClasses:
"text-large-paragraph mt-[var(--spacing-scale-004)]",
"text-large-paragraph mt-[var(--space-100)]",
};
}
if (size === "s") {
return {
containerClasses:
"flex gap-[var(--space-300)] items-center p-[var(--space-300)] rounded-[var(--radius-200,8px)] border-solid",
"flex gap-[var(--space-300)] items-center p-[var(--space-300)] rounded-[var(--radius-200)] border-solid",
titleClasses:
"text-[14px] leading-[18px] font-medium tracking-[0%]",
descriptionClasses:
"text-small-paragraph mt-[var(--spacing-scale-004)]",
"text-small-paragraph mt-[var(--space-100)]",
};
}
return {
containerClasses:
"flex gap-[var(--space-300)] items-center px-[var(--space-600)] py-[var(--space-400)] rounded-[var(--radius-200,8px)] border-solid",
"flex gap-[var(--space-300)] items-center px-[var(--space-600)] py-[var(--space-400)] rounded-[var(--radius-200)] border-solid",
titleClasses:
"text-medium-label",
descriptionClasses:
"text-medium-paragraph mt-[var(--spacing-scale-004)]",
"text-medium-paragraph mt-[var(--space-100)]",
};
}
app/components/modals/Alert/Alert.view.tsx
+1 -1
View File
@@ -81,7 +81,7 @@ export function AlertView({
width="20"
height="20"
>
<rect width="20" height="20" fill="#D9D9D9" />
<rect width="20" height="20" fill="var(--color-gray-200)" />
</mask>
<g mask="url(#mask0_21296_8285)">
<path