Skip to content

WEB-161 Updated labels to pixels - #145

Open
zianam wants to merge 5 commits into
mainfrom
Web-161
Open

zianam wants to merge 5 commits into
mainfrom
Web-161

Conversation

@zianam

@zianam zianam commented Oct 6, 2026 •

Copy link
Copy Markdown
Collaborator

Updated to sm, md, ..., 2XL labels to be pixel sizings ranging from 8 to 32px. So changed how they are defined in tokens.ts then changed where the labels were referenced in other files as well as tests.

Moved away from a single Spacing token since padding and gap values have different purposes and need their own token types -> Splitting into PaddingX, PaddingY, Gap, and ColumnGap improves type specificity and makes it clearer for future developers.

@zianam zianam self-assigned this Oct 6, 2026
@vercel

vercel Bot commented Oct 6, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
website-development Ready Ready Preview Oct 21, 2026 12:37am UTC

@gracesilge gracesilge left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great overall!

Can you add a comment at the top of tokens.ts explaining why you chose to represent the pixel count as 4x what is listed (e.g. 8px -> gap-2).

Can you add a line to your Pull Request description about why you moved away from one Spacing token? Can you also change the plain padding type to be a Padding token instead of a Spacing token to match the rest?

@gracesilge

Copy link
Copy Markdown
Collaborator

And please go through and resolve the merge conflicts! Let me know if you haven't done that before and need assistance!

@zianam

zianam commented Oct 21, 2026

Copy link
Copy Markdown
Collaborator Author

The merge errors should have been fixed. I ended up messing up a little bit and had to fiddle with git so if there's any issues let me know! I accepted all the incoming changes and had to fix some file accordingly.

Updated the original comment with more info about the switch to multiple spacing tokens. Also the comment and the plain padding should also be fixed now.

@zianam
zianam requested a review from gracesilge October 21, 2026 00:42

This branch was successfully deployed

1 active deployment
Preview — 927920be Deployed Oct 21, 2026 by vercel[bot]
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.

2 participants