react-colorful

Added onChangeEnd callback that fires when the user finishes changing a color (on mouse up, touch end, or arrow key up). Useful for undo/redo, saving to a database, or other expensive operations. (via #230)

<HexColorPicker
  color={color}
  onChange={setColor}
  onChangeEnd={(color) => saveToDatabase(color)}
/>

Fix React 19 TypeScript compatibility (via #229)

• Update export settings to fix Jet 28 issues (via #191)

• Add new HexAlphaColorPicker component (via #186)
• Fix types export for TYpeScript 4.7. Thanks to @AnotherHermit (via #189)
• Improve ARIA attribute values for sliders. Thanks to @aitchiss (via #177)

• Fix embedding into <iframe>. The component is rendered correctly by libraries like react-frame-component. Thanks to @leoc4e (via #166)

• Multitouch! ✌️ Thanks to @xnimorz (via #158)

• Add new alpha property for HexColorInput to allow "#rgba" and "#rrggbbaa" formats (via #155)

• Fix potential memory leaks and improve the performance. Thanks to @xnimorz (via #151)

• Add new prefixed property for HexColorInput to display "#" prefix (via #146)

• Fix: Make the picker take focus on click (via #143)

• Fix "Unable to preventDefault inside passive event listener" (via #141)

• Fix rounded corner rendering bug (via #140)

• Improve input color parsers to support more CSS color notations and units (via #133)

• Fix .mjs file publishing (via #129)

• Export .mjs file to improve different environments and bundlers support. Thanks to @rschristian (via #127)

• Add "default" fallback to the exports map (via #124)

• Fix setNonce type declaration file publishing (via #123)

• The picker complies with the strict CSP (Content Security Policy). The style tag added by the component uses a nonce hash provided by Webpack or the one defined manually by the new setNonce function (via #121)

• The picker supports all HTML attributes and DOM events that a regular tag does (e.g. id or onMouseEnter (via #119)

5.0

• The library is 100% CSS-in-JS now. No need to import the CSS file to render the picker properly (via #101)

• Fix bug when a user releases the mouse button outside of the document bounds (via #99)

• Get rid of useLayoutEffect warning when using on the server (via #95)

• Fix CSS loading in Webpack v5 (via #91)

• Disable static class names minification (via #86)

• Migrate from CSS modules to static class names (via #84)
• Better Skypack support. Thanks to @rschristian (via #83)

• Better React 17 support (via #80)

• Round output values (via #77)

• Fix pointer rendering bug on Safari 14 (via #74)

• Do not display the default focus styles

• 100% code coverage

• Better Internet Explorer 11 support (via #65)

• The picker follows the WAI-ARIA guidelines to support users of assistive technologies. The component is completely accessible with keyboard navigation: you can focus on any picker's part using the Tab button and change the color with the arrow keys. Made by @omgovich (via #63)

• Simplify gradient CSS styles

• Improve pasting from clipboard to HexColorInput

• Fix: Fast Tap and Release in iOS Safari (via #56)
• Adding HsvStringColorPicker and HsvaStringColorPicker components. Thanks to @rschristian (via #48)

• Resolving TouchEvent error on Firefox. Thanks to @rschristian (via #53)

• Improve Interactive internal typing (via #50)

• Allow to pass custom onBlur callback to HexInput (via #49)
• Improve HexColorInput types (via #49)

• Add alpha picker demos

4.0

• Alpha channel support (via #47)
• Additional components to work with RGBA, HSLA, HSVA color models (via #47)

• Improve TypeScript tooling. Thanks to @rschristian (via #45)

• Fix sideEffects to keep CSS-files

3.0

• Migrate to named exports. Thanks to @rschristian (via #42)
• Mark the library as side-effect-free and add tree-shaking support. Thanks to @rschristian (via #42)
• More consistent public component and type names. Thanks to @rschristian (via #42)
• Fix type definitions: make all HexInput props optional
• Enhance internal event type definitions. Thanks to @byr-gdp (via #41)
• Escape from "useCallback hell" and improve performance by adding useEventCallback hook. Thanks to @jeetiss (via #40)

• Extend allowed HexInput props with HTMLInputElement

• The entire codebase was rewritten in TypeScript by @rschristian ❤️ (via #23)

• Fix type definitions: make all of the picker props optional

• TypeScript types are now bundled with the library. Thanks to @rschristian (via #22)

• Make the pointer grabbable even if it is outside of the picket bounds (via #21)

• Fix bug if user taps on the picker and does not move the pointer afterward

• Add HexInput component that allows to paste and type a HEX color

• Reduce the number of folders published to NPM
• Rewrite Interactive to make the bundle lighter

• Fix HSV to RGB conversion algorithm
• Rewrite utils to make the bundler lighter

• Update docs and tooling

2.0

• Support new input/output formats: RGB object, RGB string, HSL object, HSL string, HSV object