Currently, Snack website is using a very old version of our Styleguide package, let's update it.
How
Switch to the styleguide-base variant, since more robust styleguide requires now Next app and it's based on context and component from Next. Definitely there is a lot room for the improvements, that's why it's a draft for now, but at least we can run Snack locally after the changes.
Since we now using Radix UI palettes as a based for ours and Monaco doesn't support hsl color definition which Radix uses I have to introduce the conversion helper, which allow us to stick to the palette, while making colors compatible with Monaco.
Test Plan
The changes have been tested by running Snack stack from root directory (yarn start).
Why
Currently, Snack website is using a very old version of our Styleguide package, let's update it.
How
Switch to the
styleguide-base
variant, since more robuststyleguide
requires now Next app and it's based on context and component from Next. Definitely there is a lot room for the improvements, that's why it's a draft for now, but at least we can run Snack locally after the changes.Since we now using Radix UI palettes as a based for ours and Monaco doesn't support
hsl
color definition which Radix uses I have to introduce the conversion helper, which allow us to stick to the palette, while making colors compatible with Monaco.Test Plan
The changes have been tested by running Snack stack from root directory (
yarn start
).Preview