fix(tag): fixes disabled label styles (#16943)

* fix(tag): fixes disabled label styles * docs: useless commit to restart test step * docs: useless commit #2 to restart test step --------- Co-authored-by: Riddhi Bansal <41935566+riddhybansal@users.noreply.github.com>
carbon-design-system · Jul 25, 2024 · 299e624 · 299e624
1 parent 7b24a10
commit 299e624
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/react/src/components/Tag/Tag.tsx b/packages/react/src/components/Tag/Tag.tsx
@@ -216,7 +216,6 @@ const Tag = React.forwardRef(function Tag<T extends React.ElementType>(
 
   const labelClasses = classNames({
     [`${prefix}--tag__label`]: !isInteractiveTag,
-    [`${prefix}--tag--${type}`]: type && !isInteractiveTag,
   });
 
   return (

diff --git a/packages/styles/scss/components/tag/_tag.scss b/packages/styles/scss/components/tag/_tag.scss
@@ -267,6 +267,11 @@
     &:hover {
       cursor: not-allowed;
     }
+
+    .#{$prefix}--tag__label {
+      background-color: $layer;
+      color: $text-disabled;
+    }
   }
 
   .#{$prefix}--tag--selectable.#{$prefix}--tag--disabled,