From 60849ac7d7bbeaf3ab4829bfce15f4449e819000 Mon Sep 17 00:00:00 2001
From: ariellalgilmore <ariellalgilmore@gmail.com>
Date: Tue, 10 Dec 2024 10:10:20 -0800
Subject: [PATCH 1/2] fix(tags): high contrast with long text

---
 packages/react/src/components/Tag/InteractiveTag.stories.js | 2 +-
 packages/react/src/components/Tag/Tag.stories.js            | 2 +-
 packages/styles/scss/components/tag/_tag.scss               | 4 ++++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/components/Tag/InteractiveTag.stories.js b/packages/react/src/components/Tag/InteractiveTag.stories.js
index d9d5e9a63c04..1c7bdb3be815 100644
--- a/packages/react/src/components/Tag/InteractiveTag.stories.js
+++ b/packages/react/src/components/Tag/InteractiveTag.stories.js
@@ -372,7 +372,7 @@ export const Dismissible = (args) => {
     },
     {
       type: 'high-contrast',
-      text: 'Tag content 10',
+      text: 'Tag content 10 with a long text description',
     },
     {
       type: 'outline',
diff --git a/packages/react/src/components/Tag/Tag.stories.js b/packages/react/src/components/Tag/Tag.stories.js
index 9339fc7bc17e..72a5919d19f6 100644
--- a/packages/react/src/components/Tag/Tag.stories.js
+++ b/packages/react/src/components/Tag/Tag.stories.js
@@ -60,7 +60,7 @@ export const ReadOnly = (args) => {
         {'Tag content'}
       </Tag>
       <Tag className="some-class" type="high-contrast" {...args}>
-        {'Tag content'}
+        {'Tag content with a long text description'}
       </Tag>
       <Tag className="some-class" type="outline" {...args}>
         {'Tag content'}
diff --git a/packages/styles/scss/components/tag/_tag.scss b/packages/styles/scss/components/tag/_tag.scss
index c751caa38c19..d00d9844a3ee 100644
--- a/packages/styles/scss/components/tag/_tag.scss
+++ b/packages/styles/scss/components/tag/_tag.scss
@@ -482,6 +482,10 @@
     max-inline-size: convert.to-rem(176px);
   }
 
+  .#{$prefix}--tag--high-contrast .#{$prefix}--definition-term {
+    color: $text-inverse;
+  }
+
   .#{$prefix}--tag > .#{$prefix}--popover-container {
     display: flex;
   }

From 41b1912632f31fcf56c200c175f2015202fc0442 Mon Sep 17 00:00:00 2001
From: ariellalgilmore <ariellalgilmore@gmail.com>
Date: Wed, 11 Dec 2024 09:53:31 -0800
Subject: [PATCH 2/2] fix(tags): revert stories

---
 packages/react/src/components/Tag/InteractiveTag.stories.js | 2 +-
 packages/react/src/components/Tag/Tag.stories.js            | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/components/Tag/InteractiveTag.stories.js b/packages/react/src/components/Tag/InteractiveTag.stories.js
index 1c7bdb3be815..d9d5e9a63c04 100644
--- a/packages/react/src/components/Tag/InteractiveTag.stories.js
+++ b/packages/react/src/components/Tag/InteractiveTag.stories.js
@@ -372,7 +372,7 @@ export const Dismissible = (args) => {
     },
     {
       type: 'high-contrast',
-      text: 'Tag content 10 with a long text description',
+      text: 'Tag content 10',
     },
     {
       type: 'outline',
diff --git a/packages/react/src/components/Tag/Tag.stories.js b/packages/react/src/components/Tag/Tag.stories.js
index 72a5919d19f6..9339fc7bc17e 100644
--- a/packages/react/src/components/Tag/Tag.stories.js
+++ b/packages/react/src/components/Tag/Tag.stories.js
@@ -60,7 +60,7 @@ export const ReadOnly = (args) => {
         {'Tag content'}
       </Tag>
       <Tag className="some-class" type="high-contrast" {...args}>
-        {'Tag content with a long text description'}
+        {'Tag content'}
       </Tag>
       <Tag className="some-class" type="outline" {...args}>
         {'Tag content'}