karsten-design-system 1.0.7 → 1.0.9
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 +18 -5
- package/package.json +8 -6
package/README.md
CHANGED
|
@@ -6,19 +6,25 @@ Uma biblioteca de componentes React estilizados para projetos da Karsten, constr
|
|
|
6
6
|
|
|
7
7
|
Com npm:
|
|
8
8
|
```bash
|
|
9
|
-
npm install karsten-design-system
|
|
9
|
+
npm install karsten-design-system
|
|
10
10
|
```
|
|
11
11
|
|
|
12
12
|
Com yarn:
|
|
13
13
|
```bash
|
|
14
|
-
yarn add karsten-design-system
|
|
14
|
+
yarn add karsten-design-system
|
|
15
15
|
```
|
|
16
16
|
|
|
17
17
|
## Configuração do Tailwind
|
|
18
18
|
|
|
19
|
+
Inicialize o tailwind
|
|
20
|
+
|
|
21
|
+
```bash
|
|
22
|
+
npx tailwindcss init -p
|
|
23
|
+
```
|
|
24
|
+
|
|
19
25
|
Adicione ao seu tailwind.config.js:
|
|
20
26
|
|
|
21
|
-
|
|
27
|
+
```js
|
|
22
28
|
/** @type {import('tailwindcss').Config} */
|
|
23
29
|
module.exports = {
|
|
24
30
|
content: [
|
|
@@ -30,16 +36,23 @@ module.exports = {
|
|
|
30
36
|
},
|
|
31
37
|
plugins: [],
|
|
32
38
|
}
|
|
33
|
-
|
|
39
|
+
```
|
|
34
40
|
|
|
35
41
|
## Pré-requisitos
|
|
36
42
|
|
|
37
43
|
Esta biblioteca requer as seguintes dependências:
|
|
38
44
|
|
|
39
45
|
- React 18 ou superior
|
|
40
|
-
- PrimeReact 10 ou superior
|
|
41
46
|
- React DOM 18 ou superior
|
|
42
47
|
- Tailwind 3.4.0 ou superior
|
|
48
|
+
- @types/date-fns 2 ou superior
|
|
49
|
+
- Chart.js 4 ou superior
|
|
50
|
+
- clsx 2 ou superior
|
|
51
|
+
- Data-fns 1 ou superior
|
|
52
|
+
- Primeicons 7 ou superior
|
|
53
|
+
- Primereact 10 ou superior
|
|
54
|
+
- Postcss 8 ou superior
|
|
55
|
+
- Autoprefixer 10 ou superior
|
|
43
56
|
|
|
44
57
|
## Como usar
|
|
45
58
|
|
package/package.json
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "karsten-design-system",
|
|
3
3
|
"description": "Karsten Design System Components",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.9",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
7
7
|
"module": "./dist/index.js",
|
|
8
|
-
"types": "./dist/index.d.ts",
|
|
8
|
+
"types": "./dist/types/index.d.ts",
|
|
9
9
|
"files": [
|
|
10
10
|
"dist"
|
|
11
11
|
],
|
|
12
12
|
"exports": {
|
|
13
13
|
".": {
|
|
14
14
|
"import": "./dist/index.js",
|
|
15
|
-
"types": "./dist/index.d.ts"
|
|
15
|
+
"types": "./dist/types/index.d.ts"
|
|
16
16
|
}
|
|
17
17
|
},
|
|
18
18
|
"scripts": {
|
|
@@ -31,8 +31,7 @@
|
|
|
31
31
|
},
|
|
32
32
|
"peerDependencies": {
|
|
33
33
|
"react": "^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
34
|
-
"react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
|
|
35
|
-
"tailwindcss": "^3.4.0"
|
|
34
|
+
"react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
|
|
36
35
|
},
|
|
37
36
|
"dependencies": {
|
|
38
37
|
"@types/date-fns": "^2.6.3",
|
|
@@ -40,7 +39,10 @@
|
|
|
40
39
|
"clsx": "^2.1.1",
|
|
41
40
|
"data-fns": "^1.1.0",
|
|
42
41
|
"primeicons": "^7.0.0",
|
|
43
|
-
"primereact": "^10.8.5"
|
|
42
|
+
"primereact": "^10.8.5",
|
|
43
|
+
"postcss": "^8.4.49",
|
|
44
|
+
"tailwindcss": "^3.4.17",
|
|
45
|
+
"autoprefixer": "^10.4.20"
|
|
44
46
|
},
|
|
45
47
|
"devDependencies": {
|
|
46
48
|
"@chromatic-com/storybook": "^3.2.3",
|