design-system-silkhaus 1.1.0-beta.weekly-cleaning.3 → 1.2.0-beta.weekly-cleaning.4

package/dist/index.d.ts

@@ -242,6 +242,10 @@ export declare interface DialogProps extends HTMLAttributes<HTMLDivElement> {
     open: boolean;
 }
 
+export declare const FilterIcon: FC<{
+    className?: string;
+}>;
+
 export declare const Grid: React_2.ForwardRefExoticComponent<GridProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface GridProps extends React_2.HTMLAttributes<HTMLDivElement>, Omit<GridVariantProps, 'optional'> {
@@ -291,11 +295,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>>;
@@ -381,16 +400,58 @@ export declare interface MobileSelectCardDropDownProps extends HTMLAttributes<HT
 
 export declare const MobileTootip: FC<PropsWithChildren<TooltipProps>>;
 
+export declare const MoonIcon: FC<{
+    className?: string;
+}>;
+
 declare interface Option_2 {
     label: string;
     id?: number | 'All';
 }
 export { Option_2 as Option }
 
+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 RoundedPriceIcon: FC<{
+    className?: string;
+}>;
+
 export declare const RoundedProgressBar: default_2.ForwardRefExoticComponent<RoundedProgressBarProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface RoundedProgressBarProps {
@@ -419,6 +480,10 @@ export declare type SlickImageCarouselProps = {
     onClick?: () => void;
 };
 
+export declare const SotringIcon: FC<{
+    className?: string;
+}>;
+
 export declare const StarLineIcon: FC<{
     className?: string;
 }>;