New buttons styles

[sekaiking]

As you can see from the new design. There is 4 variants of the button that are reused through the project. To do so, we need to have them as variants in theme.ts.

Check theme-ui documentation for more explanation: https://theme-ui.com/theme-spec

This is the 4 buttons styles that we need:

(this one is already made, so just ignore it )

This file below is where you can find all the variants and theme style. Add the new ones here and also remove the old variants called (uno, due, red, orange). https://github.com/curaOS/source/blob/a507610ee2474f8cb9a459cbefd79bfce307fd71/packages/components/theme.ts#L78-L145

And finally, remove the old examples from stories at Button.stories.tsx and add the new ones

Check Storybook documentation for more explanation: https://storybook.js.org/docs/react/writing-stories/introduction

Some notes

• Use wip_design_update branch as a starting point, so it doesn't conflict with previous changes
• When making the buttons variants use color and text variants like the navigation example. And feel free to edit them as needed to match design.

[sekaiking]

I missed this one, add it too

check design to see if there is any others that I missed

[github-actions[bot]]

:tada: This issue has been resolved in version @cura/components-v1.0.0 :tada:

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot :package::rocket: