Indeterminate checkbox loses fill color on hover when checked

Atlassian Ecosystem Design
1

Hi team :waving_hand:

I noticed a visual inconsistency with the Atlassian checkbox component.

Issue

When a checkbox is checked and not indeterminate, hovering over it keeps the filled (dark) state — :white_check_mark: expected.

However, when the checkbox is checked and indeterminate, hovering causes the checkbox to lose its fill color and appear unfilled/white — :cross_mark: unexpected.

Expected behavior

Indeterminate + checked state should retain the filled style on hover, same as a regular checked checkbox.

Actual behavior

Indeterminate + checked state loses fill color on hover and appears unselected.

Steps to reproduce

  1. Render a checkbox component

  2. Set checked={true} and isIndeterminate={true}

  3. Hover over the checkbox

Environment

  • Atlassian Design System

  • Browser: Chrome (latest)

  • Platform: Jira Cloud iframe app

Screenshots