reanimated-color-picker 3.0.0

v3.0.0

on Node.js NPM

New Components

• <LuminanceSlider /> and <HSLSaturationSlider />: Slider components for HSL color space. PR #62
• <LuminanceCircular />: A luminance circular slider for HSL color space. PR #65
• <ExtraThumb />: Adds an extra indicator only for Panel3. PR #60

New Props

• thumbScaleAnimationValue and thumbScaleAnimationDuration: Control thumb scaling animation when it is active. PR #67
• rotate Prop in <HueCircular /> Component: For Hue Rotation. PR #68
• rotate Prop in <Panel3 /> Component: For Hue Rotation. PR #61
• renderCenterLine prop in <Panel3 />: Draws a line from the center to the thumb. PR #56
• gestures in Color Picker Components: To run RNGH gestures or composed ones with the existing color picker gestures. PR #59
• 'hsl-saturation' Option for centerChannel prop in <Panel3 /> Component. PR #63
• 'hsl-saturation' Option for verticalChannel prop in <Panel2 /> Component. PR #64

Improvements

• reanimated-color-picker can now run entirely on the UI thread.
• onChange and onComplete props now accept a worklet function.
• Added runOnUI option for colorKit to run inside a worklet function. PR #52
• Introducing roundValues Option in colorKit for Precise Color Conversions. PR #53
• Seamless UI Thread Integration: Replacing Utils with colorKit Methods. PR #54
• Enhanced UI Responsiveness: Implementing UI Thread Updates for PreviewText and InputWidget. PR #55
• Exposed useColorPickerContext.
• Improved examples.
• Improved documentation.

Fixes

• Fixed jitter and added smoothness for all sliders by removing Math.round.
• Fixed thumbStyle and innerStyle being overwritten.
• Fixed ring thumb shape centering issue.
• Fixed: prevented gestures outside the circle in <Panel3 /> and <HueCircular /> components.

Full Changelog: Compare v2.4.2 to v3.0.0