zenite-ui 1.7.37 → 1.7.39

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.
Files changed (2) hide show
  1. package/README.md +57 -57
  2. package/package.json +35 -35
package/README.md CHANGED
@@ -1,58 +1,58 @@
1
- # Zênite UI Framework
2
-
3
- O Zênite UI é um framework front-end moderno, leve e responsivo, focado na simplicidade e na elegância. Construído com HTML5, CSS3 puro e Vanilla JavaScript, foi concebido para acelerar o desenvolvimento de interfaces web de alto padrão.
4
-
5
- ---
6
-
7
- ## 1. Diferenciais
8
- - Leveza: Sem dependências externas pesadas, focado em performance.
9
- - Responsividade: Design totalmente adaptável para qualquer dispositivo.
10
- - Modularidade: Estrutura organizada para importação direta via CDN ou via gerenciadores de pacotes.
11
-
12
- ---
13
-
14
- ## 2. Instalação e Utilização
15
-
16
- Pode utilizar o Zênite UI de duas formas, dependendo da arquitetura do seu projeto:
17
-
18
- ### Opção A: Importação direta via CDN (Mais rápida)
19
- Ideal para projetos estáticos ou sem processo de *build*. Não é necessária a instalação de pacotes locais. Adicione as referências abaixo diretamente no seu arquivo HTML:
20
-
21
- **CSS**
22
-
23
- <link href="https://cdn.jsdelivr.net/npm/zenite-ui@1.7.37/css/zenite.min.css" rel="stylesheet">
24
-
25
- **JavaScript**
26
-
27
- <script src="https://cdn.jsdelivr.net/npm/zenite-ui@1.7.37/js/zenite.min.js"></script>
28
-
29
- ### Opção B: Instalação via NPM (Para Bundlers e Projetos Modernos)
30
- Ideal se estiver utilizando ferramentas como Webpack, Vite, React, etc. Execute o comando abaixo no seu terminal:
31
-
32
- npm install zenite-ui
33
-
34
- **Importação via Bundlers:**
35
- Nos seus arquivos principais (ex: `main.js` ou `index.js`), importe o CSS e o JS:
36
-
37
- import 'zenite-ui/css/zenite.min.css';
38
- import 'zenite-ui';
39
-
40
- **Importação em HTML usando node_modules local:**
41
- Se instalou via NPM mas ainda usa HTML estático:
42
-
43
- <link rel="stylesheet" href="./node_modules/zenite-ui/css/zenite.min.css">
44
- <script src="./node_modules/zenite-ui/js/zenite.min.js"></script>
45
-
46
- ---
47
-
48
- ## 3. Estrutura do Projeto
49
- O framework é composto por diversos módulos para facilitar a manutenção e o desenvolvimento:
50
- - Layout: Grid responsivo, Colunas e classes utilitárias.
51
- - Componentes: Buttons, Cards, Modals, Navbars, entre outros.
52
- - Formulários: Inputs estilizados, Checkboxes e Switches.
53
-
54
- ---
55
-
56
- ## 4. Licença
57
- Este projeto está sob a licença MIT. Desenvolvido por Zênite Tecnologia LTDA.
1
+ # Zênite UI Framework
2
+
3
+ O Zênite UI é um framework front-end moderno, leve e responsivo, focado na simplicidade e na elegância. Construído com HTML5, CSS3 puro e Vanilla JavaScript, foi concebido para acelerar o desenvolvimento de interfaces web de alto padrão.
4
+
5
+ ---
6
+
7
+ ## 1. Diferenciais
8
+ - Leveza: Sem dependências externas pesadas, focado em performance.
9
+ - Responsividade: Design totalmente adaptável para qualquer dispositivo.
10
+ - Modularidade: Estrutura organizada para importação direta via CDN ou via gerenciadores de pacotes.
11
+
12
+ ---
13
+
14
+ ## 2. Instalação e Utilização
15
+
16
+ Pode utilizar o Zênite UI de duas formas, dependendo da arquitetura do seu projeto:
17
+
18
+ ### Opção A: Importação direta via CDN (Mais rápida)
19
+ Ideal para projetos estáticos ou sem processo de *build*. Não é necessária a instalação de pacotes locais. Adicione as referências abaixo diretamente no seu arquivo HTML:
20
+
21
+ **CSS**
22
+
23
+ <link href="https://cdn.jsdelivr.net/npm/zenite-ui@1.7.39/css/zenite.min.css" rel="stylesheet">
24
+
25
+ **JavaScript**
26
+
27
+ <script src="https://cdn.jsdelivr.net/npm/zenite-ui@1.7.39/js/zenite.min.js"></script>
28
+
29
+ ### Opção B: Instalação via NPM (Para Bundlers e Projetos Modernos)
30
+ Ideal se estiver utilizando ferramentas como Webpack, Vite, React, etc. Execute o comando abaixo no seu terminal:
31
+
32
+ npm install zenite-ui
33
+
34
+ **Importação via Bundlers:**
35
+ Nos seus arquivos principais (ex: `main.js` ou `index.js`), importe o CSS e o JS:
36
+
37
+ import 'zenite-ui/css/zenite.min.css';
38
+ import 'zenite-ui';
39
+
40
+ **Importação em HTML usando node_modules local:**
41
+ Se instalou via NPM mas ainda usa HTML estático:
42
+
43
+ <link rel="stylesheet" href="./node_modules/zenite-ui/css/zenite.min.css">
44
+ <script src="./node_modules/zenite-ui/js/zenite.min.js"></script>
45
+
46
+ ---
47
+
48
+ ## 3. Estrutura do Projeto
49
+ O framework é composto por diversos módulos para facilitar a manutenção e o desenvolvimento:
50
+ - Layout: Grid responsivo, Colunas e classes utilitárias.
51
+ - Componentes: Buttons, Cards, Modals, Navbars, entre outros.
52
+ - Formulários: Inputs estilizados, Checkboxes e Switches.
53
+
54
+ ---
55
+
56
+ ## 4. Licença
57
+ Este projeto está sob a licença MIT. Desenvolvido por Zênite Tecnologia LTDA.
58
58
  https://www.npmjs.com/package/zenite-ui
