fix: restore CvTag default color from Vue2 (#1589)

carbon-design-system · Apr 18, 2024 · 1d7a2df · 1d7a2df
1 parent 309c183
commit 1d7a2df
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/CvTag/CvTag.stories.js b/src/components/CvTag/CvTag.stories.js
@@ -31,7 +31,6 @@ const Template = (args, { argTypes }) => {
 
 export const Default = Template.bind({});
 Default.args = {
-  kind: 'red',
   label: 'This is a tag',
   filter: false,
 };
@@ -43,7 +42,6 @@ Default.parameters = storyParametersObject(
 
 export const Filter = Template.bind({});
 Filter.args = {
-  kind: 'teal',
   label: 'This is a tag',
   filter: true,
 };

diff --git a/src/components/CvTag/CvTag.vue b/src/components/CvTag/CvTag.vue
@@ -40,7 +40,7 @@ export default {
      */
     kind: {
       type: String,
-      default: 'red',
+      default: undefined,
       validator(val) {
         return tagKinds.includes(val);
       },
@@ -80,7 +80,9 @@ export default {
       if (props.skeleton) {
         classes.push(`${carbonPrefix}--skeleton`);
       } else {
-        classes.push(`${carbonPrefix}--tag--${props.kind}`);
+        if (props.kind) {
+          classes.push(`${carbonPrefix}--tag--${props.kind}`);
+        }
 
         if (props.filter) {
           classes.push(`${carbonPrefix}--tag--filter`);