fix(pie-tag): DSW-000 address design feedback (#1226)

* fix(pie-tag): DSW-000 address design feedback * fix(pie-tag): DSW-000 address design feedback --------- Co-authored-by: Ashley Watson-Nolan <[email protected]>
justeattakeaway · Jan 29, 2024 · 04891f5 · 04891f5
1 parent 01a696d
commit 04891f5
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/.changeset/wet-cobras-burn.md b/.changeset/wet-cobras-burn.md
@@ -0,0 +1,7 @@
+---
+"@justeattakeaway/pie-tag": minor
+---
+
+[Changed] - The icon colour of blue-strong, green-strong, and red strong variants should be "content-inverse"
+[Changed] - The icon and label colour of the yellow-subtle variant should be "content-default"
+
diff --git a/packages/components/pie-tag/src/tag.scss b/packages/components/pie-tag/src/tag.scss
@@ -75,7 +75,7 @@
 
         &[isStrong] {
             --tag-bg-color: var(--dt-color-support-info);
-            --tag-color: var(--dt-color-content-light);
+            --tag-color: var(--dt-color-content-inverse);
         }
     }
 
@@ -85,13 +85,13 @@
 
         &[isStrong] {
             --tag-bg-color: var(--dt-color-support-positive);
-            --tag-color: var(--dt-color-content-light);
+            --tag-color: var(--dt-color-content-inverse);
         }
     }
 
     &[variant='yellow'] {
         --tag-bg-color: var(--dt-color-support-warning-02);
-        --tag-color: var(--dt-color-content-dark);
+        --tag-color: var(--dt-color-content-default);
 
         &[isStrong] {
             --tag-bg-color: var(--dt-color-support-warning);
@@ -105,7 +105,7 @@
 
         &[isStrong] {
             --tag-bg-color: var(--dt-color-support-error);
-            --tag-color: var(--dt-color-content-light);
+            --tag-color: var(--dt-color-content-inverse);
         }
     }