@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.
Files changed (70) hide show
  1. package/README.md +16 -30
  2. package/dist/cjs/br-button.cjs.entry.js +1 -1
  3. package/dist/cjs/br-checkbox.cjs.entry.js +1 -1
  4. package/dist/cjs/br-icon.cjs.entry.js +2465 -0
  5. package/dist/cjs/br-icon.cjs.entry.js.map +1 -0
  6. package/dist/cjs/br-input.cjs.entry.js +2 -2
  7. package/dist/cjs/br-input.cjs.entry.js.map +1 -1
  8. package/dist/cjs/br-item.cjs.entry.js +2 -2
  9. package/dist/cjs/{index-c5475da7.js → index-d682c89d.js} +9 -5
  10. package/dist/cjs/{index-c5475da7.js.map → index-d682c89d.js.map} +1 -1
  11. package/dist/cjs/loader.cjs.js +2 -2
  12. package/dist/cjs/webcomponents.cjs.js +3 -3
  13. package/dist/cjs/webcomponents.cjs.js.map +1 -1
  14. package/dist/collection/collection-manifest.json +2 -1
  15. package/dist/collection/components/icon/icon.css +23222 -0
  16. package/dist/collection/components/icon/icon.js +324 -0
  17. package/dist/collection/components/icon/icon.js.map +1 -0
  18. package/dist/collection/components/icon/tests/icon.e2e.js +107 -0
  19. package/dist/collection/components/icon/tests/icon.e2e.js.map +1 -0
  20. package/dist/collection/components/icon/tests/icon.spec.js +80 -0
  21. package/dist/collection/components/icon/tests/icon.spec.js.map +1 -0
  22. package/dist/collection/components/input/input.js +1 -1
  23. package/dist/collection/components/input/input.js.map +1 -1
  24. package/dist/collection/components/input/tests/input.e2e.js +25 -0
  25. package/dist/collection/components/input/tests/input.e2e.js.map +1 -0
  26. package/dist/collection/components/input/tests/input.spec.js +36 -0
  27. package/dist/collection/components/input/tests/input.spec.js.map +1 -0
  28. package/dist/collection/components/item/item.js +1 -1
  29. package/dist/collection/pages/icon/icon.js +19 -0
  30. package/dist/components/br-icon.d.ts +11 -0
  31. package/dist/components/br-icon.js +2481 -0
  32. package/dist/components/br-icon.js.map +1 -0
  33. package/dist/components/br-input.js +1 -1
  34. package/dist/components/br-input.js.map +1 -1
  35. package/dist/components/br-item.js +1 -1
  36. package/dist/components/index.d.ts +2 -0
  37. package/dist/components/index.js +1 -0
  38. package/dist/components/index.js.map +1 -1
  39. package/dist/esm/br-button.entry.js +1 -1
  40. package/dist/esm/br-checkbox.entry.js +1 -1
  41. package/dist/esm/br-icon.entry.js +2461 -0
  42. package/dist/esm/br-icon.entry.js.map +1 -0
  43. package/dist/esm/br-input.entry.js +2 -2
  44. package/dist/esm/br-input.entry.js.map +1 -1
  45. package/dist/esm/br-item.entry.js +2 -2
  46. package/dist/esm/{index-57007b22.js → index-55a13a51.js} +9 -5
  47. package/dist/esm/{index-57007b22.js.map → index-55a13a51.js.map} +1 -1
  48. package/dist/esm/loader.js +3 -3
  49. package/dist/esm/webcomponents.js +4 -4
  50. package/dist/esm/webcomponents.js.map +1 -1
  51. package/dist/types/components/icon/icon.d.ts +50 -0
  52. package/dist/types/components.d.ts +128 -0
  53. package/dist/webcomponents/p-1b6e8650.entry.js +13 -0
  54. package/dist/webcomponents/p-1b6e8650.entry.js.map +1 -0
  55. package/dist/webcomponents/{p-1b276845.entry.js → p-61231fb7.entry.js} +2 -2
  56. package/dist/webcomponents/{p-a0b98f14.entry.js → p-8ed9a673.entry.js} +2 -2
  57. package/dist/webcomponents/{p-5f162437.entry.js → p-a7e423b4.entry.js} +2 -2
  58. package/dist/webcomponents/{p-5f162437.entry.js.map → p-a7e423b4.entry.js.map} +1 -1
  59. package/dist/webcomponents/{p-6d857090.entry.js → p-b0e416bd.entry.js} +2 -2
  60. package/dist/webcomponents/p-f379e66c.js +3 -0
  61. package/dist/webcomponents/{p-a3d8d916.js.map → p-f379e66c.js.map} +1 -1
  62. package/dist/webcomponents/webcomponents.esm.js +1 -1
  63. package/dist/webcomponents/webcomponents.esm.js.map +1 -1
  64. package/hydrate/index.js +18038 -11564
  65. package/package.json +22 -11
  66. package/vscode-data.json +37 -0
  67. package/dist/webcomponents/p-a3d8d916.js +0 -3
  68. /package/dist/webcomponents/{p-1b276845.entry.js.map → p-61231fb7.entry.js.map} +0 -0
  69. /package/dist/webcomponents/{p-a0b98f14.entry.js.map → p-8ed9a673.entry.js.map} +0 -0
  70. /package/dist/webcomponents/{p-6d857090.entry.js.map → p-b0e416bd.entry.js.map} +0 -0
