nexaas-ui-components 1.0.79 → 1.0.81

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.
Files changed (6) hide show
  1. package/dist/index.cjs +9 -5
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +1 -1
  4. package/dist/index.js +9 -5
  5. package/dist/index.js.map +1 -1
  6. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -115,12 +115,16 @@ var NEUTRAL_BORDERED_VARIANTS = /* @__PURE__ */ new Set([
115
115
  "successOutline"
116
116
  ]);
117
117
  var variants = {
118
- // Default sólido (rose-500) + sombra rosa; gradiente (rose-start/rose-end,
119
- // os tokens que o ButtonLink já usa corretamente) só aparece no hover;
120
- // active vira rose-600 sólido sem sombra. Antes o gradiente era o default
121
- // com hex soltos que não batiam com nenhum token do design system.
118
+ // Default: sólido rose-500 + véu de brilho via ::before com mix-blend-mode
119
+ // (não background-blend-mode: testado no Chromium real — background-blend-mode:
120
+ // plus-lighter é ignorado silenciosamente e cai pra "normal", sem véu nenhum;
121
+ // mix-blend-mode: plus-lighter funciona. O "Copy as CSS" do Figma Dev Mode usa
122
+ // background-blend-mode, mas não reflete suporte real de browser — visualmente
123
+ // confirmado lado a lado). Sombra com blur 4px (era 2px, Figma pede radius 4).
124
+ // Hover troca pro gradiente rose-start/rose-end (opaco, cobre o véu). Active
125
+ // zera o véu (before:opacity-0) e vira rose-600 sólido, sem sombra.
122
126
  primary: {
123
- 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"
127
+ text: "relative isolate 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)] hover:before:opacity-0 active:bg-rose-600 active:shadow-none active:before:opacity-0 disabled:opacity-50 disabled:shadow-none"
124
128
  },
125
129
  secondary: {
126
130
  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"