# @grandchef/rosalvo-design-system

Latest version **0.1.21** (published 2022-12-13) · MIT license · 0 weekly downloads

## Install

```sh
npm install @grandchef/rosalvo-design-system
pnpm add @grandchef/rosalvo-design-system
yarn add @grandchef/rosalvo-design-system
bun add @grandchef/rosalvo-design-system
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.21 |
| Published | 2022-12-13 |
| First published | 2021-10-19 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 18 |
| Unpacked size | 950 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 1 |
| Maintainers | samuelcust, mazinsw |

## Links

- npm: https://www.npmjs.com/package/@grandchef/rosalvo-design-system
- Repository: https://github.com/grandchef/rosalvo-design-system
- Homepage: https://github.com/grandchef/rosalvo-design-system#readme
- Issues: https://github.com/grandchef/rosalvo-design-system/issues
- npm.io page: https://npm.io/package/@grandchef/rosalvo-design-system

## Dependencies (18)

- [uuid](https://npm.io/package/uuid.md) ^8.3.1
- [moment](https://npm.io/package/moment.md) ^2.29.1
- [rc-menu](https://npm.io/package/rc-menu.md) ^9.0.11
- [downshift](https://npm.io/package/downshift.md) ^6.0.6
- [react-dom](https://npm.io/package/react-dom.md) ^17.0.2
- [storybook](https://npm.io/package/storybook.md) ^6.4.0
- [dotenv-cli](https://npm.io/package/dotenv-cli.md) ^5.0.0
- [rc-tooltip](https://npm.io/package/rc-tooltip.md) ^5.0.1
- [rc-dropdown](https://npm.io/package/rc-dropdown.md) ^3.2.0
- [react-dates](https://npm.io/package/react-dates.md) ^21.8.0
- [react-table](https://npm.io/package/react-table.md) ^7.6.0
- [react-spring](https://npm.io/package/react-spring.md) ^8.0.27
- [styled-system](https://npm.io/package/styled-system.md) ^5.1.5
- [@babel/runtime](https://npm.io/package/@babel/runtime.md) ^7.11.2
- [react-input-mask](https://npm.io/package/react-input-mask.md) ^2.0.4
- [react-router-dom](https://npm.io/package/react-router-dom.md) ^5.2.0
- [styled-components](https://npm.io/package/styled-components.md) ^5.2.0
- [@react-icons/all-files](https://npm.io/package/@react-icons/all-files.md) ^4.1.0

## Recent versions

- 0.1.21 (latest) — 2022-12-13
- 0.1.20 — 2022-12-12
- 0.1.19 — 2022-03-09
- 0.1.18 — 2022-01-27
- 0.1.17 — 2022-01-14
- 0.1.16 — 2022-01-11
- 0.1.15 — 2021-12-06
- 0.1.14 — 2021-12-02
- 0.1.13 — 2021-11-30
- 0.1.12 — 2021-11-30
- 0.1.11 — 2021-11-29
- 0.1.10 — 2021-11-10
- 0.1.9 — 2021-11-09
- 0.1.8 — 2021-11-09
- 0.1.7 — 2021-11-08
- … 5 more at https://npm.io/package/@grandchef/rosalvo-design-system/versions

## README

<p align="center">
  <a href="https://lite.grandchef.com.br/" rel="noopener" target="_blank"><img width="150" src="public/logo.png" alt="rosalvo logo"></a></p>
</p>

<h1 align="center">rosalvo design system</h1>

<div align="center">

A component lib in [React](https://reactjs.org/) developing for [Rosalvo](https://app.grandchef.com.br/).

<p align="center">
  <a href="https://github.com/grandchef" style="text-decoration: none" target="_blank">
    <img alt="Made by GrandChef" src="https://img.shields.io/badge/made%20by-grandchef-orange">
  </a>
  <a aria-label="contributors graph" href="https://github.com/grandchef/rosalvo-design-system/graphs/contributors">
    <img src="https://img.shields.io/github/contributors/grandchef/rosalvo-design-system">
  </a>
  <a aria-label="last commit" href="https://github.com/grandchef/rosalvo-design-system/commits/master">
    <img alt="" src=
  "https://img.shields.io/github/last-commit/grandchef/rosalvo-design-system">
  </a>
  
  <img alt="NPM Downloads" src="https://img.shields.io/npm/dm/aiq-design-system.svg?style=flat"/>
  
  [![npm downloads](https://img.shields.io/npm/dm/aiq-design-system.svg)](https://www.npmjs.com/package/aiq-design-system)
</p>

[![npm package](https://img.shields.io/npm/v/@grandchef/rosalvo-design-system/latest)](https://www.npmjs.com/package/@grandchef/rosalvo-design-system)
![Code style](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)
[![license](https://img.shields.io/github/license/grandchef/rosalvo-design-system)](https://github.com/grandchef/rosalvo-design-system/blob/master/LICENSE)

</div>

## como adicionar ao projeto

```sh
yarn add @grandchef/rosalvo-design-system

or

npm install @grandchef/rosalvo-design-system
```

## How utilize

function App({ children }) {
  return <ThemeProvider>{children}</ThemeProvider>
}
```

2 - já pode sair utilizando os componentes importados da **aiq-design-system**

```jsx
import React from 'react'
import ReactDOM from 'react-dom'

import { Button, Input, Flex, ThemeProvider } from "rosalvo-design-system";

export const AiqComponent() {
  return (
    <ThemeProvider>
      <Flex p={20} flexDirection="column">
        <Input variant="outlined" label="I want Pizza!" />
        <Button variant="contained">ros</Button>
      </Flex>
    </ThemeProvider>
  );
}

```

## template no codesandbox

temos um template configurado no codesandbox com a lib configurada!

[![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/rosalvo-design-system-yhpir?file=/src/App.js)

---
_Source: https://npm.io/package/@grandchef/rosalvo-design-system · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._