@@ -1,11 +1,11 @@
1
- import { b as bootstrapLazy } from './index-57007b22.js';
2
- export { s as setNonce } from './index-57007b22.js';
1
+ import { b as bootstrapLazy } from './index-55a13a51.js';
2
+ export { s as setNonce } from './index-55a13a51.js';
3
3
  import { g as globalScripts } from './app-globals-0f993ce5.js';
4
4
 
5
5
  const defineCustomElements = async (win, options) => {
6
6
  if (typeof window === 'undefined') return undefined;
7
7
  await globalScripts();
8
- return bootstrapLazy([["br-input",[[65,"br-input",{"type":[513],"autocomplete":[513],"autofocus":[516],"density":[513],"disabled":[516],"inline":[516],"icon":[516],"button":[516],"highlight":[516],"success":[516],"danger":[516],"info":[516],"warning":[516],"label":[513],"name":[513],"placeholder":[513],"readonly":[516],"required":[516],"value":[1537]}]]],["br-checkbox",[[65,"br-checkbox",{"checked":[1540],"disabled":[516],"invalid":[516],"valid":[516],"name":[513],"label":[513],"value":[513]}]]],["br-item",[[65,"br-item",{"disabled":[516],"active":[516],"selected":[516]}]]],["br-button",[[65,"br-button",{"circle":[516],"emphasis":[513],"block":[516],"density":[513],"loading":[516],"disabled":[516],"active":[516],"type":[513],"value":[513],"darkMode":[516,"dark-mode"]}]]]], options);
8
+ return bootstrapLazy([["br-input",[[65,"br-input",{"type":[513],"autocomplete":[513],"autofocus":[516],"density":[513],"disabled":[516],"inline":[516],"icon":[516],"button":[516],"highlight":[516],"success":[516],"danger":[516],"info":[516],"warning":[516],"label":[513],"name":[513],"placeholder":[513],"readonly":[516],"required":[516],"value":[1537]}]]],["br-checkbox",[[65,"br-checkbox",{"checked":[1540],"disabled":[516],"invalid":[516],"valid":[516],"name":[513],"label":[513],"value":[513]}]]],["br-icon",[[65,"br-icon",{"IconName":[513,"icon-name"],"height":[513],"width":[513],"class":[513],"inline":[516],"rotate":[513],"flip":[513]}]]],["br-item",[[65,"br-item",{"disabled":[516],"active":[516],"selected":[516]}]]],["br-button",[[65,"br-button",{"circle":[516],"emphasis":[513],"block":[516],"density":[513],"loading":[516],"disabled":[516],"active":[516],"type":[513],"value":[513],"darkMode":[516,"dark-mode"]}]]]], options);
9
9
  };
10
10
 
11
11
  export { defineCustomElements };
@@ -1,9 +1,9 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-57007b22.js';
2
- export { s as setNonce } from './index-57007b22.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-55a13a51.js';
2
+ export { s as setNonce } from './index-55a13a51.js';
3
3
  import { g as globalScripts } from './app-globals-0f993ce5.js';
4
4
 
5
5
  /*
6
- Stencil Client Patch Browser v4.17.0 | MIT Licensed | https://stenciljs.com
6
+ Stencil Client Patch Browser v4.17.2 | MIT Licensed | https://stenciljs.com
7
7
  */
