@govbr-ds/webcomponents 2.0.0-next.47 → 2.0.0-next.48

package/dist/components/br-tag.js

@@ -327,7 +327,7 @@ const m =  r(class r extends a {
   render() {
     const r = this.renderMainTagContent();
     return i(n, {
-      key: "d93a1ef9a900e1e508f312768c4f850c9ef0528c"
+      key: "a267c1e33795429db4b1822a41cfdb6035e72ab1"
     }, this.interactionSelect ? this.renderInteractionSelectTag() : this.status ? this.renderStatusLayout(r) : r);
   }
   static get formAssociated() {

package/dist/components/br-textarea.js

@@ -85,12 +85,12 @@ const g =  r(class r extends a {
     const a = this.currentLength > 0;
     const o = !!this.label;
     return i(n, {
-      key: "2ef9c7541022573e6c1da8a05e5d10e4831d1348"
+      key: "2af6b394753461a6adf4287a83d5efb39a2e9c55"
     }, i("div", {
-      key: "b8756f018a5517345ba33c746b8927dc7107ba5c",
+      key: "59edcfddec5286d98336721a07cb1de753f28fea",
       class: this.getCssClassMap()
     }, i("div", {
-      key: "ffa093877353602fdebe1f5d4e7c45c2fc3f63d3",
+      key: "e087e031bb2d72c4719333125d7e43eff79c62be",
       class: this.isInline ? "row" : ""
     }, this.isInline ? i("div", {
       class: "col-auto pt-half"
@@ -99,10 +99,10 @@ const g =  r(class r extends a {
     }, this.label)) : i("label", {
       htmlFor: this.customId
     }, this.label), i("div", {
-      key: "8afafd7535e57a978ead59165eb6b227b02820be",
+      key: "7f17addb9d9e9ffe7a528212dcd191887cda047b",
       class: this.isInline ? "col" : ""
     }, i("textarea", {
-      key: "83772b0c42ea0d09991e4a622d8f86851bda2a8b",
+      key: "ca231ff09c4f0dae99636930bafd8a37f8075873",
       id: this.customId,
       value: this.value,
       placeholder: this.placeholder,
@@ -116,10 +116,10 @@ const g =  r(class r extends a {
         "aria-label": this.getAccessibilityLabel()
       } : {}
     }), i("div", {
-      key: "7e1a019e4186f4d888fd2898665aa3037f543a8e",
+      key: "dc74b639344b93eba8a28dc4e17669a226bd7ae0",
       class: "text-base mt-1"
     }, this.showCounter && i("div", {
-      key: "9e80a2b49f9f107acf8a07958c5ba15881bc0fd9"
+      key: "77d4ae651944f408db637ec8fc8a2efb37276ad1"
     }, a ? i("span", {
       class: "restantes",
       "aria-live": "polite",
@@ -130,11 +130,11 @@ const g =  r(class r extends a {
       "aria-live": "polite",
       id: `${this.customId}-limitMax`
     }, "Limite máximo de ", i("strong", null, this.maxlength), " caracteres"))), i("div", {
-      key: "cb5d661d80018f2e3a3159d7e3b427a26572e1c0",
+      key: "6b4c7265585b55fb864c001317fad59f955e839e",
       id: `${this.customId}-slotInfo`,
       "aria-live": "polite"
     }, i("slot", {
-      key: "38bace1df619a710ba8474e19e21ff76cf27563c"
+      key: "91e491c48d49b1e974e3361eceac5eda0751f295"
     }))))));
   }
   static get formAssociated() {

package/dist/components/br-tooltip.js

@@ -1993,13 +1993,13 @@ const M =  r(class r extends a {
      * @returns JSX.Element
      */  render() {
     return t(i, {
-      key: "3a99ff00895f77cf90574ccbd8ccae37ce68f9bb"
+      key: "d6e5912cdffef08607dff63f5e0e2a50e0899352"
     }, t("div", {
-      key: "d642b5e8747633cd155a89afa3e84e5036dfdc10",
+      key: "a21ed47af05bf9390915f4c71e83d565fd09bf73",
       id: this.customId,
       class: this.getCssClassMap()
     }, t("div", {
-      key: "bb6b81ac3460ffacbe071082f634d0482c4b106c",
+      key: "015798d2ee394f605d2a14c0b729c80a760ba40f",
       class: this.getTriggerCssClassMap(),
       ref: r => this.triggerElement = r,
       "aria-describedby": `${this.customId}-content`,
@@ -2008,30 +2008,30 @@ const M =  r(class r extends a {
       role: "button",
       tabindex: "-1  "
     }, t("slot", {
-      key: "30bc547b469bc666a58f2e04203df0b44e330fef",
+      key: "8db8be8f39105a2cbc27e2582c2fa9027d2a115a",
       name: "trigger"
     })), t("div", {
-      key: "67c59e644d3b88deab9553accc461c2f6136a312",
+      key: "1b568d67be6ca529e23770f8dae9975192b02ce8",
       id: `${this.customId}-content`,
       class: this.getContentCssClassMap(),
       ref: r => this.contentElement = r,
       role: this.type === "popover" ? "dialog" : "tooltip",
       tabindex: "-1"
     }, t("slot", {
-      key: "e3321ee00f78e6e7332c528029d9ea6f5ceabf9d",
+      key: "457a486444176df4f449d775b307564ac0479198",
       name: "content"
     }), this.type === "popover" && t("br-button", {
-      key: "61a1e0732d23e3eec044788b9a9953d1229c3e14",
+      key: "b6df572d9ea58e70a56b12a099a190249e98754e",
       class: "close",
       shape: "circle",
       density: "small",
       onClick: this.hideContent,
       "aria-label": "Fechar popover"
     }, t("br-icon", {
-      key: "93357409f8f123d36708118dc23b368ff534e0d7",
+      key: "1dcb3fc0b1cc3800a66b1e3373404a9e66fb54d4",
       "icon-name": "fa6-solid:xmark"
     })), t("div", {
-      key: "d3fd53e7146b4e01daa827c64f526fde5f78aef9",
+      key: "abbac07e028eb35eca6e6acb81f79af93f4f0be9",
       class: this.getArrowCssClassMap(),
       ref: r => this.arrowElement = r
     }))));

package/dist/components/br-upload.js

@@ -137,20 +137,20 @@ const d =  r(class r extends a {
   }
   render() {
     return o(i, {
-      key: "04f5ddee05c4f97819d81ac74b73ae201bff0efb"
+      key: "76ae95a5f45b8fb79fa13d0ffffdb7112b34fab7"
     }, o("div", {
-      key: "dc1351bde473c392633fea3420a3a14307af6634",
+      key: "9ff7b87cbe19fae8084a349c698960911b818e52",
       class: this.getCssClassMap(),
       id: this.customId
     }, o("label", {
-      key: "c401e4566f70aeb5fedc39bd2ee59957fc12f8c6",
+      key: "444dc0325e991ae2fe90cff67fa7c2c70f1ab9e1",
       id: `label-${this.customId}`,
       class: "upload-label",
       htmlFor: `single-file-${this.customId}`
     }, o("span", {
-      key: "e6d03cbcdf6e0a9e908e1cfb0bb169c00eb93aae"
+      key: "272c7952c966b86cb3cb309404df8dbf05225c53"
     }, this.label)), o("input", {
-      key: "a265b289688132438a8bc74cfe3d93af5e3bc3c7",
+      key: "9838831e2bf6322aad1f951739e0c421a227aebc",
       class: "upload-input",
       id: `single-file-${this.customId}`,
       type: "file",
@@ -160,7 +160,7 @@ const d =  r(class r extends a {
       accept: this.accept,
       "aria-labelledby": `label-${this.customId}`
     }), o("button", {
-      key: "0aa326ad742da664ad17d4f98f988615c6f40e73",
+      key: "63ed1dc6e26b6c552677c3f7deb6f8ffafc54e8d",
       class: "upload-button",
       type: "button",
       disabled: this.disabled,
@@ -169,16 +169,16 @@ const d =  r(class r extends a {
       onDragOver: r => this.handleDragOver(r),
       "aria-describedby": `label-${this.customId}`
     }, o("br-icon", {
-      key: "1986c81deb151328a98380e48e2cacc07b63fb57",
+      key: "3d82dea2a337e0da64df9a9d3fa3e3550dc9c72b",
       "icon-name": "fa-solid:upload",
       height: "16",
       "aria-hidden": "true"
     }), o("slot", {
-      key: "7743c3121776b6cb67cabcfb5cc933aa27686b54"
+      key: "3a2f5c53fb02fd5754efa80cde0607958b1e308a"
     }, o("span", {
-      key: "a62f67fb94e453d54ad11303969bdab73021f3ff"
+      key: "015b7e5128f0409eaec14fe478a9c563d3932e03"
     }, "Selecione o arquivo"))), this.filesSelected && o("div", {
-      key: "56949da99192812fb6d3cffc9940878db0737359",
+      key: "c2e272533c19ecbeb8f9698efd565d27ff2d1b27",
       id: `${this.customId}-list-files`,
       class: "upload-list",
       role: "list"

package/dist/components/index.d.ts

@@ -49,6 +49,8 @@ export { Scrim as BrScrim } from '../types/components/scrim/scrim';
 export { defineCustomElement as defineCustomElementBrScrim } from './br-scrim';
 export { Select as BrSelect } from '../types/components/select/select';
 export { defineCustomElement as defineCustomElementBrSelect } from './br-select';
+export { SignIn as BrSignIn } from '../types/components/sign-in/sign-in';
+export { defineCustomElement as defineCustomElementBrSignIn } from './br-sign-in';
 export { Step as BrStep } from '../types/components/step/step';
 export { defineCustomElement as defineCustomElementBrStep } from './br-step';
 export { StepItem as BrStepItem } from '../types/components/step-item/step-item';

package/dist/components/index.js

@@ -54,6 +54,8 @@ export { BrScrim, defineCustomElement as defineCustomElementBrScrim } from "./br
 
 export { BrSelect, defineCustomElement as defineCustomElementBrSelect } from "./br-select.js";
 
+export { BrSignIn, defineCustomElement as defineCustomElementBrSignIn } from "./br-sign-in.js";
+
 export { BrStep, defineCustomElement as defineCustomElementBrStep } from "./br-step.js";
 
 export { BrStepItem, defineCustomElement as defineCustomElementBrStepItem } from "./br-step-item.js";

package/dist/custom-elements.json

@@ -6694,6 +6694,278 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/sign-in.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/sign-in?tab=designer).\n\nPara acessibilidade adequada, especialmente em formatos circulares, use a propriedade aria-label:\n<br-sign-in shape=\"circle\" aria-label=\"Fazer login com Gov.br\"></br-sign-in>\n\nPara controlar onde o link abre, use a propriedade target:\n<br-sign-in href=\"https://accounts.google.com\" target=\"_self\">Login Google</br-sign-in>\n<br-sign-in href=\"https://help.site.com\" target=\"_blank\">Ajuda</br-sign-in>",
+          "name": "SignIn",
+          "slots": [
+            {
+              "description": "Conteúdo do label/texto do sign-in",
+              "name": "default"
+            },
+            {
+              "description": "Ícone personalizado. Para shape=\"circle\", um ícone padrão (fa6-solid:user) será exibido se nenhum for fornecido",
+              "name": "icon"
+            },
+            {
+              "description": "Imagem ou ícone exibido ao lado da label",
+              "name": "image"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLBrSignInElement"
+              },
+              "description": "Referência ao elemento host do componente.\nUtilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente."
+            },
+            {
+              "kind": "field",
+              "name": "elementInternals",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "customId",
+              "type": {
+                "text": "string"
+              },
+              "description": "Identificador único.\nCaso não seja fornecido, um ID gerado automaticamente será usado."
+            },
+            {
+              "kind": "field",
+              "name": "colorMode",
+              "type": {
+                "text": "'dark'"
+              },
+              "description": "Define se o sign-in usará um esquema de cores escuro."
+            },
+            {
+              "kind": "field",
+              "name": "density",
+              "type": {
+                "text": "'large' | 'medium' | 'small'"
+              },
+              "default": "'medium'",
+              "description": "Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido."
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Desativa o sign-in, tornando-o não interativo."
+            },
+            {
+              "kind": "field",
+              "name": "emphasis",
+              "type": {
+                "text": "'primary' | 'secondary'"
+              },
+              "default": "'secondary'",
+              "description": "Define a ênfase do sign-in, alterando sua aparência para criar hierarquia visual."
+            },
+            {
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "'block' | 'circle' | 'pill'"
+              },
+              "default": "'pill'",
+              "description": "Define o formato do sign-in."
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "description": "URL para onde o usuário será redirecionado ao clicar. Use para login com provedores externos ou em sites tradicionais."
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "'_self' | '_blank' | '_parent' | '_top'"
+              },
+              "default": "'_self'",
+              "description": "Define onde abrir o link quando href é fornecido."
+            },
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string"
+              },
+              "description": "Define o rótulo acessível do sign-in, especialmente importante para formatos circulares."
+            },
+            {
+              "kind": "field",
+              "name": "handleClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleFocus",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "hasSlotContent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "slotName",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getCssClassMap",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "CssClassMap"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getTagType",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getAttributes",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "custom-id",
+              "fieldName": "customId",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "color-mode",
+              "fieldName": "colorMode",
+              "type": {
+                "text": "'dark'"
+              }
+            },
+            {
+              "name": "density",
+              "fieldName": "density",
+              "type": {
+                "text": "'large' | 'medium' | 'small'"
+              }
+            },
+            {
+              "name": "disabled",
+              "fieldName": "disabled",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "emphasis",
+              "fieldName": "emphasis",
+              "type": {
+                "text": "'primary' | 'secondary'"
+              }
+            },
+            {
+              "name": "shape",
+              "fieldName": "shape",
+              "type": {
+                "text": "'block' | 'circle' | 'pill'"
+              }
+            },
+            {
+              "name": "href",
+              "fieldName": "href",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "target",
+              "fieldName": "target",
+              "type": {
+                "text": "'_self' | '_blank' | '_parent' | '_top'"
+              }
+            },
+            {
+              "name": "aria-label",
+              "fieldName": "ariaLabel",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "tagName": "br-sign-in",
+          "csspart": [
+            {
+              "name": "content",
+              "description": "Área do conteúdo/texto dentro do sign-in"
+            },
+            {
+              "name": "image",
+              "description": "Área da imagem/ícone (para controle de tamanho via CSS)"
+            }
+          ],
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SignIn",
+          "declaration": {
+            "name": "SignIn",
+            "module": "components/sign-in.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "br-sign-in",
+          "declaration": {
+            "name": "SignIn",
+            "module": "components/sign-in.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/step.js",
@@ -10498,6 +10770,12 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/_tests/sign-in.spec.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "components/tests/step.spec.js",