@deriv-com/trading-game-design-system 0.2.8 → 0.2.10
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 +4 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +4 -4
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -525,17 +525,17 @@ var import_class_variance_authority2 = require("class-variance-authority");
|
|
|
525
525
|
var import_radix_ui2 = require("radix-ui");
|
|
526
526
|
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
527
527
|
var buttonVariants = (0, import_class_variance_authority2.cva)(
|
|
528
|
-
"inline-flex shrink-0 items-center justify-center overflow-hidden whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 font-display font-bold uppercase tracking-[1.5px]",
|
|
528
|
+
"inline-flex shrink-0 items-center justify-center overflow-hidden whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 active:opacity-60 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 font-display font-bold uppercase tracking-[1.5px]",
|
|
529
529
|
{
|
|
530
530
|
variants: {
|
|
531
531
|
variant: {
|
|
532
532
|
// Cyan family
|
|
533
533
|
primary: "bg-primary text-primary-foreground shadow-[0_0_20px_rgba(0,255,255,0.3)] hover:[background:linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0.1)),var(--color-primary)] hover:shadow-[0_0_20px_rgba(0,255,255,0.8)]",
|
|
534
|
-
secondary: "
|
|
534
|
+
secondary: "[background:linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)),rgba(0,255,255,0.04)] border border-primary/40 text-primary shadow-[0_0_20px_rgba(0,255,255,0.3)] hover:[background:rgba(0,255,255,0.04)] hover:border-primary hover:shadow-[0_0_20px_rgba(0,255,255,0.4)]",
|
|
535
535
|
tertiary: "bg-transparent text-primary hover:underline underline-offset-4",
|
|
536
536
|
// Amber family
|
|
537
537
|
"amber-primary": "bg-secondary-hover text-primary-foreground hover:[background:linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0.2)),var(--color-secondary-hover)]",
|
|
538
|
-
"amber-secondary": "bg-transparent border border-secondary-hover/30 text-secondary-hover hover:bg-secondary-hover hover:
|
|
538
|
+
"amber-secondary": "bg-transparent border border-secondary-hover/30 text-secondary-hover hover:bg-secondary-hover/[0.04] hover:border-secondary-hover",
|
|
539
539
|
"amber-tertiary": "bg-transparent text-secondary-hover hover:underline underline-offset-4"
|
|
540
540
|
},
|
|
541
541
|
size: {
|
|
@@ -578,7 +578,7 @@ function Button(_a) {
|
|
|
578
578
|
"data-variant": variant,
|
|
579
579
|
"data-size": size,
|
|
580
580
|
"data-loading": loading || void 0,
|
|
581
|
-
className: cn(buttonVariants({ variant, size, className }), loading && "pointer-events-none"),
|
|
581
|
+
className: cn(buttonVariants({ variant, size, className }), loading && "pointer-events-none opacity-50"),
|
|
582
582
|
"aria-busy": loading || void 0
|
|
583
583
|
}, props)
|
|
584
584
|
);
|