Merge pull request #3001 from BluePandaCard/2365-disabled-select-opti…

…ons-wrong-hcm-colour 2365 disabled select options wrong hcm colour
mi6 · Jan 10, 2025 · a74d8a7 · a74d8a7
2 parents e7b41a9 + c38be39
commit a74d8a7
Show file tree

Hide file tree

Showing 5 changed files with 6 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
@@ -1704,7 +1704,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
@@ -1119,7 +1119,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
@@ -205,4 +205,8 @@
     outline: none;
     border: 0.125rem solid transparent;
   }
+
+  .disabled-option {
+    color: GrayText;
+  }
 }