nexaas-ui-components 1.0.80 → 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.
- package/dist/index.cjs +9 -6
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +9 -6
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -115,13 +115,16 @@ var NEUTRAL_BORDERED_VARIANTS = /* @__PURE__ */ new Set([
|
|
|
115
115
|
"successOutline"
|
|
116
116
|
]);
|
|
117
117
|
var variants = {
|
|
118
|
-
// Default: sólido rose-500 + véu de brilho
|
|
119
|
-
//
|
|
120
|
-
//
|
|
121
|
-
//
|
|
122
|
-
//
|
|
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.
|
|
123
126
|
primary: {
|
|
124
|
-
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"
|
|
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"
|
|
125
128
|
},
|
|
126
129
|
secondary: {
|
|
127
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"
|