@purple/phoenix-components 5.17.0 → 5.19.0

package/dist/index.d.ts

@@ -7,6 +7,7 @@ import { Props } from 'react-select';
 import { DayPickerSingleProps, DayPickerProps, DayPickerRangeProps } from 'react-day-picker';
 import { TippyProps } from '@tippyjs/react';
 import { Accept } from 'react-dropzone';
+import { PipsMode, PipsType } from 'nouislider';
 import { TabsProps as TabsProps$1 } from 'react-tabs';
 export { TabPanel } from 'react-tabs';
 
@@ -630,8 +631,7 @@ interface MultiSelectProps<Option extends SelectOption = SelectOption> extends C
 }
 declare const MultiSelect: <Option extends SelectOption = SelectOption>({ value, testId, ...props }: MultiSelectProps<Option>) => React$1.ReactElement;
 
-declare type SubRange = number | [number] | [number, number];
-interface CommonSliderProps extends GenericComponentProps {
+interface CommonSliderProps {
     range: {
         min: SubRange;
         max: SubRange;
@@ -639,10 +639,49 @@ interface CommonSliderProps extends GenericComponentProps {
     };
     connect?: 'lower' | 'upper' | boolean | boolean[];
     step?: number;
+    pips?: Pips;
+    snap?: boolean;
+}
+interface ComponentSliderProps extends GenericComponentProps {
+    px?: CSSValue;
+}
+declare type Pips = PositionsPips | ValuesPips | CountPips | StepsPips | RangePips;
+declare type SubRange = number | [number] | [number, number];
+declare type PipsFilter = (value: number, type: PipsType) => PipsType;
+interface PartialFormatter {
+    to: (value: number) => string | number;
+    from?: (value: string) => number | false;
+}
+interface BasePips {
+    mode: PipsMode;
+    density?: number;
+    filter?: PipsFilter;
+    format?: PartialFormatter;
+}
+interface PositionsPips extends BasePips {
+    mode: PipsMode.Positions;
+    values: number[];
+    stepped?: boolean;
+}
+interface ValuesPips extends BasePips {
+    mode: PipsMode.Values;
+    values: number[];
+    stepped?: boolean;
+}
+interface CountPips extends BasePips {
+    mode: PipsMode.Count;
+    values: number;
+    stepped?: boolean;
+}
+interface StepsPips extends BasePips {
+    mode: PipsMode.Steps;
+}
+interface RangePips extends BasePips {
+    mode: PipsMode.Range;
 }
 
 declare type MultiSliderValue = (number | string)[];
-interface MultiSliderProps extends CommonSliderProps {
+interface MultiSliderProps extends CommonSliderProps, ComponentSliderProps {
     value: MultiSliderValue;
     onChange(value: MultiSliderValue): void;
     onRelease?(value: MultiSliderValue): void;
@@ -751,10 +790,11 @@ interface SelectPickerOption {
 declare const SelectPicker: React$1.FC<SelectPickerProps>;
 
 declare type SliderValue = number | string;
-interface SliderProps extends CommonSliderProps, GenericComponentProps {
+interface SliderProps extends CommonSliderProps, ComponentSliderProps {
     value: SliderValue;
     onChange(value: SliderValue): void;
     onRelease?(value: SliderValue): void;
+    limit?: number;
 }
 declare const Slider: React$1.FC<SliderProps>;
 
@@ -1810,6 +1850,28 @@ declare const prefixedTheme: {
             }[];
             borderRadius: string;
         };
+        leverageSlider: {
+            color: {
+                background: {
+                    leverage: {
+                        "1": string;
+                        "10": string;
+                        "25": string;
+                        "50": string;
+                        "100": string;
+                        "200": string;
+                        "300": string;
+                        "400": string;
+                        "500": string;
+                        "600": string;
+                        "800": string;
+                        "1000": string;
+                        "2000": string;
+                        unlimited: string;
+                    };
+                };
+            };
+        };
         duration: {
             transition: {
                 base: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purple/phoenix-components",
-  "version": "5.17.0",
+  "version": "5.19.0",
   "description": "",
   "main": "dist/bundle.umd.js",
   "module": "dist/bundle.esm.js",