design-system-silkhaus 1.0.0-beta.pnpm → 1.1.0-beta.slider-input.2

package/dist/index.d.ts

@@ -256,11 +256,26 @@ export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLIn
     textarea?: true | false | undefined;
     label?: string | undefined;
     caption?: string | undefined;
-    color: 'primary' | 'success' | 'error' | 'primaryRounded' | 'errorRounded' | 'disabled';
+    color?: 'primary' | 'success' | 'error' | 'primaryRounded' | 'errorRounded' | 'disabled';
     required?: boolean;
     labelClass?: string | undefined;
     InputDivClass?: string | undefined;
     captionClass?: string | undefined;
+    startAdornment?: default_2.ReactNode;
+    endAdornment?: default_2.ReactNode;
+    min?: number;
+    max?: number;
+    value?: string | number;
+    /**
+     * When `true`, only numbers can be entered. Any other input will be ignored
+     * When min and max are set, the entered value is set to min when less than min and max when greater than max
+     */
+    isNumbersOnly?: boolean;
+    /**
+     * When `isNumbersOnly` is `true`, entered value might be modified depending on min and max.
+     * While `onChange` will you give what the user enters, `onNumberUpdate` will give the final modified value
+     */
+    onNumberUpdate?: (val: number | '') => void;
 }
 
 export declare const ListingCard: default_2.ForwardRefExoticComponent<ListingCardProps & default_2.RefAttributes<HTMLDivElement>>;
@@ -348,10 +363,44 @@ declare interface Option_2 {
     id?: number;
 }
 
+export declare const PriceRangeSlider: default_2.FC<PriceRangeSliderProps>;
+
+export declare interface PriceRangeSliderProps {
+    className?: string;
+    min?: number;
+    max: number;
+    step?: number;
+    /**
+     * This is called everytime the input field value changes
+     */
+    onInputChange?: (value: [number | string, number | string]) => void;
+    /**
+     * This is called when the slider value changes either through the slider
+     * or the input fields. This is only called after handling internally for any non numeric characters.
+     * Which means the value will either contain a number or empty string.
+     */
+    onPriceRangeChange?: (value: [number | '', number | '']) => void;
+    currency?: string;
+    value?: [number | '', number | ''];
+}
+
 export declare const QuestionMarkIcon: FC<{
     className?: string;
 }>;
 
+export declare const RangeSlider: default_2.FC<RangeSliderProps>;
+
+export declare interface RangeSliderProps {
+    value?: [number, number];
+    onChange?: (value: [number, number]) => void;
+    step?: number;
+    className?: string;
+    disabled?: boolean;
+    min?: number;
+    max?: number;
+    tooltip?: boolean;
+}
+
 export declare const RoundedProgressBar: default_2.ForwardRefExoticComponent<RoundedProgressBarProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface RoundedProgressBarProps {