Breaking Changes
adaptiveSpectrumis a new prop for RGB sliders: It defaults tofalselike 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.
RgbSliderPropstype has been replaced withSliderProps: 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