OptionItem:StateSheet

Build 7937 on migrate-from-pill
Reviewing disabled
View latest build
BaselineBuild 7840 on sb-a11y-fixes
View Storybook
LatestBuild 7937 on migrate-from-pill
View Storybook
The baseline is shorter than the new snapshot (1184x2408 to 1184x2444).
Baseline History
Build 793708f8bab
Current build. There are unaccepted changes, so build 7840 is still the baseline.
Build 7840e79084e current baseline
Auto-accepted
Build 73890669713
Auto-accepted
Build 7286c6f685e
Accepted by Bea Esguerra.
Build 721750e9ad1
Accepted by Bea Esguerra with 2 comments.
Commenting is disabled because there's a newer build on this branch. Go to Build 7938 now
Pinned
Bea Esguerra
The StatusBadge is not focusable on it's own (this can be verified by trying to tab to the badge) . It has focus-visible styling in case a badge is used with a tooltip or popover The focus outline is shown in this story because the statesheet will activate the focus-visible pseudo-selector for all elements in the component. Lmk if anyone has any suggestions on how to address this! (Or maybe it's fine that the focus styling is triggered for the badge)