How to make opacity to 100 when hover the button?

[strongphoenix]

I am customizing the Button using Nextui button.
I don't want opacity effect when hover the button.

import { ReactNode } from "react";
import { Button as NewButton, extendVariants } from "@nextui-org/react";

export type ActiveButtonPrimaryVariantProps = {
  children: ReactNode;
  className?: string;
  size?: "xs" | "sm" | "base" | "l" | "xl";
  onClick?: () => void;
};

const SButton = extendVariants(NewButton, {
  variants: {
    color: {
      primary:
        "bg-indigo-600 text-white data-[hover=true]:!opacity-100 data-[hover=true]:!bg-indigo-800 data-[focus-visible=true]:bg-indigo-600 outline-none data-[focus-visible=true]:outline-indigo-400",
    },
    size: {
      xs: "rounded text-xs leading-3 px-[11px] py-[7px]",
      sm: "rounded-md text-sm leading-4 px-[13px] py-[9px]",
      base: "rounded-md text-sm leading-5 px-[17px] py-[9px]",
      l: "rounded-md text-base leading-6 px-[17px] py-[9px]",
      xl: "rounded-md text-base leading-6 px-[25px] py-[13px]",
    },
  },
  defaultVariants: {
    color: "primary",
    size: "base",
  },
});

export const ActiveButtonPrimaryVariant = (
  props: ActiveButtonPrimaryVariantProps
) => {
  const { className, size="base", children, onClick } = props;

  return (
    <SButton
      className={`${className} font-medium h-auto`}
      color="primary"
      isDisabled={false}
      size={size}
      variant="solid"
      onClick={onClick}
    >
      {children}
    </SButton>
  );
};

This is my code.
But data-[hover=true]:!opacity-100 is not working and still I can see the traditional opacity value data-[hover=true]:opacity-hover[data-hover=true]{opacity: var(--nextui-hover-opacity) !important.

How can I disable this value?
Thank you.

[caebwallace]

To disable the default hover opacity on your component, you can add the property data-hover={false} to your button element. This will prevent the hover effect from being applied.
Definition of the button style here : https://github.com/nextui-org/nextui/blob/4f8ae50cf441da5b5685b6573714a3f7c9ab3ea2/packages/core/theme/src/components/button.ts#L15C5-L15C28