design-system-silkhaus 0.0.87-beta.listing-card.2 → 0.0.87-beta.listing-card.4

package/dist/index.d.ts

@@ -1,16 +1,19 @@
 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 * as React_2 from 'react';
+import { Placement } from '@floating-ui/react';
+import { PropsWithChildren } from 'react';
+import { default as React_2 } from 'react';
+import * as React_3 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>>;
+export declare const Accordion: React_2.ForwardRefExoticComponent<AccordionProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface AccordionProps {
     title: string | ReactNode;
@@ -25,7 +28,7 @@ export declare interface AccordionProps {
     isExpanded?: boolean;
 }
 
-export declare const ActionFooter: default_2.ForwardRefExoticComponent<ActionFooterProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const ActionFooter: React_2.ForwardRefExoticComponent<ActionFooterProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface ActionFooterProps {
     className?: string;
@@ -33,12 +36,12 @@ export declare interface ActionFooterProps {
     primaryBtnClick: () => void;
     primaryBtnDisabled?: boolean;
     secondaryBtnDisabled?: boolean;
-    primaryBtnTxt: string | default_2.ReactNode;
-    secondaryBtnTxt?: string | default_2.ReactNode;
-    thirdColumn?: default_2.ReactNode;
+    primaryBtnTxt: string | React_2.ReactNode;
+    secondaryBtnTxt?: string | React_2.ReactNode;
+    thirdColumn?: React_2.ReactNode;
 }
 
-export declare const AlertDialog: default_2.ForwardRefExoticComponent<AlertDialogProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const AlertDialog: React_2.ForwardRefExoticComponent<AlertDialogProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface AlertDialogProps {
     outerDivClassName?: string;
@@ -61,28 +64,31 @@ export declare interface AnimatedModalProps extends HTMLAttributes<HTMLDivElemen
     show: boolean;
     handleClose?: () => void;
     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>>;
+export declare const Asterisk: React_2.ForwardRefExoticComponent<AsteriskProps & React_2.RefAttributes<HTMLSpanElement>>;
 
 declare interface AsteriskProps {
     className?: string;
 }
 
-export declare const Badge: default_2.ForwardRefExoticComponent<BadgeProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const BookingQuoteCard: React_2.ForwardRefExoticComponent<BookingQuoteCardProps & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare type BadgeProps = {
-    icon?: default_2.ReactNode;
-    label: string;
-    variant: 'dark' | 'light' | 'amenity';
-    className?: string;
-};
-
-export declare const BookingQuoteCard: default_2.ForwardRefExoticComponent<BookingQuoteCardProps & default_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface BookingQuoteCardProps extends default_2.HTMLAttributes<HTMLDivElement> {
+export declare interface BookingQuoteCardProps extends React_2.HTMLAttributes<HTMLDivElement> {
     items: BookingQuoteLineItemType[];
     isExpandedInMobile?: boolean;
 }
@@ -92,34 +98,35 @@ 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>>;
+export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
+export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
     color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
     size?: 'small' | 'large';
     disabled?: true | false;
-    startIcon?: default_2.ReactNode;
-    endIcon?: default_2.ReactNode;
+    startIcon?: React_2.ReactNode;
+    endIcon?: React_2.ReactNode;
 }
 
-export declare const Card: React_2.ForwardRefExoticComponent<CardProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare const Card: React_3.ForwardRefExoticComponent<CardProps & React_3.RefAttributes<HTMLDivElement>>;
 
-export declare const CardContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+export declare const CardContent: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
 
-export declare const CardDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+export declare const CardDescription: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
 
-export declare const CardFooter: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+export declare const CardFooter: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
 
-export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+export declare const CardHeader: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
 
-declare interface CardProps extends React_2.HTMLAttributes<HTMLDivElement>, CardVariantProps {
+declare interface CardProps extends React_3.HTMLAttributes<HTMLDivElement>, CardVariantProps {
     asChild?: boolean;
     as?: string;
 }
 
-export declare const CardTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+export declare const CardTitle: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
 
 export declare type CardVariantProps = VariantProps<typeof cardVariants>;
 
@@ -127,7 +134,11 @@ declare const cardVariants: (props?: ({
     cardType?: "default" | "shadowCard" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare const DateRangePicker: default_2.ForwardRefExoticComponent<DateRangePickerProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const CloseIcon: FC<{
+    className?: string;
+}>;
+
+export declare const DateRangePicker: React_2.ForwardRefExoticComponent<DateRangePickerProps & React_2.RefAttributes<HTMLDivElement>>;
 
 declare interface DateRangePickerProps {
     startDatePlaceholderText?: string;
@@ -145,32 +156,34 @@ declare interface DateRangePickerProps {
     focusedInput?: 'startDate' | 'endDate' | null;
     onFocusChange?: (focusedInput: 'startDate' | 'endDate' | null) => void;
     lTBannerImage?: string;
-    lTBannerTitle?: string | default_2.ReactNode;
-    lTBannerDesc?: string | default_2.ReactNode;
+    lTBannerTitle?: string | React_2.ReactNode;
+    lTBannerDesc?: string | React_2.ReactNode;
     lTBannerBgColor?: string;
-    thirdColumn?: string | default_2.ReactNode;
+    thirdColumn?: string | React_2.ReactNode;
     onMobileCloseClick: () => void;
     onOutsideClick?: (e: unknown) => void;
     onPrevMonthClick?: (e: unknown) => void;
     onNextMonthClick?: (e: unknown) => void;
-    renderCalendarDay?: (props: CalendarDayShape) => default_2.ReactNode | undefined;
+    renderCalendarDay?: (props: CalendarDayShape) => React_2.ReactNode | undefined;
     isDayBlocked?: ((day: Moment) => boolean) | undefined;
-    renderDayContents?: (day: Moment, modifiers: ModifiersShape) => default_2.ReactNode | null | undefined;
-    renderCalendarInfo?: () => default_2.ReactNode | null | undefined;
+    renderDayContents?: (day: Moment, modifiers: ModifiersShape) => React_2.ReactNode | null | undefined;
+    renderCalendarInfo?: () => React_2.ReactNode | null | undefined;
     _daySize?: number;
     _mobileDaySize?: number;
     mobileBreakPoint?: number;
 }
 
-export declare const Dialog: default_2.ForwardRefExoticComponent<DialogProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const DesktopTooltip: FC<PropsWithChildren<TooltipProps>>;
+
+export declare const Dialog: React_2.ForwardRefExoticComponent<DialogProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface DialogProps extends HTMLAttributes<HTMLDivElement> {
     open: boolean;
 }
 
-export declare const Grid: React_2.ForwardRefExoticComponent<GridProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare const Grid: React_3.ForwardRefExoticComponent<GridProps & React_3.RefAttributes<HTMLDivElement>>;
 
-export declare interface GridProps extends React_2.HTMLAttributes<HTMLDivElement>, Omit<GridVariantProps, 'optional'> {
+export declare interface GridProps extends React_3.HTMLAttributes<HTMLDivElement>, Omit<GridVariantProps, 'optional'> {
     asChild?: boolean;
 }
 
@@ -189,23 +202,23 @@ declare const gridVariants: (props?: ({
     placeItems?: "start" | "end" | "center" | "stretch" | "baseline" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare const IconButton: default_2.ForwardRefExoticComponent<IconButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
+export declare const IconButton: React_2.ForwardRefExoticComponent<IconButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare interface IconButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
+export declare interface IconButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
     color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
     size?: 'small' | 'large';
     disabled?: true | false;
 }
 
-export declare const ImageCarousel: default_2.ForwardRefExoticComponent<ImageCarouselProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const ImageCarousel: React_2.ForwardRefExoticComponent<ImageCarouselProps & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare interface ImageCarouselProps extends default_2.HTMLAttributes<HTMLDivElement> {
+export declare interface ImageCarouselProps extends React_2.HTMLAttributes<HTMLDivElement> {
     images: string[];
 }
 
-export declare const Input: default_2.ForwardRefExoticComponent<InputProps & default_2.RefAttributes<HTMLInputElement>>;
+export declare const Input: React_2.ForwardRefExoticComponent<InputProps & React_2.RefAttributes<HTMLInputElement>>;
 
-export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
+export declare interface InputProps extends React_2.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
     textarea?: true | false | undefined;
     label?: string | undefined;
     caption?: string | undefined;
@@ -216,35 +229,18 @@ 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 const LongTermBanner: React_2.ForwardRefExoticComponent<LongTermBannerProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface LongTermBannerProps {
     image: string;
-    title: string | default_2.ReactNode;
-    desc: string | default_2.ReactNode;
+    title: string | React_2.ReactNode;
+    desc: string | React_2.ReactNode;
     size: 'small' | 'large';
     bgColor: string;
     className?: string;
 }
 
-export declare const MobileFilterMenu: default_2.ForwardRefExoticComponent<MobileFilterMenuProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const MobileFilterMenu: React_2.ForwardRefExoticComponent<MobileFilterMenuProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface MobileFilterMenuProps extends HTMLAttributes<HTMLDivElement> {
     show: boolean;
@@ -260,7 +256,7 @@ export declare interface MobileFilterMenuProps extends HTMLAttributes<HTMLDivEle
     maxWidth?: string;
 }
 
-export declare const MobileMultiSelectFilterDropDown: default_2.ForwardRefExoticComponent<MobileMultiSelectFilterDropDownProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const MobileMultiSelectFilterDropDown: React_2.ForwardRefExoticComponent<MobileMultiSelectFilterDropDownProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface MobileMultiSelectFilterDropDownProps extends HTMLAttributes<HTMLDivElement> {
     label?: string;
@@ -281,7 +277,7 @@ export declare interface MobileMultiSelectFilterDropDownProps extends HTMLAttrib
     noDataError?: string;
 }
 
-export declare const MobileSelectCardDropDown: default_2.ForwardRefExoticComponent<MobileSelectCardDropDownProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const MobileSelectCardDropDown: React_2.ForwardRefExoticComponent<MobileSelectCardDropDownProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface MobileSelectCardDropDownProps extends HTMLAttributes<HTMLDivElement> {
     label?: string;
@@ -298,7 +294,13 @@ export declare interface MobileSelectCardDropDownProps extends HTMLAttributes<HT
     noDataError?: string;
 }
 
-export declare const RoundedProgressBar: default_2.ForwardRefExoticComponent<RoundedProgressBarProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const MobileTootip: FC<PropsWithChildren<TooltipProps>>;
+
+export declare const QuestionMarkIcon: FC<{
+    className?: string;
+}>;
+
+export declare const RoundedProgressBar: React_2.ForwardRefExoticComponent<RoundedProgressBarProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface RoundedProgressBarProps {
     progress: number;
@@ -310,16 +312,6 @@ export declare interface RoundedProgressBarProps {
     textClass?: 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 interface Step {
     number: number;
     title: string;
@@ -328,7 +320,7 @@ export declare interface Step {
     mobileNextTitle: string;
 }
 
-export declare const Stepper: default_2.ForwardRefExoticComponent<StepperProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const Stepper: React_2.ForwardRefExoticComponent<StepperProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface StepperProps {
     steps: Step[];
@@ -336,21 +328,16 @@ export declare interface StepperProps {
     outerMobileDivClass?: string;
 }
 
-export declare const Switch: default_2.ForwardRefExoticComponent<SwitchProps & default_2.RefAttributes<HTMLInputElement>>;
+export declare const Switch: React_2.ForwardRefExoticComponent<SwitchProps & React_2.RefAttributes<HTMLInputElement>>;
 
 export declare interface SwitchProps {
     checked: boolean;
-    onChange: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
+    onChange: (event: React_2.ChangeEvent<HTMLInputElement>) => void;
     disabled?: boolean;
     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 const Timer: React_2.ForwardRefExoticComponent<TimerProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface TimerProps {
     time: number;
@@ -358,7 +345,53 @@ export declare interface TimerProps {
     outerDivClass?: 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: React_2.ForwardRefExoticComponent<TopNavBarProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface TopNavBarProps extends HTMLAttributes<HTMLDivElement> {
     text?: string | ReactNode;
@@ -367,7 +400,7 @@ export declare interface TopNavBarProps extends HTMLAttributes<HTMLDivElement> {
     direction?: 'marquee--left' | 'marquee--right' | 'marquee--up' | 'marquee--down';
 }
 
-export declare const TopNavContainerMobile: default_2.ForwardRefExoticComponent<TopNavContainerMobileProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const TopNavContainerMobile: React_2.ForwardRefExoticComponent<TopNavContainerMobileProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface TopNavContainerMobileProps extends HTMLAttributes<HTMLDivElement> {
     img: string;
@@ -379,7 +412,7 @@ export declare interface TopNavContainerMobileProps extends HTMLAttributes<HTMLD
     buttonText: string;
 }
 
-export declare const TwoColumnDialog: default_2.ForwardRefExoticComponent<TwoColumnDialogProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const TwoColumnDialog: React_2.ForwardRefExoticComponent<TwoColumnDialogProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface TwoColumnDialogProps extends HTMLAttributes<HTMLDivElement> {
     img: string;