@kenlo/kdls-design-system 2.13.0 → 2.18.0

package/kdls-manifest.json

@@ -1,7 +1,7 @@
 {
   "package": {
     "name": "@kenlo/kdls-design-system",
-    "version": "2.13.0"
+    "version": "2.18.0"
   },
   "install": {
     "add": "npm install @kenlo/kdls-design-system",
@@ -14,7 +14,7 @@
   "counts": {
     "components": 60,
     "propsTables": 85,
-    "props": 740,
+    "props": 746,
     "tokens": 552,
     "api": 12,
     "icons": 49
@@ -613,9 +613,16 @@
           "name": "showSelectAll",
           "type": "boolean",
           "default": "false",
-          "description": "Exibe uma linha fixa \"Selecionar todos\" acima da lista, com indeterminate quando parte das opções está marcada. Só tem efeito com multiple",
+          "description": "Exibe \"Selecionar todos\". Por padrão é uma linha fixa acima da lista, com indeterminate quando parte das opções está marcada; selectAllPlacement=\"footer\" leva para o rodapé. Só tem efeito com multiple",
           "example": "showSelectAll"
         },
+        {
+          "name": "selectAllPlacement",
+          "type": "'header' | 'footer'",
+          "default": "'header'",
+          "description": "Onde fica o \"Selecionar todos\" — o mesmo do Select. header = linha com checkbox acima da lista | footer = link num canto do rodapé automático, com Limpar e Aplicar no outro; vira \"Desmarcar todos\" quando todas as opções visíveis estão marcadas. Só tem efeito com showSelectAll; com footer customizado, volta para o header",
+          "example": "selectAllPlacement=\"header\""
+        },
         {
           "name": "value",
           "type": "string | string[] | null",
@@ -1598,8 +1605,8 @@
           "name": "zIndex",
           "type": "number",
           "default": "—",
-          "description": "Sobrescreve o z-index do painel. Use quando o ColorPicker está dentro de um Popover ou Drawer com z-index elevado",
-          "example": "zIndex={500}"
+          "description": "Sobrescreve o z-index do painel. Sem a prop, o painel não define z-index na página e sobe sozinho para 500 dentro de um Drawer, Modal ou BottomSheet aberto — use quando o ColorPicker está numa camada própria acima disso (ex.: um Popover com z-index alto)",
+          "example": "zIndex={600}"
         },
         {
           "name": "disableAlpha",
@@ -1735,6 +1742,13 @@
           "description": "Mês exibido ao abrir quando não há valor selecionado",
           "example": "defaultViewDate={new Date('2027-01-01')}"
         },
+        {
+          "name": "zIndex",
+          "type": "number",
+          "default": "—",
+          "description": "Sobrescreve o z-index do calendário. Sem a prop, o calendário fica em 200 na página e sobe sozinho para 500 dentro de um Drawer, Modal ou BottomSheet aberto — use só quando o campo está numa camada própria acima disso",
+          "example": "zIndex={600}"
+        },
         {
           "name": "isRange",
           "type": "boolean",
@@ -2206,11 +2220,18 @@
       "props": [
         {
           "name": "product",
-          "type": "'imob' | 'sites' | 'locacao' | 'leads' | 'generico' | 'base'",
+          "type": "'imob' | 'sites' | 'locacao' | 'leads' | 'base'",
           "default": "'base'",
-          "description": "Produto Kenlo — define o logo exibido",
+          "description": "Produto Kenlo — define o logo exibido. Com base mostra só o wordmark Kenlo (logo genérico, sem nome de produto); os demais acrescentam o nome do produto ao lado",
           "example": "'imob' | 'locacao'"
         },
+        {
+          "name": "logo",
+          "type": "IconElement",
+          "default": "—",
+          "description": "Logo próprio do produto, no lugar do logo Kenlo — para um produto que não é um dos logos de product (ferramenta interna, produto parceiro). Tem prioridade sobre product; fica com 24px de altura e mantém o comportamento de link",
+          "example": "<BeaconLogo />"
+        },
         {
           "name": "logoHref",
           "type": "string",
@@ -4221,8 +4242,8 @@
           "name": "zIndex",
           "type": "number",
           "default": "—",
-          "description": "Sobrescreve o z-index do painel — usar quando aninhado em camadas com z-index elevado",
-          "example": "zIndex={500}"
+          "description": "Sobrescreve o z-index do painel. Sem a prop, o painel não define z-index na página e sobe sozinho para 500 dentro de um Drawer, Modal ou BottomSheet aberto — use quando o Popover está numa camada própria acima disso",
+          "example": "zIndex={600}"
         },
         {
           "name": "panelClassName",
@@ -4529,6 +4550,20 @@
           "description": "Placeholder do campo de busca",
           "example": "searchPlaceholder=\"Digite para buscar...\""
         },
+        {
+          "name": "allSelectedLabel",
+          "type": "string",
+          "default": "—",
+          "description": "Texto exibido no trigger quando todas as opções estão marcadas, no lugar de \"primeira opção +N\" (ex.: \"DWV +1\" vira \"Todas\"). Sem a prop, o trigger segue mostrando a primeira + contador. Só tem efeito com multiple",
+          "example": "allSelectedLabel=\"Todas\""
+        },
+        {
+          "name": "selectAllPlacement",
+          "type": "'header' | 'footer'",
+          "default": "'header'",
+          "description": "Onde fica o \"Selecionar todos\". header = linha com checkbox acima da lista | footer = link num canto do rodapé, com Limpar e Aplicar no outro; vira \"Desmarcar todos\" quando todas as opções visíveis estão marcadas. Nos dois casos afeta só as opções visíveis e nada é aplicado antes do Aplicar. Só tem efeito com showSelectAll",
+          "example": "selectAllPlacement=\"header\""
+        },
         {
           "name": "value",
           "type": "string | string[] | DropdownLabeledValue | DropdownLabeledValue[] | null",
@@ -4638,7 +4673,7 @@
           "name": "showSelectAll",
           "type": "boolean",
           "default": "false",
-          "description": "Exibe \"Selecionar todos\" como primeira linha — marcar/desmarcar todas as opções de uma vez. Requer multiple",
+          "description": "Exibe \"Selecionar todos\" — marcar/desmarcar todas as opções visíveis de uma vez. Por padrão é a primeira linha, acima da lista; selectAllPlacement=\"footer\" leva para o rodapé. Requer multiple",
           "example": "showSelectAll"
         },
         {
@@ -5819,6 +5854,13 @@
           "description": "Posição do tooltip em relação ao disparador — 4 lados × 3 alinhamentos. Inverte automaticamente para o lado oposto quando não há espaço",
           "example": "placement=\"top\""
         },
+        {
+          "name": "width",
+          "type": "'hug'|'fill'",
+          "default": "'hug'",
+          "description": "Largura do wrapper do disparador, só com children: 'hug' = abraça o disparador · 'fill' = ocupa 100% do contêiner e estica o disparador junto. Use 'fill' quando o disparador é uma linha inteira, como um Card. Sem children não tem efeito — o ícone padrão mantém o próprio tamanho",
+          "example": "width=\"hug\""
+        },
         {
           "name": "className",
           "type": "string",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kenlo/kdls-design-system",
-  "version": "2.13.0",
+  "version": "2.18.0",
   "private": false,
   "type": "module",
   "description": "KDLS Design System — componentes React + TypeScript",