Merge pull request #3007 from mi6/v3-cherry-pick-select-high-contrast

V3 cherry pick select high contrast
mi6 · Jan 14, 2025 · 1119bd5 · 1119bd5
2 parents f9ca113 + 97006f9
commit 1119bd5
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 2 deletions.
diff --git a/...ff-screenshots/baseline/IcSelect.cy.tsx-disabled-options-open-high-contrast.png b/...ff-screenshots/baseline/IcSelect.cy.tsx-disabled-options-open-high-contrast.png
diff --git a/...ne/IcSelectSearchable.cy.tsx-searchable-disabled-options-open-high-contrast.png b/...ne/IcSelectSearchable.cy.tsx-searchable-disabled-options-open-high-contrast.png
diff --git a/packages/react/src/component-tests/IcSelect/IcSelect.cy.tsx b/packages/react/src/component-tests/IcSelect/IcSelect.cy.tsx
@@ -1787,7 +1787,7 @@ describe("IcSelect visual regression tests in high contrast mode", () => {
     });
   });
 
-  it.skip("should render disabled options in high contrast mode", () => {
+  it("should render disabled options in high contrast mode", () => {
     mount(
       <div style={{ padding: "10px" }}>
         <IcSelect

diff --git a/packages/react/src/component-tests/IcSelect/IcSelectSearchable.cy.tsx b/packages/react/src/component-tests/IcSelect/IcSelectSearchable.cy.tsx
@@ -1132,7 +1132,7 @@ describe("IcSelect searchable visual regression tests in high contrast mode", ()
     });
   });
 
-  it.skip("should render with disabled options in high contrast mode", () => {
+  it("should render with disabled options in high contrast mode", () => {
     mount(
       <div style={{ padding: "10px" }}>
         <IcSelect

diff --git a/packages/web-components/src/components/ic-menu/ic-menu.css b/packages/web-components/src/components/ic-menu/ic-menu.css
@@ -292,4 +292,10 @@
     outline: none;
     border: 0.125rem solid transparent;
   }
+
+  .disabled-option {
+    color: GrayText;
+
+    --ic-typography-color: GrayText;
+  }
 }