@qive/dive v0.0.4

🔷DIVe - Biblioteca de Componentes Qive

Biblioteca de Componentes Qive é uma biblioteca de componentes, padrões de design, e boas práticas de desenvolvimento para garantir consistência das funcionalidades da Qive, mantendo uma experiência de usuário o mais padrão possível e aumentar a agilidade da entrega de novas funcionalidades.

🛠 Documentação dos componentes

A documentação técnica dos componentes e como usá-los pode ser vista no Storybook.

⚙️ Como usar a Biblioteca de Componentes

📌 Requisitos minimos:

• Node 16+
• NPM 6+
• React 17+

⚙️ Instalação

Comandos para instalar:

npm install @qive/dive
# ou
yarn add @qive/dive

💙 Depois de finalizar a instalação

Examplo para usar a Biblioteca de Componentes

import './App.css';
import { CssVarsProvider, CssBaseline, Button, Box, Input, DatePicker, LocalizationProvider, Dayjs, AdapterDayjs } from '@arquivei/atenas';

function App() {
  return (
    <CssVarsProvider>
      <CssBaseline />
      <Box display="flex">
      <Input />
        <Button variant="solid" color="primary" sx={{ ml: 1 }}>
          Clique
        </Button>
        <LocalizationProvider dateAdapter={AdapterDayjs}>
          <DatePicker
            value={value}
            onChange={(newValue) => {
              setValue(newValue as Dayjs);
            }}
          />
        </LocalizationProvider>
      </Box>
    </CssVarsProvider>
  );
}

export default App;

Como iniciar o storybook em dev

Entre no diretório storybook

cd storybook

Rode o comando npm run storybook

Note

Se seu projeto está usando yarn, você precisa adicionar o trecho abaixo no arquivo package.json

  ...
  "resolutions": {
    "react": "18.2.0",
    "react-dom": "18.2.0"
  }


Se seu projeto está usando `npm`, você precisa adicionar o trecho abaixo no arquivo `package.json`

```js
  ...
  "overrides": {
    "react": "18.2.0",
    "react-dom": "18.2.0"
  }

Mais exemplos aqui: Storybook.

Break changes

• o import defaulttheme foi removido
• a prop row utilizada no RadioGroup foi alterada para orientation
• removido export BoxTypeMap do componente Box
• o componente TextField tinha sido marcado como deprecated na versão anterior e agora foi removido