ColorPicker - reduce lag with Incubator.Slider (#3468)

Author: M-i-k-e-l

src/components/slider/ColorSliderGroup.tsx

@@ -24,6 +24,7 @@ const ColorSliderGroup = <T extends string | HSLA = string>(props: ColorSliderGr
     labels = {hue: 'Hue', lightness: 'Lightness', saturation: 'Saturation', default: ''},
     labelsStyle,
     accessible,
+    sliderProps,
     migrate
   } = themeProps;
 
@@ -50,6 +51,8 @@ const ColorSliderGroup = <T extends string | HSLA = string>(props: ColorSliderGr
           </Text>
         )}
         <GradientSlider
+          throttleTime={400}
+          {...sliderProps}
           type={type}
           containerStyle={sliderContainerStyle}
           accessible={accessible}

src/components/slider/types.ts

@@ -191,4 +191,21 @@ export type ColorSliderGroupProps<T> = {
    * Whether to use the new Slider implementation using Reanimated
    */
   migrate?: boolean;
+  /**
+   * Pass props to the sliders
+   */
+  sliderProps?: Omit<
+    SliderProps,
+    | 'migrate'
+    | 'containerStyle'
+    | 'accessible'
+    | 'onReset'
+    | 'renderTrack'
+    | 'step'
+    | 'maximumValue'
+    | 'value'
+    | 'onValueChange'
+    | 'disabled'
+    | 'useRange'
+  >;
 };