@govbr-ds/webcomponents 2.0.0-next.5 → 2.0.0-next.6
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 +16 -30
- package/dist/cjs/br-button.cjs.entry.js +1 -1
- package/dist/cjs/br-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/br-icon.cjs.entry.js +2465 -0
- package/dist/cjs/br-icon.cjs.entry.js.map +1 -0
- package/dist/cjs/br-input.cjs.entry.js +2 -2
- package/dist/cjs/br-input.cjs.entry.js.map +1 -1
- package/dist/cjs/br-item.cjs.entry.js +2 -2
- package/dist/cjs/{index-c5475da7.js → index-d682c89d.js} +9 -5
- package/dist/cjs/{index-c5475da7.js.map → index-d682c89d.js.map} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/webcomponents.cjs.js +3 -3
- package/dist/cjs/webcomponents.cjs.js.map +1 -1
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/icon/icon.css +23222 -0
- package/dist/collection/components/icon/icon.js +324 -0
- package/dist/collection/components/icon/icon.js.map +1 -0
- package/dist/collection/components/icon/tests/icon.e2e.js +107 -0
- package/dist/collection/components/icon/tests/icon.e2e.js.map +1 -0
- package/dist/collection/components/icon/tests/icon.spec.js +80 -0
- package/dist/collection/components/icon/tests/icon.spec.js.map +1 -0
- package/dist/collection/components/input/input.js +1 -1
- package/dist/collection/components/input/input.js.map +1 -1
- package/dist/collection/components/input/tests/input.e2e.js +25 -0
- package/dist/collection/components/input/tests/input.e2e.js.map +1 -0
- package/dist/collection/components/input/tests/input.spec.js +36 -0
- package/dist/collection/components/input/tests/input.spec.js.map +1 -0
- package/dist/collection/components/item/item.js +1 -1
- package/dist/collection/pages/icon/icon.js +19 -0
- package/dist/components/br-icon.d.ts +11 -0
- package/dist/components/br-icon.js +2481 -0
- package/dist/components/br-icon.js.map +1 -0
- package/dist/components/br-input.js +1 -1
- package/dist/components/br-input.js.map +1 -1
- package/dist/components/br-item.js +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +1 -0
- package/dist/components/index.js.map +1 -1
- package/dist/esm/br-button.entry.js +1 -1
- package/dist/esm/br-checkbox.entry.js +1 -1
- package/dist/esm/br-icon.entry.js +2461 -0
- package/dist/esm/br-icon.entry.js.map +1 -0
- package/dist/esm/br-input.entry.js +2 -2
- package/dist/esm/br-input.entry.js.map +1 -1
- package/dist/esm/br-item.entry.js +2 -2
- package/dist/esm/{index-57007b22.js → index-55a13a51.js} +9 -5
- package/dist/esm/{index-57007b22.js.map → index-55a13a51.js.map} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/webcomponents.js +4 -4
- package/dist/esm/webcomponents.js.map +1 -1
- package/dist/types/components/icon/icon.d.ts +50 -0
- package/dist/types/components.d.ts +128 -0
- package/dist/webcomponents/p-1b6e8650.entry.js +13 -0
- package/dist/webcomponents/p-1b6e8650.entry.js.map +1 -0
- package/dist/webcomponents/{p-1b276845.entry.js → p-61231fb7.entry.js} +2 -2
- package/dist/webcomponents/{p-a0b98f14.entry.js → p-8ed9a673.entry.js} +2 -2
- package/dist/webcomponents/{p-5f162437.entry.js → p-a7e423b4.entry.js} +2 -2
- package/dist/webcomponents/{p-5f162437.entry.js.map → p-a7e423b4.entry.js.map} +1 -1
- package/dist/webcomponents/{p-6d857090.entry.js → p-b0e416bd.entry.js} +2 -2
- package/dist/webcomponents/p-f379e66c.js +3 -0
- package/dist/webcomponents/{p-a3d8d916.js.map → p-f379e66c.js.map} +1 -1
- package/dist/webcomponents/webcomponents.esm.js +1 -1
- package/dist/webcomponents/webcomponents.esm.js.map +1 -1
- package/hydrate/index.js +18038 -11564
- package/package.json +22 -11
- package/vscode-data.json +37 -0
- package/dist/webcomponents/p-a3d8d916.js +0 -3
- /package/dist/webcomponents/{p-1b276845.entry.js.map → p-61231fb7.entry.js.map} +0 -0
- /package/dist/webcomponents/{p-a0b98f14.entry.js.map → p-8ed9a673.entry.js.map} +0 -0
- /package/dist/webcomponents/{p-6d857090.entry.js.map → p-b0e416bd.entry.js.map} +0 -0
package/README.md
CHANGED
|
@@ -13,6 +13,16 @@ Acesse nossos sites e veja nossos componentes em ação:
|
|
|
13
13
|
- [Produção](https://gov.br/ds/webcomponents/)
|
|
14
14
|
- [Desenvolvimento](https://govbr-ds.gitlab.io/bibliotecas/wc/)
|
|
15
15
|
|
|
16
|
+
## Tecnologias
|
|
17
|
+
|
|
18
|
+
Esse projeto é desenvolvido usando:
|
|
19
|
+
|
|
20
|
+
1. [GovBR-DS](https://gov.br/ds/ 'GovBR-DS')
|
|
21
|
+
1. [Stencil](https://stenciljs.com/ 'Stencil')
|
|
22
|
+
1. [Font Awesome](https://fontawesome.com/ 'Font Awesome')
|
|
23
|
+
1. [Fonte Rawline](https://www.cdnfonts.com/rawline.font/ 'Fonte Rawline')
|
|
24
|
+
1. [NX Monorepo](https://nx.dev/ 'NX Monorepo')
|
|
25
|
+
|
|
16
26
|
## O que são Web Components?
|
|
17
27
|
|
|
18
28
|
São um conjunto de tecnologias que permitem aos desenvolvedores criar novos elementos HTML personalizados, reutilizáveis e encapsulados para uso em páginas e aplicativos da web. Eles se baseiam em padrões da web existentes e são suportados por todos os navegadores modernos.
|
|
@@ -24,37 +34,13 @@ O diagrama mostra os três componentes principais dos Web Components:
|
|
|
24
34
|
- Templates: são fragmentos de HTML que podem ser reutilizados em vários elementos.
|
|
25
35
|
- Slots: são áreas em um elemento HTML personalizado onde templates podem ser inseridos.
|
|
26
36
|
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
### Reusabilidade
|
|
30
|
-
|
|
31
|
-
- Os componentes da web podem ser reutilizados em vários projetos, o que pode economizar tempo e esforço.
|
|
32
|
-
- Isso significa que você não precisa escrever o mesmo código repetidamente, o que pode ajudá-lo a ser mais produtivo.
|
|
33
|
-
- Além disso, os componentes da web podem ser facilmente compartilhados com outros desenvolvedores, o que pode ajudá-lo a colaborar em projetos de forma mais eficaz.
|
|
34
|
-
|
|
35
|
-
### Modularidade
|
|
36
|
-
|
|
37
|
-
- Os componentes da web são modulares, o que significa que podem ser facilmente combinados e combinados para criar interfaces de usuário complexas.
|
|
38
|
-
- Isso torna mais fácil criar interfaces de usuário que sejam fáceis de entender e manter.
|
|
39
|
-
- Além disso, os componentes da web podem ser facilmente reutilizados em diferentes partes de um aplicativo, o que pode ajudá-lo a reduzir a duplicação de código.
|
|
40
|
-
|
|
41
|
-
### Encapsulamento
|
|
42
|
-
|
|
43
|
-
- Os componentes da web são encapsulados, o que significa que seus estilos e JavaScript não interferem no resto da página.
|
|
44
|
-
- Isso torna mais fácil criar interfaces de usuário que sejam robustas e confiáveis.
|
|
45
|
-
- Além disso, o encapsulamento torna mais fácil depurar e solucionar problemas de componentes da web.
|
|
46
|
-
|
|
47
|
-
### Compatibilidade
|
|
48
|
-
|
|
49
|
-
- Os componentes da web são compatíveis com todos os navegadores modernos.
|
|
50
|
-
- Isso significa que você não precisa se preocupar em testar seus componentes em diferentes navegadores.
|
|
51
|
-
- Além disso, os componentes da web são atualizados automaticamente pelos navegadores, o que significa que você não precisa se preocupar em manter seus componentes compatíveis com as versões mais recentes dos navegadores.
|
|
52
|
-
|
|
53
|
-
### Manutenabilidade
|
|
37
|
+
### Benefícios dos Web Components
|
|
54
38
|
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
39
|
+
1. Reusabilidade
|
|
40
|
+
1. Modularidade
|
|
41
|
+
1. Encapsulamento
|
|
42
|
+
1. Compatibilidade
|
|
43
|
+
1. Manutenabilidade
|
|
58
44
|
|
|
59
45
|
## Integração com frameworks
|
|
60
46
|
|