Styled Components: Fix interpolated className

ItsJonQ commented 3 years ago

This update consolidates how the interpolated className is created, in an attempt to resolve https://github.com/WordPress/gutenberg/pull/29084#issuecomment-788372734

Changes:

A new getInterpolatedClassName util is created and exported from @wp-g2/create-styles
getInterpolatedClassName ensures the @emotion/hash function is only called if the argument is valid
@wp-g2/context adds @wp-g2/create-styles as a dependency (was previously missing)
All calls to @emotion/hash go through the new getInterpolatedClassName util

vercel[bot] commented 3 years ago

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/itsjonq/g2/9w5rDTVhEGpVEQkdyCXnxCYP5UQa
✅ Preview: https://g2-git-try-context-fix-interpolated-classnam-f978f7.vercel.app

ItsJonQ commented 3 years ago

Going to try an alpha 0.0.160 release to test in Gutenberg

ItsJonQ / g2

Styled Components: Fix interpolated className #277