v4 -> v5
Pollen v5 introduced several breaking changes to fix unintuitive behavior and lay stronger foundations for the future
Breaking changes
The
pollen-csslibrary is now ESM-only, not CommonJSDropped support for < Node v16
CSS import moved to
/pollen.cssrather than default package exportProperties keys in
modules are no longer converted fromcamelCasetokebab-casewhen generating CSS variablesDefault color palette has been replaced with a much more robust and extensive palette, adapted from Tailwind's
Deprecated modules
elevationandeasingremoved, replaced by the new modules introduced in v4 (shadowandeaserespectfully)
Migration Guide
If you're using the default CSS from Pollen, update your import path from
pollen-csstopollen-css/pollen.cssEnsure you're using Node v16+
If you have your own config, update any
camelCaseproperty names to bekebeb-caseIf you are using Pollen's default color palette, get the output from v4 (in JSON format for easier migration) and add it to custom config in v5, since the default palette has changed significantly
If you are still using the deprecated default modules
--elevationor--easingupdate them to--shadowand--easerespevitvely
Last updated
Was this helpful?