npm reanimated-color-picker 5.0.0
v5.0.0

latest releases: 5.1.3, 5.1.2, 5.1.1...
4 months ago

Breaking Changes

  • adaptiveSpectrum is a new prop for RGB sliders: It defaults to false like all other sliders,
    but RGB sliders previously always rendered with it enabled, so you may need to pass it explicitly
    to preserve the old look.
  • ColorKit types are now PascalCase: Update any type imports accordingly.
  • RgbSliderProps type has been replaced with SliderProps: A unified type that covers all slider variants.

What's New

Accessibility Improvements

Accessibility overhaul.

Color Picker Wrapper

The <ColorPicker /> component introduces enhanced accessibility for color selection changes:

  • enableColorAnnouncements
    Enables screen reader announcements when the selected color changes.

  • colorAnnouncementFormat
    Controls how color values are announced to assistive technologies (e.g. rgb, hsl).

Sliders and Panels

Both slider and panel components now support clearer assistive descriptions:

  • accessibilityLabel
    Defines the primary label announced by screen readers.

  • accessibilityHint
    Provides additional context about the control’s behavior or expected interaction.

Input Widget

The <InputWidget /> improves accessibility for its cycling interaction:

  • cycleButtonAccessibilityLabel
    Label for the cycle button used by screen readers.

  • cycleButtonAccessibilityHint
    Hint describing the effect of activating the cycle action.

Reduced layout shift

Slider dimensions are now measured with useLayoutEffect before the first paint,
so sliders no longer visibly reposition after mounting.

Docs rewrite

The documentation site has been rebuilt from the ground up, replacing Docusaurus with StaticBolt.

Full Changelog: v4.3.0...v5.0.0

Don't miss a new reanimated-color-picker release

NewReleases is sending notifications on new releases.