@govbr-ds/webcomponents 2.0.0-next.13 → 2.0.0-next.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@govbr-ds/webcomponents",
-  "version": "2.0.0-next.13",
+  "version": "2.0.0-next.15",
   "description": "Projeto de Web Components baseado no GovBR-DS",
   "keywords": [
     "design system",
@@ -34,15 +34,19 @@
     "dev": "stencil build -docs --dev --watch --serve",
     "generate": "stencil generate",
     "lint:md": "cross-env markdownlint -d -f '**/*.md'",
+    "lint:tsx": "eslint src/**/*{.ts,.tsx} --fix",
     "rename:docs": "bash ./scripts/rename-autodocs-titles.sh",
-    "test:unit": "stencil test --spec -- --collectCoverage",
-    "test:watch": "stencil test --spec --watchAll",
     "test:playwright": "npx playwright test",
-    "test:playwright.ui": "npx playwright test --ui"
+    "test:playwright.ui": "npx playwright test --ui",
+    "test:unit": "stencil test --spec -- --collectCoverage",
+    "test:watch": "stencil test --spec --watchAll"
   },
   "lint-staged": {
     "*.md": [
       "cross-env markdownlint -d -f -c .markdownlint.yml"
+    ],
+    "*.{ts,tsx}": [
+      "eslint --fix"
     ]
   },
   "dependencies": {
@@ -55,6 +59,7 @@
     "@axe-core/playwright": "^4.10.0",
     "@fullhuman/postcss-purgecss": "^6.0.0",
     "@playwright/test": "^1.47.2",
+    "@stencil-community/eslint-plugin": "^0.8.0",
     "@stencil-community/postcss": "^2.2.0",
     "@stencil/angular-output-target": "^0.9.0",
     "@stencil/react-output-target": "^0.7.1",
@@ -65,8 +70,7 @@
     "autoprefixer": "^10.4.20",
     "jest": "^29.7.0",
     "jest-cli": "^29.7.0",
-    "puppeteer": "23.5.0",
-    "stencil-inline-svg": "^1.1.0"
+    "puppeteer": "23.5.0"
   },
   "publishConfig": {
     "access": "public"

package/vscode-data.json

@@ -37,10 +37,6 @@
         "value": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/button?tab=designer)."
       },
       "attributes": [
-        {
-          "name": "autofocus",
-          "description": "Se definido como verdadeiro, o botão receberá foco automaticamente ao ser renderizado."
-        },
         {
           "name": "color-mode",
           "description": "Define se o botão usará um esquema de cores escuro.",
@@ -181,6 +177,19 @@
         }
       ]
     },
+    {
+      "name": "br-dropdown",
+      "description": {
+        "kind": "markdown",
+        "value": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/dropdown?tab=designer)."
+      },
+      "attributes": [
+        {
+          "name": "is-open",
+          "description": "Indica se o dropdown está aberto ou fechado.\nEsta propriedade é refletida no DOM e pode ser alterada externamente.\nO valor padrão é falso (fechado)."
+        }
+      ]
+    },
     {
       "name": "br-icon",
       "description": {
@@ -189,12 +198,12 @@
       },
       "attributes": [
         {
-          "name": "icon-name",
-          "description": "Nome do ícone a ser exibido, utilizando a biblioteca Iconify.\nEste nome deve corresponder ao nome do ícone definido na biblioteca para que ele seja exibido corretamente."
+          "name": "css-classes",
+          "description": "Permite adicionar classes CSS adicionais ao ícone.\nUse esta propriedade para aplicar estilos personalizados ao ícone, além dos estilos padrão."
         },
         {
-          "name": "class",
-          "description": "Permite adicionar classes CSS adicionais ao ícone.\nUse esta propriedade para aplicar estilos personalizados ao ícone, além dos estilos padrão."
+          "name": "icon-name",
+          "description": "Nome do ícone a ser exibido, utilizando a biblioteca Iconify.\nEste nome deve corresponder ao nome do ícone definido na biblioteca para que ele seja exibido corretamente."
         },
         {
           "name": "flip",
@@ -256,10 +265,6 @@
             }
           ]
         },
-        {
-          "name": "autofocus",
-          "description": "Se definido como verdadeiro, o input receberá foco automaticamente ao ser renderizado."
-        },
         {
           "name": "danger",
           "description": "Se verdadeiro, o input indica um estado de validação com erro."
@@ -682,6 +687,55 @@
           "description": "Define o valor associado ao switch quando ele faz parte de um formulário nativo (`<form>`).\nEsse valor é enviado com o formulário quando o switch está selecionado.\n**Nota:** Esta propriedade não deve ser utilizada para determinar se o switch está selecionado; para verificar o estado de seleção, use a propriedade `checked`."
         }
       ]
+    },
+    {
+      "name": "br-textarea",
+      "description": {
+        "kind": "markdown",
+        "value": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/textarea?tab=designer)."
+      },
+      "attributes": [
+        {
+          "name": "default-id",
+          "description": "Identificador único do textarea, gerado automaticamente.\nEste ID é utilizado para associar o textarea a outros elementos, como rótulos,\ne garantir que cada instância do componente tenha um identificador distinto."
+        },
+        {
+          "name": "density",
+          "description": "Ajusta a densidade do componente, podendo ser 'small', 'medium' ou 'large'."
+        },
+        {
+          "name": "disabled",
+          "description": "Indica se o textarea está desabilitado. Quando verdadeiro, o usuário não pode interagir com o campo."
+        },
+        {
+          "name": "is-dark-mode",
+          "description": "Ativa o modo escuro para o componente. Quando verdadeiro, o componente será exibido em um tema escuro."
+        },
+        {
+          "name": "is-label-left",
+          "description": "Define se o rótulo deve ser exibido à esquerda do textarea. Quando verdadeiro, o rótulo é posicionado à esquerda."
+        },
+        {
+          "name": "label",
+          "description": "Texto do rótulo associado ao textarea. Este rótulo é exibido acima do campo de entrada."
+        },
+        {
+          "name": "maxlength",
+          "description": "Número máximo de caracteres permitidos no textarea. Se definido como 0, não há limite."
+        },
+        {
+          "name": "placeholder",
+          "description": "Texto exibido quando o textarea está vazio. Ajuda a guiar o usuário sobre o que deve ser inserido."
+        },
+        {
+          "name": "states",
+          "description": "Define o estado visual do componente, podendo ser 'danger', 'success' ou 'warning'."
+        },
+        {
+          "name": "value",
+          "description": "Valor atual do textarea. Este valor pode ser alterado programaticamente."
+        }
+      ]
     }
   ]
 }