[carbon-web-component]: cds-button styling

[davidnixon]

Description

• danger tertiary/ghost button styled incorrectly

Component(s) impacted

cds-button
default button with kind set to danger-ghost storybook

I think the issue is here

carbon-for-ibm-dotcom/packages/carbon-web-components/src/components/button/defs.ts

Lines 44 to 52 in 650739e

	/**
	* Danger tertiary button.
	*/
	DANGER_TERTIARY = 'danger-tertiary',
	/**
	* Danger ghost button,
	*/
	DANGER_GHOST = 'danger-ghost',

Since this works <cds-button kind="danger--ghost">Danger ghost</cds-button>
But something like

import { BUTTON_KIND} from '@carbon/web-components/es/components/button/button';

<cds-button :kind="BUTTON_KIND.DANGER_GHOST">Danger ghost</cds-button>

does not. The defs should have an extra - like danger--ghost

Browser

Chrome

Carbon for IBM.com version

v2.0.28

Severity

Severity 3 = The problem is visible or noticeable to users but does not impede the usability or functionality. Affects minor functionality, has a workaround.

Application/website

Carbon components for Vue - wrapping web comppnets

Package

@carbon/web-components

CodeSandbox example

Cannot recreate in sandbox - BUTTON_KIND needs update

Steps to reproduce the issue (if applicable)

No response

Release date (if applicable)

No response

Code of Conduct

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