@sysvale/cuida 3.0.0-beta.5 → 3.0.0-beta.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,12 +1,12 @@
1
1
  <p align="center">
2
2
  <a href="https://sysvale.github.io/cuida">
3
- <img src="https://sysvale.github.io/cuida/static/media/CuidaTempLogo.f4adb1cc.png" alt="Cuida logo" width="350" />
3
+ <img src="https://framerusercontent.com/images/xz7CrU73qctPY2Vm79XMnTAVM.svg" alt="Cuida logo" width="250" />
4
4
  </a>
5
5
  </p>
6
6
 
7
7
  <div align="center">
8
8
  <p align="center">A design system built by Sysvale, using storybook and Vue components</p>
9
- <p align="center">https://sysvale.github.io/cuida/</p>
9
+ <p align="center">https://main--6168a1779cac8c003ab99c2d.chromatic.com</p>
10
10
  </div>
11
11
 
12
12
  ## Instalando
@@ -14,35 +14,20 @@
14
14
  - O Cuida pode ser instalado com o npm:
15
15
 
16
16
  ```bash
17
- $ npm i @sysvale/cuida;
17
+ npm i @sysvale/cuida;
18
18
  ```
19
19
 
20
20
  ## Usando
21
21
 
22
- - Instale o bootstrap-vue como dependência:
23
-
24
- ```bash
25
- $ npm i @sysvale/cuida;
26
- ```
27
-
28
- - Para usar o bootstrap-vue, importe a biblioteca no seu entry point, provavelmente vai ser seu main.js ou app.js:
29
-
30
- ```js
31
- import BootstrapVue from "bootstrap-vue";
32
- import "bootstrap/dist/css/bootstrap.css";
33
- import "bootstrap-vue/dist/bootstrap-vue.css";
34
- ```
35
-
36
- - Instale o bootstrap-vue com:
22
+ - Para usar o cuida, importe a biblioteca no seu entry point, provavelmente vai ser seu main.js ou app.js:
37
23
 
38
24
  ```js
39
- $ npm install bootstrap-vue bootstrap;
25
+ import Cuida from "@sysvale/cuida";
40
26
  ```
41
27
 
42
- - Para usar o cuida, importe a biblioteca no seu entry point, provavelmente vai ser seu main.js ou app.js:
43
-
28
+ - Importe os estilos do Cuida:
44
29
  ```js
45
- import Cuida from "@sysvale/cuida";
30
+ import '@sysvale/cuida/dist/style.css';
46
31
  ```
47
32
 
48
33
  - E instale o Cuida:
@@ -74,13 +59,13 @@ Vue.use(Cuida);
74
59
  - Clone o repositório:
75
60
 
76
61
  ```bash
77
- $ git clone https://github.com/Sysvale/cuida.git
62
+ git clone https://github.com/Sysvale/cuida.git
78
63
  ```
79
64
 
80
65
  - Instale as dependências e suba o container docker:
81
66
 
82
67
  ```bash
83
- $ docker-compose up -d
68
+ docker-compose up -d
84
69
  ```
85
70
 
86
71
  A aplicação estará disponível na porta `6006`, em [http://localhost:6006/](http://localhost:6006).
@@ -88,7 +73,7 @@ A aplicação estará disponível na porta `6006`, em [http://localhost:6006/](h
88
73
  - Caso não queira usar docker, instale as dependências com:
89
74
 
90
75
  ```bash
91
- $ npm i
76
+ npm i
92
77
  ```
93
78
 
94
79
  ### Executando o Cuida
@@ -98,7 +83,7 @@ $ npm i
98
83
  - Ou alternativamente, sem o docker, rode apenas:
99
84
 
100
85
  ```bash
101
- $ npm run storybook
86
+ npm run storybook
102
87
  ```
103
88
 
104
89
  ### Testando-o
@@ -106,39 +91,21 @@ $ npm run storybook
106
91
  - Utilizando o docker:
107
92
 
108
93
  ```bash
109
- $ docker-compose exec cuida npm run test
94
+ docker-compose exec cuida npm run test
110
95
  ```
111
96
 
112
97
  ou
113
98
 
114
99
  ```bash
115
- $ ./on-server.sh npm run test
100
+ ./on-server.sh npm run test
116
101
  ```
117
102
 
118
103
  - Sem o docker:
119
104
 
120
105
  ```bash
121
- $ npm run test
106
+ npm run test
122
107
  ```
123
108
 
124
109
  ## Contribuindo
125
110
 
126
111
  Para informações sobre como contribuir com o projeto, acesse o [CONTRIBUTING.MD](https://github.com/Sysvale/cuida/blob/master/CONTRIBUTING.md)
127
-
128
- ### Problemas
129
-
130
- Alert >> Estilo (apenas no storybook) e problema no ícone
131
- AlertCard >> Problema com size do feather-icons
132
- Calendar >> excluído
133
- CarouselController >> prop simple não funciona
134
- ClusteredMultiselect >> Alinhar estilização com Select, problema com $set
135
- Dropdown >> Problema louco de lógica
136
- FilterPill >> excluído
137
- IconButton >> Problema com ion-icon
138
- Spinner >> Estilo quebrado
139
- Radio >> Problema ao clicar
140
- Table >> header desalinhado
141
- Timeline >> Estilo estranho
142
-
143
- LEMBRAR DO IONICONS (SENDO IMPORTADO NO PREVIEW-BODY.HTML)
144
- LEMBRAR DO BOOTSTRAP (SENDO IMPORTADO NO PREVIEW-BODY.HTML)