From 080eab986e3b01c7104c1f2be4321119977c25e6 Mon Sep 17 00:00:00 2001 From: Bea Esguerra Date: Mon, 20 Jan 2025 15:49:49 -0700 Subject: [PATCH] [wb-1797-cell-color-contrast] docs(changeset): DetailCell and CompactCell: update styling to address color contrast accessibility issues --- .changeset/wise-actors-peel.md | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 .changeset/wise-actors-peel.md diff --git a/.changeset/wise-actors-peel.md b/.changeset/wise-actors-peel.md new file mode 100644 index 000000000..95a571d8f --- /dev/null +++ b/.changeset/wise-actors-peel.md @@ -0,0 +1,20 @@ +--- +"@khanacademy/wonder-blocks-cell": patch +--- + +DetailCell and CompactCell: update styling to address color contrast accessibility issues. Updated styles include: + +- General: + - Changing the grey used for subtitles + - Using `icon.primary` for the right accessory +- Press state: + - Changing the background to `fadedBlue8` + - Adding a thin left border when clickable cells are pressed +- Hover state: + - Changing the background to `fadedBlue8` +- Disabled state: + - Changing the focus outline to `action.disabled.default` +- Selected state (cells with `active=true`): + - Adding a thick left border + - Changing the text color to `action.primary.active` + - The styling no longer changes when a selected cell is hovered or pressed on