🎨 Aesthetic is an end-to-end multi-platform styling framework that offers a strict design system, robust atomic CSS-in-JS engine, a structural style sheet specification (SSS), a low-runtime solution, and much more!
This framework has gotten more complex over time, resulting in the TS types also becoming more complex. It's gotten to a point where the generics were becoming a bit confusing. What does Block mean? Or Result? What about T? Which order do they go in?
To resolve this, I'm opting for an input -> output approach, which should make the understanding of how all these types are used much more clear.
I'm also trying to avoid the word className, since this doesn't make since in other contexts, like react native.
Screenshots
Checklist
[x] Build passes with yarn run check.
[x] Code is formatted with yarn run format.
[x] Tests have been added for my changes.
[x] Code coverage for my change is 100%.
[x] Documentation has been updated for my changes.
Summary
This framework has gotten more complex over time, resulting in the TS types also becoming more complex. It's gotten to a point where the generics were becoming a bit confusing. What does
Blockmean? OrResult? What aboutT? Which order do they go in?To resolve this, I'm opting for an input -> output approach, which should make the understanding of how all these types are used much more clear.
I'm also trying to avoid the word
className, since this doesn't make since in other contexts, like react native.Screenshots
Checklist
yarn run check.yarn run format.