Join GitHub today
GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together.Sign up
feat: update types package to styled-system v5 format #154
Styled-system v5 has a new grouping of css properties (https://styled-system.com/api/). Composing these groupings is more performant. For simplicity in development, I wanted to modify our types exports so that rather than importing any types from the styled-system package, we only import types from our package. The benefit is that it is much easier to copy types you would ordinarily use in styled-system, but supercharged with our token typings.
I've also updated Box and Text to use the new typings, and in the process updated them to the v5 approach.
Text now takes some layout options and
and these under Typography
Box now is
This adds all the flex properties, position, top, right, bottom, left, overflow(x/y), verticalAlign, and size.
I opened a PR trying to gain some insight on how the bucketing props were selected and potentially improving alignment with styled-system in the future styled-system/styled-system#922
This pull request is being automatically deployed with ZEIT Now (learn more).