eai-frontend-components 2.0.4 → 2.0.5
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 +14 -14
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/ui/chart.tsx +4 -5
package/README.md
CHANGED
|
@@ -2,27 +2,27 @@
|
|
|
2
2
|
|
|
3
3
|
Biblioteca de componentes UI reutilizáveis baseada em shadcn/ui e Radix UI para projetos EAI.
|
|
4
4
|
|
|
5
|
-
[](https://www.npmjs.com/package/eai-frontend-components)
|
|
6
|
+
[](https://www.npmjs.com/package/eai-frontend-components)
|
|
7
|
+
[](https://bundlephobia.com/package/eai-frontend-components)
|
|
8
8
|
[](https://www.typescriptlang.org/)
|
|
9
|
-
[](./LICENSE)
|
|
10
10
|
[](https://bitbucket.org/genei_ryodan/erp_frontend_eai_ds/addon/pipelines/home)
|
|
11
11
|
|
|
12
12
|
## 📦 Instalação
|
|
13
13
|
|
|
14
14
|
```bash
|
|
15
15
|
# NPM
|
|
16
|
-
npm install
|
|
16
|
+
npm install eai-frontend-components
|
|
17
17
|
|
|
18
18
|
# Yarn
|
|
19
|
-
yarn add
|
|
19
|
+
yarn add eai-frontend-components
|
|
20
20
|
|
|
21
21
|
# PNPM
|
|
22
|
-
pnpm add
|
|
22
|
+
pnpm add eai-frontend-components
|
|
23
23
|
```
|
|
24
24
|
|
|
25
|
-
## 🌟 Por que usar
|
|
25
|
+
## 🌟 Por que usar eai-frontend-components?
|
|
26
26
|
|
|
27
27
|
- ⚡ **Performático**: Tree-shaking otimizado, apenas importe o que usar
|
|
28
28
|
- 🎨 **Personalizável**: Baseado em Tailwind CSS com tokens de design
|
|
@@ -64,9 +64,9 @@ git push origin master
|
|
|
64
64
|
## 📦 Instalação
|
|
65
65
|
|
|
66
66
|
```bash
|
|
67
|
-
npm install eai-
|
|
67
|
+
npm install eai-frontend-components
|
|
68
68
|
# ou
|
|
69
|
-
yarn add eai-
|
|
69
|
+
yarn add eai-frontend-components
|
|
70
70
|
```
|
|
71
71
|
|
|
72
72
|
## 🛠️ Configuração
|
|
@@ -77,7 +77,7 @@ Importe os estilos globais no seu projeto:
|
|
|
77
77
|
|
|
78
78
|
```tsx
|
|
79
79
|
// src/main.tsx ou src/App.tsx
|
|
80
|
-
import 'eai-
|
|
80
|
+
import 'eai-frontend-components/dist/styles.css';
|
|
81
81
|
```
|
|
82
82
|
|
|
83
83
|
### 2. Configure o Tailwind CSS
|
|
@@ -88,7 +88,7 @@ Adicione o conteúdo da biblioteca no seu `tailwind.config.js`:
|
|
|
88
88
|
module.exports = {
|
|
89
89
|
content: [
|
|
90
90
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
91
|
-
"./node_modules/eai-
|
|
91
|
+
"./node_modules/eai-frontend-components/dist/**/*.{js,ts,jsx,tsx}",
|
|
92
92
|
],
|
|
93
93
|
// ... resto da configuração
|
|
94
94
|
}
|
|
@@ -111,7 +111,7 @@ Adicione as variáveis de tema no seu CSS:
|
|
|
111
111
|
## 🎯 Uso Básico
|
|
112
112
|
|
|
113
113
|
```tsx
|
|
114
|
-
import { Button, Card, Input } from 'eai-
|
|
114
|
+
import { Button, Card, Input } from 'eai-frontend-components';
|
|
115
115
|
|
|
116
116
|
function App() {
|
|
117
117
|
return (
|
|
@@ -246,7 +246,7 @@ import {
|
|
|
246
246
|
SelectItem,
|
|
247
247
|
SelectTrigger,
|
|
248
248
|
SelectValue
|
|
249
|
-
} from 'eai-
|
|
249
|
+
} from 'eai-frontend-components';
|
|
250
250
|
|
|
251
251
|
function ContactForm() {
|
|
252
252
|
return (
|