@ciromaciel/dashboard-kit 1.7.0 → 1.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ciromaciel/dashboard-kit",
-    "version": "1.7.0",
+    "version": "1.7.1",
     "license": "MIT",
     "type": "module",
     "description": "The components every dashboard shares: table, empty state, loading state, destructive confirm, danger zone and wordmark.",

package/src/components/NavItem.jsx

@@ -24,6 +24,10 @@ import { NavLink } from '@mantine/core'
  * @param {string}   label    O que a pessoa lê.
  * @param {boolean}  active   Item da rota atual. Engrossa o rótulo.
  * @param {boolean}  muted    Secundário: ícone e texto em cinza. Para a nav de conta.
+ *                            Cede ao `active`: ativo, o item é o preenchimento preto
+ *                            com texto claro, como qualquer outro — cinza sobre o
+ *                            preenchimento ficava ilegível (14/10/2026, Webhooks
+ *                            do Hoster).
  * @param {boolean}  disabled Sem alvo ainda (no Auth, antes de escolher a aplicação).
  * @param {Function} onClick  Ignorado quando `disabled`.
  */
@@ -44,13 +48,13 @@ export function NavItem({ icon: Icon, label, active, muted, disabled, onClick })
                 <Icon
                     size={18}
                     stroke={1.5}
-                    style={muted ? { color: 'var(--mantine-color-gray-5)' } : undefined}
+                    style={muted && !active ? { color: 'var(--mantine-color-gray-5)' } : undefined}
                 />
             }
             styles={{
                 root: { justifyContent: 'flex-start' },
                 section: { marginInlineEnd: 12 },
-                label: { fontSize: 13, fontWeight: active ? 800 : 500, color: muted ? 'var(--mantine-color-gray-6)' : undefined },
+                label: { fontSize: 13, fontWeight: active ? 800 : 500, color: muted && !active ? 'var(--mantine-color-gray-6)' : undefined },
             }}
         />
     )

package/src/components/SidebarShell.jsx

@@ -44,7 +44,8 @@ import { ColorSchemeToggle } from './ColorSchemeToggle'
  * O botão de criar na linha da busca: quadrado de 36px, preto, colado à busca;
  * em contorno cinza quando o plano chegou ao limite. É a forma única do "+" em
  * todo painel — exportado como `CreateButton` para as colunas que ainda não
- * são o SidebarShell. Nunca um item de lista "+ Novo …" abaixo da busca.
+ * são o SidebarShell. Com busca na coluna, nunca um item "+ Novo …" abaixo
+ * dela; sem busca, criar volta a ser um item escrito (09-painel.md).
  */
 export function CreateButton({ icon: Icon = IconPlus, label, isAllowed = true, onClick }) {
     return (

package/src/tokens.css

@@ -226,3 +226,10 @@
 :root[data-mantine-color-scheme='dark'] img:not([src$='.svg']):not([data-keep-colors]) {
     filter: brightness(0.88);
 }
+
+/* Um raster que é traço escuro sobre transparente (o logotipo) pede a mesma
+   inversão do SVG: `data-invert-dark`. O seletor pesa mais que o
+   `brightness(0.88)` dos outros rasters. */
+:root[data-mantine-color-scheme='dark'] img[data-invert-dark]:not([data-keep-colors]) {
+    filter: invert(1) hue-rotate(180deg);
+}