package/package.json CHANGED
@@ -1,36 +1,36 @@
1
- {
2
- "name": "zenite-ui",
3
- "version": "1.7.37",
4
- "description": "Versão minificada e de alta performance do framework Zenite UI",
5
- "keywords": [
6
- "css",
7
- "framework",
8
- "ui",
9
- "frontend",
10
- "javascript",
11
- "minified"
12
- ],
13
- "homepage": "https://zenitetecnologia.github.io/zenite-ui-docs/",
14
- "repository": {
15
- "type": "git",
16
- "url": "git+https://github.com/zenitetecnologia/zenite-ui.git"
17
- },
18
- "license": "MIT",
19
- "author": "Zênite Tecnologia",
20
- "type": "module",
21
- "main": "js/zenite.min.js",
22
- "style": "css/zenite.min.css",
23
- "files": [
24
- "css/zenite.min.css",
25
- "js/zenite.min.js"
26
- ],
27
- "scripts": {
28
- "build:css": "esbuild css/zenite.css --bundle --minify --outfile=css/zenite.min.css",
29
- "build:js": "esbuild js/zenite.js --bundle --minify --outfile=js/zenite.min.js",
30
- "build": "npm run build:css && npm run build:js",
31
- "prepublishOnly": "npm run build"
32
- },
33
- "devDependencies": {
34
- "esbuild": "^0.20.2"
35
- }
1
+ {
2
+ "name": "zenite-ui",
3
+ "version": "1.7.39",
4
+ "description": "Versão minificada e de alta performance do framework Zenite UI",
5
+ "keywords": [
6
+ "css",
7
+ "framework",
8
+ "ui",
9
+ "frontend",
10
+ "javascript",
11
+ "minified"
12
+ ],
13
+ "homepage": "https://zenitetecnologia.github.io/zenite-ui-docs/",
14
+ "repository": {
15
+ "type": "git",
16
+ "url": "git+https://github.com/zenitetecnologia/zenite-ui.git"
17
+ },
18
+ "license": "MIT",
19
+ "author": "Zênite Tecnologia",
20
+ "type": "module",
21
+ "main": "js/zenite.min.js",
22
+ "style": "css/zenite.min.css",
23
+ "files": [
24
+ "css/zenite.min.css",
25
+ "js/zenite.min.js"
26
+ ],
27
+ "scripts": {
28
+ "build:css": "esbuild css/zenite.css --bundle --minify --outfile=css/zenite.min.css",
29
+ "build:js": "esbuild js/zenite.js --bundle --minify --outfile=js/zenite.min.js",
30
+ "build": "npm run build:css && npm run build:js",
31
+ "prepublishOnly": "npm run build"
32
+ },
33
+ "devDependencies": {
34
+ "esbuild": "^0.20.2"
35
+ }
36
36
  }