8
8
  var patchBrowser = () => {
9
9
  const importMeta = import.meta.url;
@@ -16,7 +16,7 @@ var patchBrowser = () => {
16
16
 
17
17
  patchBrowser().then(async (options) => {
18
18
  await globalScripts();
19
- return bootstrapLazy([["br-input",[[65,"br-input",{"type":[513],"autocomplete":[513],"autofocus":[516],"density":[513],"disabled":[516],"inline":[516],"icon":[516],"button":[516],"highlight":[516],"success":[516],"danger":[516],"info":[516],"warning":[516],"label":[513],"name":[513],"placeholder":[513],"readonly":[516],"required":[516],"value":[1537]}]]],["br-checkbox",[[65,"br-checkbox",{"checked":[1540],"disabled":[516],"invalid":[516],"valid":[516],"name":[513],"label":[513],"value":[513]}]]],["br-item",[[65,"br-item",{"disabled":[516],"active":[516],"selected":[516]}]]],["br-button",[[65,"br-button",{"circle":[516],"emphasis":[513],"block":[516],"density":[513],"loading":[516],"disabled":[516],"active":[516],"type":[513],"value":[513],"darkMode":[516,"dark-mode"]}]]]], options);
19
+ return bootstrapLazy([["br-input",[[65,"br-input",{"type":[513],"autocomplete":[513],"autofocus":[516],"density":[513],"disabled":[516],"inline":[516],"icon":[516],"button":[516],"highlight":[516],"success":[516],"danger":[516],"info":[516],"warning":[516],"label":[513],"name":[513],"placeholder":[513],"readonly":[516],"required":[516],"value":[1537]}]]],["br-checkbox",[[65,"br-checkbox",{"checked":[1540],"disabled":[516],"invalid":[516],"valid":[516],"name":[513],"label":[513],"value":[513]}]]],["br-icon",[[65,"br-icon",{"IconName":[513,"icon-name"],"height":[513],"width":[513],"class":[513],"inline":[516],"rotate":[513],"flip":[513]}]]],["br-item",[[65,"br-item",{"disabled":[516],"active":[516],"selected":[516]}]]],["br-button",[[65,"br-button",{"circle":[516],"emphasis":[513],"block":[516],"density":[513],"loading":[516],"disabled":[516],"active":[516],"type":[513],"value":[513],"darkMode":[516,"dark-mode"]}]]]], options);
20
20
  });
21
21
 
22
22
  //# sourceMappingURL=webcomponents.js.map
@@ -1 +1 @@
1
- {"file":"webcomponents.js","mappings":";;;;AAAA;AACA;AACA;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AACrC,EAAE,MAAM,IAAI,GAAiE,EAAE,CAAC;AAChF,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AACtD,GAAG;AACH,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAC9B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE,CAAC;AACxB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC","names":[],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.17.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}
1
+ {"file":"webcomponents.js","mappings":";;;;AAAA;AACA;AACA;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AACrC,EAAE,MAAM,IAAI,GAAiE,EAAE,CAAC;AAChF,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AACtD,GAAG;AACH,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAC9B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE,CAAC;AACxB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC","names":[],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.17.2 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}
@@ -0,0 +1,50 @@
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ import 'iconify-icon';
3
+ export declare class Icon {
4
+ /** Elemento host */
5
+ el: HTMLElement;
6
+ elementInternals: ElementInternals;
7
+ /** Nome do ícone Iconify a ser exibido */
8
+ IconName: string;
9
+ /** Altura do ícone, pode ser especificada em qualquer unidade CSS válida (px, em, rem, etc.) */
10
+ height: string;
11
+ /** Largura do ícone, pode ser especificada em qualquer unidade CSS válida (px, em, rem, etc.) */
12
+ width: string;
13
+ /** Classes CSS adicionais a serem aplicadas ao ícone */
14
+ class?: string;
15
+ /** Adiciona alinhamento vertical ao ícone quando embutido no texto */
16
+ inline?: boolean;
17
+ /** Rotaciona o ícone em diferentes ângulos. Aceita valores como "90deg", "180deg", "270deg". */
18
+ rotate?: string;
19
+ /** Espelha o ícone horizontalmente, verticalmente ou ambos. Aceita valores "horizontal", "vertical". */
20
+ flip?: string;
21
+ private inheritedAttributes;
22
+ /** Disparado quando o componente é conectado ao DOM. Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */
23
+ brConnectedCallback: EventEmitter<this>;
24
+ connectedCallback(): void;
25
+ /** Disparado antes do componente ser carregado. Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */
26
+ brComponentWillLoad: EventEmitter<this>;
27
+ componentWillLoad(): void;
28
+ /** Disparado após o componente ser carregado. Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */
29
+ brComponentDidLoad: EventEmitter<this>;
30
+ componentDidLoad(): void;
31
+ /** Disparado antes do componente ser renderizado. Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */
32
+ brComponentWillRender: EventEmitter<this>;
33
+ componentWillRender(): void;
34
+ /** Disparado após o componente ser renderizado. Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */
35
+ brComponentDidRender: EventEmitter<this>;
36
+ componentDidRender(): void;
37
+ /** Disparado antes do componente ser atualizado. Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */
38
+ brComponentShouldUpdate: EventEmitter<this>;
39
+ componentShouldUpdate(): void;
40
+ /** Disparado antes do componente ser atualizado. Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */
41
+ brComponentWillUpdate: EventEmitter<this>;
42
+ componentWillUpdate(): void;
43
+ /** Disparado após o componente ser atualizado. Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */
44
+ brComponentDidUpdate: EventEmitter<this>;
45
+ componentDidUpdate(): void;
46
+ /** Disparado quando o componente é desconectado do DOM. Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */
47
+ brDisconnectedCallback: EventEmitter<this>;
48
+ disconnectedCallback(): void;
49
+ render(): any;
50
+ }
@@ -63,6 +63,36 @@ export namespace Components {
63
63
  "valid": boolean;
64
64
  "value": string;
65
65
  }
66
+ interface BrIcon {
67
+ /**
68
+ * Nome do ícone Iconify a ser exibido
69
+ */
70
+ "IconName": string;
71
+ /**
72
+ * Classes CSS adicionais a serem aplicadas ao ícone
73
+ */
74
+ "class"?: string;
75
+ /**
76
+ * Espelha o ícone horizontalmente, verticalmente ou ambos. Aceita valores "horizontal", "vertical".
77
+ */
78
+ "flip"?: string;
79
+ /**
80
+ * Altura do ícone, pode ser especificada em qualquer unidade CSS válida (px, em, rem, etc.)
81
+ */
82
+ "height": string;
83
+ /**
84
+ * Adiciona alinhamento vertical ao ícone quando embutido no texto
85
+ */
86
+ "inline"?: boolean;
87
+ /**
88
+ * Rotaciona o ícone em diferentes ângulos. Aceita valores como "90deg", "180deg", "270deg".
89
+ */
90
+ "rotate"?: string;
91
+ /**
92
+ * Largura do ícone, pode ser especificada em qualquer unidade CSS válida (px, em, rem, etc.)
93
+ */
94
+ "width": string;
95
+ }
66
96
  /**
67
97
  * Consulte a [documentação GovBR-DS](https://www.gov.br/ds/components/input?tab=designer) para mais detalhes.
68
98
  */
@@ -156,6 +186,10 @@ export interface BrCheckboxCustomEvent<T> extends CustomEvent<T> {
156
186
  detail: T;
157
187
  target: HTMLBrCheckboxElement;
158
188
  }
189
+ export interface BrIconCustomEvent<T> extends CustomEvent<T> {
190
+ detail: T;
191
+ target: HTMLBrIconElement;
192
+ }
159
193
  export interface BrInputCustomEvent<T> extends CustomEvent<T> {
160
194
  detail: T;
161
195
  target: HTMLBrInputElement;
@@ -226,6 +260,31 @@ declare global {
226
260
  prototype: HTMLBrCheckboxElement;
227
261
  new (): HTMLBrCheckboxElement;
228
262
  };
263
+ interface HTMLBrIconElementEventMap {
264
+ "brConnectedCallback": this;
265
+ "brComponentWillLoad": this;
266
+ "brComponentDidLoad": this;
267
+ "brComponentWillRender": this;
268
+ "brComponentDidRender": this;
269
+ "brComponentShouldUpdate": this;
270
+ "brComponentWillUpdate": this;
271
+ "brComponentDidUpdate": this;
272
+ "brDisconnectedCallback": this;
273
+ }
274
+ interface HTMLBrIconElement extends Components.BrIcon, HTMLStencilElement {
275
+ addEventListener<K extends keyof HTMLBrIconElementEventMap>(type: K, listener: (this: HTMLBrIconElement, ev: BrIconCustomEvent<HTMLBrIconElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
276
+ addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
277
+ addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
278
+ addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
279
+ removeEventListener<K extends keyof HTMLBrIconElementEventMap>(type: K, listener: (this: HTMLBrIconElement, ev: BrIconCustomEvent<HTMLBrIconElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
280
+ removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
281
+ removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
282
+ removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
283
+ }
284
+ var HTMLBrIconElement: {
285
+ prototype: HTMLBrIconElement;
286
+ new (): HTMLBrIconElement;
287
+ };
229
288
  interface HTMLBrInputElementEventMap {
230
289
  "brConnectedCallback": this;
231
290
  "brComponentWillLoad": this;
@@ -290,6 +349,7 @@ declare global {
290
349
  interface HTMLElementTagNameMap {
291
350
  "br-button": HTMLBrButtonElement;
292
351
  "br-checkbox": HTMLBrCheckboxElement;
352
+ "br-icon": HTMLBrIconElement;
293
353
  "br-input": HTMLBrInputElement;
294
354
  "br-item": HTMLBrItemElement;
295
355
  }
@@ -441,6 +501,72 @@ declare namespace LocalJSX {
441
501
  "valid"?: boolean;
442
502
  "value"?: string;
443
503
  }
504
+ interface BrIcon {
505
+ /**
506
+ * Nome do ícone Iconify a ser exibido
507
+ */
508
+ "IconName"?: string;
509
+ /**
510
+ * Classes CSS adicionais a serem aplicadas ao ícone
511
+ */
512
+ "class"?: string;
513
+ /**
514
+ * Espelha o ícone horizontalmente, verticalmente ou ambos. Aceita valores "horizontal", "vertical".
515
+ */
516
+ "flip"?: string;
517
+ /**
518
+ * Altura do ícone, pode ser especificada em qualquer unidade CSS válida (px, em, rem, etc.)
519
+ */
520
+ "height"?: string;
521
+ /**
522
+ * Adiciona alinhamento vertical ao ícone quando embutido no texto
523
+ */
524
+ "inline"?: boolean;
525
+ /**
526
+ * Disparado após o componente ser carregado. Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback).
527
+ */
528
+ "onBrComponentDidLoad"?: (event: BrIconCustomEvent<this>) => void;
529
+ /**
530
+ * Disparado após o componente ser renderizado. Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback).
531
+ */
532
+ "onBrComponentDidRender"?: (event: BrIconCustomEvent<this>) => void;
533
+ /**
534
+ * Disparado após o componente ser atualizado. Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback).
535
+ */
536
+ "onBrComponentDidUpdate"?: (event: BrIconCustomEvent<this>) => void;
537
+ /**
538
+ * Disparado antes do componente ser atualizado. Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback).
539
+ */
540
+ "onBrComponentShouldUpdate"?: (event: BrIconCustomEvent<this>) => void;
541
+ /**
542
+ * Disparado antes do componente ser carregado. Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback).
543
+ */
544
+ "onBrComponentWillLoad"?: (event: BrIconCustomEvent<this>) => void;
545
+ /**
546
+ * Disparado antes do componente ser renderizado. Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback).
547
+ */
548
+ "onBrComponentWillRender"?: (event: BrIconCustomEvent<this>) => void;
549
+ /**
550
+ * Disparado antes do componente ser atualizado. Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback).
551
+ */
552
+ "onBrComponentWillUpdate"?: (event: BrIconCustomEvent<this>) => void;
553
+ /**
554
+ * Disparado quando o componente é conectado ao DOM. Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback).
555
+ */
556
+ "onBrConnectedCallback"?: (event: BrIconCustomEvent<this>) => void;
557
+ /**
558
+ * Disparado quando o componente é desconectado do DOM. Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback).
559
+ */
560
+ "onBrDisconnectedCallback"?: (event: BrIconCustomEvent<this>) => void;
561
+ /**
562
+ * Rotaciona o ícone em diferentes ângulos. Aceita valores como "90deg", "180deg", "270deg".
563
+ */
564
+ "rotate"?: string;
565
+ /**
566
+ * Largura do ícone, pode ser especificada em qualquer unidade CSS válida (px, em, rem, etc.)
567
+ */
568
+ "width"?: string;
569
+ }
444
570
  /**
445
571
  * Consulte a [documentação GovBR-DS](https://www.gov.br/ds/components/input?tab=designer) para mais detalhes.
446
572
  */
@@ -620,6 +746,7 @@ declare namespace LocalJSX {
620
746
  interface IntrinsicElements {
621
747
  "br-button": BrButton;
622
748
  "br-checkbox": BrCheckbox;
749
+ "br-icon": BrIcon;
623
750
  "br-input": BrInput;
624
751
  "br-item": BrItem;
625
752
  }
@@ -636,6 +763,7 @@ declare module "@stencil/core" {
636
763
  * Consulte a [documentação GovBR-DS](https://www.gov.br/ds/components/checkbox?tab=designer) para mais detalhes.
637
764
  */
638
765
  "br-checkbox": LocalJSX.BrCheckbox & JSXBase.HTMLAttributes<HTMLBrCheckboxElement>;
766
+ "br-icon": LocalJSX.BrIcon & JSXBase.HTMLAttributes<HTMLBrIconElement>;
639
767
  /**
640
768
  * Consulte a [documentação GovBR-DS](https://www.gov.br/ds/components/input?tab=designer) para mais detalhes.
641
769
  */