[Bug]: IconButton with danger kind

[stanley-regnard]

Package

@carbon/react

Browser

Chrome

Package version

1.8.0

React version

18.2.0

Description

The following code:

...
<Button
    hasIconOnly
    className={canDelete === false ? "hidden" : ""}
    disabled={canDelete === false}
    iconDescription={txt.DELETE}
    kind="danger--ghost"
    onClick={() => onDelete(index)}
    renderIcon={DeleteIcon}
    size="sm"
/>
...

Outputs the following warning in the console:

Warning: Failed prop type: Invalid prop `kind` of value `danger--ghost` supplied to `ForwardRef(IconButton2)`,
expected one of ["primary","secondary","ghost","tertiary"].

Displays and functions as intended otherwise.

Reproduction/example

https://stackblitz.com/edit/github-mddqrk?file=src%2FApp.jsx

Steps to reproduce

Using Chrome, click the link to the example and open the developer tools console.
You should see the following warning:

Warning: Failed prop type: Invalid prop `kind` of value `danger--ghost` supplied to `ForwardRef(IconButton2)`,
expected one of ["primary","secondary","ghost","tertiary"].

Displays and functions as intended otherwise.

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems