@kenlo/kdls-design-system 2.10.1 → 2.12.0

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.
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "package": {
3
3
  "name": "@kenlo/kdls-design-system",
4
- "version": "2.10.1"
4
+ "version": "2.12.0"
5
5
  },
6
6
  "install": {
7
7
  "add": "npm install @kenlo/kdls-design-system",
@@ -14,7 +14,7 @@
14
14
  "counts": {
15
15
  "components": 60,
16
16
  "propsTables": 85,
17
- "props": 733,
17
+ "props": 735,
18
18
  "tokens": 552,
19
19
  "api": 12,
20
20
  "icons": 49
@@ -2646,6 +2646,13 @@
2646
2646
  "description": "Torna o iconRight interativo com cursor pointer e hover. Padrão para botão \"limpar\"",
2647
2647
  "example": "() => setValue(\"\")"
2648
2648
  },
2649
+ {
2650
+ "name": "iconRightLabel",
2651
+ "type": "string",
2652
+ "default": "'Limpar'",
2653
+ "description": "Nome do iconRight clicável para leitores de tela e testes automáticos — diga o que o clique faz. Passe sempre que o ícone não limpa o campo (ex.: lupa que aplica a busca). Só vale com onClickIconRight",
2654
+ "example": "iconRightLabel=\"Buscar\""
2655
+ },
2649
2656
  {
2650
2657
  "name": "rows",
2651
2658
  "type": "number",
@@ -2759,7 +2766,7 @@
2759
2766
  "name": "phoneInternational",
2760
2767
  "type": "boolean",
2761
2768
  "default": "false",
2762
- "description": "Habilita o seletor de país para type='tel'. Exibe bandeira + DDI antes do input e aplica máscara automática conforme o país selecionado",
2769
+ "description": "Habilita o seletor de país para type='tel' ou 'cel'. A bandeira e o código do país ficam dentro do campo; a lista traz todos os países com nome em português, o Brasil no topo e busca por nome ou código. Máscara e conferência de cada país vêm da libphonenumber-js, carregada só quando o campo aparece. Um número colado com '+' escolhe o país sozinho",
2763
2770
  "example": "phoneInternational"
2764
2771
  },
2765
2772
  {
@@ -2790,6 +2797,13 @@
2790
2797
  "description": "Chamado quando o usuário seleciona um país no seletor. Recebe { code, ddi, name } do país escolhido",
2791
2798
  "example": "country => setCountry(country)"
2792
2799
  },
2800
+ {
2801
+ "name": "onPhoneChange",
2802
+ "type": "(phone: PhoneValue) => void",
2803
+ "default": "—",
2804
+ "description": "Chamado a cada mudança de um telefone com país. Recebe { country, national, e164, valid }: e164 é o número no formato internacional (+5511987654321) quando válido, e null enquanto não for",
2805
+ "example": "phone => setPhone(phone.e164)"
2806
+ },
2793
2807
  {
2794
2808
  "name": "pattern",
2795
2809
  "type": "string",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kenlo/kdls-design-system",
3
- "version": "2.10.1",
3
+ "version": "2.12.0",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "description": "KDLS Design System — componentes React + TypeScript",
@@ -72,7 +72,8 @@
72
72
  "react-dom": ">=18"
73
73
  },
74
74
  "dependencies": {
75
- "@fluentui/react-icons": "^2.0.320"
75
+ "@fluentui/react-icons": "^2.0.320",
76
+ "libphonenumber-js": "^1.13.15"
76
77
  },
77
78
  "devDependencies": {
78
79
  "@testing-library/jest-dom": "^6.9.1",