nexaas-ui-components 1.0.79 → 1.0.80

package/dist/index.cjs

@@ -115,12 +115,13 @@ var NEUTRAL_BORDERED_VARIANTS = /* @__PURE__ */ new Set([
   "successOutline"
 ]);
 var variants = {
-  // Default sólido (rose-500) + sombra rosa; gradiente (rose-start/rose-end,
-  // os tokens que o ButtonLink já usa corretamente) só aparece no hover;
-  // active vira rose-600 sólido sem sombra. Antes o gradiente era o default
-  // com hex soltos que não batiam com nenhum token do design system.
+  // Default: sólido rose-500 + véu de brilho (mix-blend-plus-lighter, sempre
+  // ligado — não só no hover) igual ao node 2:2602 do Figma, sombra rosa com
+  // blur 4px (era 2px, não batia com "Shadow/Button - Primary" do Figma).
+  // Hover troca pro gradiente rose-start/rose-end; active vira rose-600 sólido
+  // sem sombra — nenhum dos dois mudou, só o default e o blur da sombra.
   primary: {
-    text: "bg-rose-500 text-white shadow-[0_1px_2px_0_rgba(217,48,99,0.3)] hover:bg-gradient-to-b hover:from-rose-start hover:to-rose-end hover:shadow-[0_2px_3px_0_rgba(56,61,77,0.12)] active:bg-rose-600 active:shadow-none disabled:opacity-50 disabled:shadow-none"
+    text: "relative bg-rose-500 text-white shadow-[0_1px_4px_0_rgba(217,48,99,0.3)] before:content-[''] before:absolute before:inset-0 before:-z-10 before:rounded-lg before:pointer-events-none before:mix-blend-plus-lighter before:bg-gradient-to-b before:from-[rgba(218,48,99,0.2)] before:to-[rgba(218,48,99,0)] hover:bg-gradient-to-b hover:from-rose-start hover:to-rose-end hover:shadow-[0_2px_3px_0_rgba(56,61,77,0.12)] active:bg-rose-600 active:shadow-none disabled:opacity-50 disabled:shadow-none"
   },
   secondary: {
     text: "bg-surface border-[0.5px] border-neutral-300 text-neutral-600 hover:bg-neutral-100 hover:text-neutral-600 active:text-neutral-600 active:bg-neutral-200 active:shadow-none disabled:opacity-50"