design-system-silkhaus 0.0.87-beta.weekly-cleaning.2 → 0.0.87-beta.weekly-cleaning.4

package/dist/index.d.ts

@@ -1,8 +1,16 @@
+import { CalendarDayShape } from 'react-dates';
 import { ClassProp } from 'class-variance-authority/types';
 import { default as default_2 } from 'react';
+import { FC } from 'react';
+import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
+import { ModifiersShape } from 'react-dates';
+import { Moment } from 'moment';
+import { Placement } from '@floating-ui/react';
+import { PropsWithChildren } from 'react';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 export declare const Accordion: default_2.ForwardRefExoticComponent<AccordionProps & default_2.RefAttributes<HTMLDivElement>>;
@@ -20,6 +28,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 {
@@ -37,13 +58,26 @@ export declare interface AlertDialogProps {
     onSecondaryBtnClick?: () => void;
 }
 
-export declare const AnimatedModal: default_2.ForwardRefExoticComponent<AnimatedModalProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const AnimatedModal: ForwardRefExoticComponent<AnimatedModalProps & RefAttributes<HTMLDivElement>>;
 
 export declare interface AnimatedModalProps extends HTMLAttributes<HTMLDivElement> {
     show: boolean;
     handleClose?: () => void;
-    staticBackdrop?: boolean;
     animation?: 'slideUp' | 'slideDown' | 'fadeIn';
+    /**
+     * @deprecated
+     * Apply styles using `contentClassName` instead
+     */
+    marginTop?: string;
+    /**
+     * @deprecated
+     * Apply styles using `contentClassName` instead
+     */
+    maxWidth?: string;
+    /**
+     * classes to apply on container that wraps the children passed to AnimatedModal
+     */
+    contentClassName?: string;
 }
 
 export declare const Asterisk: default_2.ForwardRefExoticComponent<AsteriskProps & default_2.RefAttributes<HTMLSpanElement>>;
@@ -52,6 +86,23 @@ declare interface AsteriskProps {
     className?: string;
 }
 
+export declare const Badge: default_2.ForwardRefExoticComponent<BadgeProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare type BadgeProps = {
+    icon?: default_2.ReactNode;
+    label: string;
+    variant: 'dark' | 'light' | 'amenity';
+    className?: string;
+};
+
+export declare const BedLineIcon: FC<{
+    className?: string;
+}>;
+
+export declare const BedRegularIcon: FC<{
+    className?: string;
+}>;
+
 export declare const BookingQuoteCard: default_2.ForwardRefExoticComponent<BookingQuoteCardProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface BookingQuoteCardProps extends default_2.HTMLAttributes<HTMLDivElement> {
@@ -64,6 +115,7 @@ export declare interface BookingQuoteLineItemType {
     display_name: string;
     currency_converted_amount: string;
     type: string;
+    description?: string;
 }
 
 export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
@@ -125,6 +177,56 @@ declare const cardVariants: (props?: ({
     cardType?: "default" | "shadowCard" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const ChevronLeftRegularIcon: FC<{
+    className?: string;
+}>;
+
+export declare const ChevronRightRegularIcon: FC<{
+    className?: string;
+}>;
+
+export declare const CloseIcon: FC<{
+    className?: 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;
+    isAdjustHeightForViewport?: boolean;
+}
+
+export declare const DesktopTooltip: FC<PropsWithChildren<TooltipProps>>;
+
 export declare const Dialog: default_2.ForwardRefExoticComponent<DialogProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface DialogProps extends HTMLAttributes<HTMLDivElement> {
@@ -152,6 +254,14 @@ declare const gridVariants: (props?: ({
     placeItems?: "start" | "end" | "center" | "stretch" | "baseline" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const HandCursorTapIcon: FC<{
+    className?: string;
+}>;
+
+export declare const HouseRegularIcon: FC<{
+    className?: string;
+}>;
+
 export declare const IconButton: default_2.ForwardRefExoticComponent<IconButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
 
 export declare interface IconButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -179,6 +289,94 @@ export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLIn
     captionClass?: string | undefined;
 }
 
+export declare const ListingCard: default_2.ForwardRefExoticComponent<ListingCardProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare type ListingCardProps = {
+    images: string[];
+    title: string | default_2.ReactNode;
+    subtitle: string | default_2.ReactNode;
+    guests: number;
+    type: string;
+    sqft: string;
+    tags: TagProps[];
+    amenityTags?: TagProps[];
+    price: string;
+    isMonthlyPrice: boolean;
+    totalPrice: string;
+    onClick: () => void;
+};
+
+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 MobileTootip: FC<PropsWithChildren<TooltipProps>>;
+
+export declare const QuestionMarkIcon: FC<{
+    className?: string;
+}>;
+
 export declare const RoundedProgressBar: default_2.ForwardRefExoticComponent<RoundedProgressBarProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface RoundedProgressBarProps {
@@ -191,6 +389,28 @@ export declare interface RoundedProgressBarProps {
     textClass?: string;
 }
 
+export declare const RulerRegularIcon: FC<{
+    className?: string;
+}>;
+
+export declare const SlickImageCarousel: default_2.ForwardRefExoticComponent<SlickImageCarouselProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare type SlickImageCarouselProps = {
+    images: string[];
+    dots?: boolean;
+    infinite?: boolean;
+    className?: string;
+    onClick?: () => void;
+};
+
+export declare const StarLineIcon: FC<{
+    className?: string;
+}>;
+
+export declare const StarRegularIcon: FC<{
+    className?: string;
+}>;
+
 export declare interface Step {
     number: number;
     title: string;
@@ -216,6 +436,11 @@ export declare interface SwitchProps {
     htmlId?: string;
 }
 
+declare type TagProps = {
+    icon: default_2.ReactNode;
+    label: string;
+};
+
 export declare const Timer: default_2.ForwardRefExoticComponent<TimerProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface TimerProps {
@@ -235,7 +460,53 @@ export declare interface ToggleCardProps extends HTMLAttributes<HTMLDivElement>
     htmlId?: string;
 }
 
-export declare const TopNavBar: default_2.ForwardRefExoticComponent<TopNavBarProps & default_2.RefAttributes<HTMLDivElement>>;
+/**
+ * A tooltip component that display a floating tooltip with the `content` on hover of the `trigger` element for desktop
+ * and for mobile it displays a popover with the `content` on click of the `trigger` element
+ */
+export declare const Tooltip: FC<PropsWithChildren<TooltipProps>>;
+
+export declare interface TooltipProps {
+    /**
+     * Content of the tooltip
+     */
+    content: ReactNode;
+    /**
+     * Title of the tooltip that is displayed in the header of the tooltip
+     * Only applicable for mobile version of tooltip
+     * @default ''
+     */
+    title?: string;
+    /**
+     * The element that triggers the tooltip
+     */
+    trigger: ReactNode;
+    /**
+     * The placement of the floating tooltip. Only used in desktop version
+     * @default 'left'
+     */
+    placement?: Placement;
+    /**
+     * The trigger of the tooltip is wrapped in a container. This classname is added to that container
+     */
+    triggerContainerClassName?: string;
+    /**
+     * The content of the tooltip is wrapped in a container. This classname is added to that container
+     */
+    contentContainerClassname?: string;
+    /**
+     * When set true, tootlip will not be shown
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * The offset of the tooltip from the trigger in px. Only applicable for desktop tooltip
+     * @dwefault 4
+     */
+    offset?: number;
+}
+
+export declare const TopNavBar: ForwardRefExoticComponent<TopNavBarProps & RefAttributes<HTMLDivElement>>;
 
 export declare interface TopNavBarProps extends HTMLAttributes<HTMLDivElement> {
     text?: string | ReactNode;