Button - Danger color ghost variant issue

[VivekSambath]

NextUI Version

2.4.8

Describe the bug

'use client';

import {
extendVariants,
Button as NextButton,
colorVariants
} from '@nextui-org/react';

const Button = extendVariants(NextButton, {
variants: {
size: {
sm: 'rounded-full font-medium',
md: 'rounded-full font-medium',
lg: 'rounded-full font-medium'
},
isDisabled: {
true: 'opacity-100 bg-gray-200 border-none text-gray-400'
}
},
});

export default Button;

Button classes :

"z-0 group relative inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap subpixel-antialiased overflow-hidden tap-highlight-transparent data-[pressed=true]:scale-[0.97] outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 border-medium bg-transparent px-6 min-w-24 h-12 text-medium gap-3 [&>svg]:max-w-[theme(spacing.8)] transition-transform-colors-opacity motion-reduce:transition-none border-danger text-danger data-[hover=true]:!bg-danger !text-danger-foreground rounded-full font-medium"

issue class : !text-danger-foreground

no effect of text-danger, this class only applied "!text-danger-foreground"

I'm using this :
variant: 'ghost',
color: 'danger',

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

variant: 'ghost',
color: 'danger',

Expected behavior

Screenshots or Videos

No response

Operating System Version

Windows

Browser

Chrome

[linear]

ENG-1523 Button - Danger color ghost variant issue

[AnYiEE]

• Merged PR
  fix(theme): ghost danger button style #3764

• Same issues
  [BUG] - When the Button color is set to danger, the color is not displaying correctly. #3792
  [BUG] - Button #3799
  [BUG] - Ghost button with danger color - weird behaviour #3985

[VivekSambath]

Oh, Thank you

[wingkwong]

As mentioned above, please wait for the next release or use the canary version if necessary.