design-system-silkhaus 0.0.86 → 0.0.87-beta.2

package/dist/index.d.ts

@@ -1,6 +1,9 @@
+import { CalendarDayShape } from 'react-dates';
 import { ClassProp } from 'class-variance-authority/types';
 import { default as default_2 } from 'react';
 import { HTMLAttributes } from 'react';
+import { ModifiersShape } from 'react-dates';
+import { Moment } from 'moment';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
 import { VariantProps } from 'class-variance-authority';
@@ -20,6 +23,19 @@ export declare interface AccordionProps {
     isExpanded?: boolean;
 }
 
+export declare const ActionFooter: default_2.ForwardRefExoticComponent<ActionFooterProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface ActionFooterProps {
+    className?: string;
+    secondaryBtnClick?: () => void;
+    primaryBtnClick: () => void;
+    primaryBtnDisabled?: boolean;
+    secondaryBtnDisabled?: boolean;
+    primaryBtnTxt: string | default_2.ReactNode;
+    secondaryBtnTxt?: string | default_2.ReactNode;
+    thirdColumn?: default_2.ReactNode;
+}
+
 export declare const AlertDialog: default_2.ForwardRefExoticComponent<AlertDialogProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface AlertDialogProps {
@@ -44,6 +60,8 @@ export declare interface AnimatedModalProps extends HTMLAttributes<HTMLDivElemen
     handleClose?: () => void;
     staticBackdrop?: boolean;
     animation?: 'slideUp' | 'slideDown' | 'fadeIn';
+    marginTop?: string;
+    maxWidth?: string;
 }
 
 export declare const Asterisk: default_2.ForwardRefExoticComponent<AsteriskProps & default_2.RefAttributes<HTMLSpanElement>>;
@@ -99,6 +117,41 @@ declare const cardVariants: (props?: ({
     cardType?: "default" | "shadowCard" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const DateRangePicker: default_2.ForwardRefExoticComponent<DateRangePickerProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare interface DateRangePickerProps {
+    startDatePlaceholderText?: string;
+    endDatePlaceholderText?: string;
+    onDatesSelected?: (dates: {
+        startDate: Moment | null;
+        endDate: Moment | null;
+    }) => void;
+    onDatesChange?: (dates: {
+        startDate: Moment | null;
+        endDate: Moment | null;
+    }) => void;
+    initialStartDate?: Moment | null;
+    initialEndDate?: Moment | null;
+    focusedInput?: 'startDate' | 'endDate' | null;
+    onFocusChange?: (focusedInput: 'startDate' | 'endDate' | null) => void;
+    lTBannerImage?: string;
+    lTBannerTitle?: string | default_2.ReactNode;
+    lTBannerDesc?: string | default_2.ReactNode;
+    lTBannerBgColor?: string;
+    thirdColumn?: string | default_2.ReactNode;
+    onMobileCloseClick: () => void;
+    onOutsideClick?: (e: unknown) => void;
+    onPrevMonthClick?: (e: unknown) => void;
+    onNextMonthClick?: (e: unknown) => void;
+    renderCalendarDay?: (props: CalendarDayShape) => default_2.ReactNode | undefined;
+    isDayBlocked?: ((day: Moment) => boolean) | undefined;
+    renderDayContents?: (day: Moment, modifiers: ModifiersShape) => default_2.ReactNode | null | undefined;
+    renderCalendarInfo?: () => default_2.ReactNode | null | undefined;
+    _daySize?: number;
+    _mobileDaySize?: number;
+    mobileBreakPoint?: number;
+}
+
 export declare const Dialog: default_2.ForwardRefExoticComponent<DialogProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface DialogProps extends HTMLAttributes<HTMLDivElement> {
@@ -153,6 +206,71 @@ export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLIn
     captionClass?: string | undefined;
 }
 
+export declare const LongTermBanner: default_2.ForwardRefExoticComponent<LongTermBannerProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface LongTermBannerProps {
+    image: string;
+    title: string | default_2.ReactNode;
+    desc: string | default_2.ReactNode;
+    size: 'small' | 'large';
+    bgColor: string;
+    className?: string;
+}
+
+export declare const MobileFilterMenu: default_2.ForwardRefExoticComponent<MobileFilterMenuProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface MobileFilterMenuProps extends HTMLAttributes<HTMLDivElement> {
+    show: boolean;
+    handleClose?: () => void;
+    staticBackdrop?: boolean;
+    filterHeader?: string;
+    filterDescription?: string;
+    closeIcon?: string;
+    animation?: 'slideDown' | 'slideUp' | 'fadeIn' | 'none';
+    isSecondary?: boolean;
+    backgroundImage?: string;
+    marginTop?: string;
+    maxWidth?: string;
+}
+
+export declare const MobileMultiSelectFilterDropDown: default_2.ForwardRefExoticComponent<MobileMultiSelectFilterDropDownProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface MobileMultiSelectFilterDropDownProps extends HTMLAttributes<HTMLDivElement> {
+    label?: string;
+    value?: Array<{
+        label: string;
+    }>;
+    options: Array<{
+        label: string;
+    }>;
+    onSelectionChange?: (selected: Array<{
+        label: string;
+    }>) => void;
+    placeholder?: string;
+    selected?: boolean;
+    setCheckBoxValue?: boolean;
+    dropdownIcon?: string;
+    error?: string;
+    noDataError?: string;
+}
+
+export declare const MobileSelectCardDropDown: default_2.ForwardRefExoticComponent<MobileSelectCardDropDownProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface MobileSelectCardDropDownProps extends HTMLAttributes<HTMLDivElement> {
+    label?: string;
+    value?: string;
+    options: {
+        imgUrl: string;
+        label: string;
+    }[];
+    onSelectionChange?: (selected: unknown) => void;
+    placeholder?: string;
+    selected?: boolean;
+    dropdownIcon?: string;
+    error?: string;
+    noDataError?: string;
+}
+
 export declare const RoundedProgressBar: default_2.ForwardRefExoticComponent<RoundedProgressBarProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface RoundedProgressBarProps {