@deriv-com/trading-game-design-system 0.2.8 → 0.2.9

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 CHANGED
@@ -525,7 +525,7 @@ 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: {
@@ -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
  );