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