Breaking changes to the API of the Design System. We've moved it towards a "Functional CSS" styled framework giving utility functions an enormous amount of power but simplifying the responsibility of these utility and component classes.
We've also split EVERYTHING out into it's own NPM package making it simpler for developers to pick and choose the bits that they want / need and thus potentially reducing final CSS file weights.
Notes
Utility classes: adopt the "single responsibility principle".
Component classes: these are isolated, self-contained classes that include everything you need. They're often made up of lots of utility classes bundled into one component class, and will also make use of pseudo elements too.
Breaking changes to the API of the Design System. We've moved it towards a "Functional CSS" styled framework giving utility functions an enormous amount of power but simplifying the responsibility of these
utility
andcomponent
classes.We've also split EVERYTHING out into it's own NPM package making it simpler for developers to pick and choose the bits that they want / need and thus potentially reducing final CSS file weights.
Notes