feat(button): New rules in Button regarding text label spacing and rendering with Typography

xproglabs / prensa-designsystem

Projeto que controla os componentes React do design-system Prensa.

http://docs.prensadesign.com.br

4 stars 3 forks source link

Closed gbombassaro closed 2 years ago

gbombassaro commented 2 years ago

What this PR implements?

New renderChildren function checking if children is string. If is string, render Typography + children value. If it is not string renders children only allowing use of customized components encapsulating value.
```
<Button>
<MyComponent>
  {value}
</MyComponent>
</Button>
```
New rules for CSS prop defining styles flux. CSS prop expects button or label
```
<Button css={{ button: {}, label: {} }} />
```