Generate CSS packages from React styles

[NicholasBoll]

🚀 Feature Proposal

Generate CSS Kit from React Kit.

Motivation

Less maintenance supporting a CSS kit and guarantee the CSS kit and React kit are up-to-date.

Example

In the button package, the following should extract similar to below:

modules/react/button/lib/Button.tsx

const buttonStencil = createStencil({
  base: {
    padding: 10
  },
  modifiers: {
    size: {
      large: {
        padding: 20
      }
    }
  }
})

modules/css/button.css

.cnvs-button { padding: 10px; }
.cnvs-button--size-large { padding: 20px; }