fix(core): additional space design tokens - Githubissues

vmware-archive / clarity

Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.

http://clarity.design

MIT License

6.42k stars 761 forks source link

fix(core): additional space design tokens #6516

Closed coryrylan closed 2 years ago

coryrylan commented 2 years ago

PR Checklist

Please check if your PR fulfills the following requirements:

[ ] Tests for the changes have been added (for bug fixes / features)
[ ] Docs have been added / updated (for bug fixes / features)
[ ] If applicable, have a visual design approval

PR Type

What kind of change does this PR introduce?

[ ] Bugfix
[ ] Feature
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[ ] Documentation content changes
[ ] clarity.design website / infrastructure changes
[ ] Other... Please describe:

What is the new behavior?

breaking change, adding new layout/whitespace space design tokens and adjusting scale to match core figma. The standard component space tokens remain the same.
```
xxxs: new => 2
xxs: 2 => 4
xs: 4 => 8
sm: 6 => 12
md: 12 => 16
lg: 24 => 24
xl: 48 => 32
xxl: 96 => 48
xxxl:  new => 64
```
Add support for new scaling tokens for space/layout/typography. This should enable easier theming in the future for size related themes (also useful for datagrid). See theme demo in storybook.
minor css perf improvements in rollup build

Does this PR introduce a breaking change?

[x] Yes
[ ] No

Other information