Skip to content

feat: Add ColorPicker#1861

Merged
stephenjwatkins merged 10 commits intomainfrom
color-picker
Jan 12, 2026
Merged

feat: Add ColorPicker#1861
stephenjwatkins merged 10 commits intomainfrom
color-picker

Conversation

@stephenjwatkins
Copy link
Member

@stephenjwatkins stephenjwatkins commented Jan 8, 2026

📝 Changes

  • Add ColorPicker
  • Add ColorPickerInputField
  • Updates react-aria* packages
image

✅ Checklist

Easy UI has certain UX standards that must be met. In general, non-trivial changes should meet the following criteria:

  • Visuals match Design Specs in Figma
  • Stories accompany any component changes
  • Code is in accordance with our style guide
  • Design tokens are utilized
  • Unit tests accompany any component changes
  • TSDoc is written for any API surface area
  • Console is free from warnings
  • No accessibility violations are reported
  • Cross-browser check is performed (Chrome, Safari, Firefox)
  • Changeset is added

Strikethrough any items that are not applicable to this pull request.

@stephenjwatkins stephenjwatkins marked this pull request as ready for review January 9, 2026 16:06
@stephenjwatkins stephenjwatkins requested review from a team as code owners January 9, 2026 16:06
}

.focused,
[data-focus-visible="true"] {
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this was applying globally

Comment on lines +13 to +15
margin-bottom: design-token("space.0.5");
// Defer to inner Text for line-height
line-height: 0;
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

these were creating extra space around the labels

const color = hasError ? "danger" : undefined;
return (
<label {...labelProps} className={classNames(styles.label)}>
<AriaLabel {...labelProps} className={classNames(styles.label)}>
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

take advantage of react aria's Label contexting

Comment on lines +67 to +68
// TODO: Look into why this test is flaking after upgrading React Aria to 3.45.0
it.skip("should support SearchNav.Selector being controlled", async () => {
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

weird test quirk i couldn't figure out. functionality appears to still work

Copy link
Contributor

@ralexmatthews ralexmatthews left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Niiiiice work. Looks good to me 👍

Comment on lines +16 to +21
style={({ defaultStyle }) => ({
background: `
${defaultStyle.background},
repeating-conic-gradient(#CCC 0% 25%, white 0% 50%) 50% / 16px 16px
`,
})}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

props:
ooo fancy 🔥

@stephenjwatkins stephenjwatkins merged commit bb59dde into main Jan 12, 2026
6 checks passed
@stephenjwatkins stephenjwatkins deleted the color-picker branch January 12, 2026 16:25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

Comments