design-system-silkhaus 0.0.87-beta.calenderwithprices.1 → 0.0.87-beta.corporate-listing-card.0

package/dist/index.d.ts

@@ -1,9 +1,12 @@
 import { CalendarDayShape } from 'react-dates';
 import { ClassProp } from 'class-variance-authority/types';
+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 { default as React_2 } from 'react';
 import * as React_3 from 'react';
 import { ReactNode } from 'react';
@@ -61,8 +64,20 @@ 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: React_2.ForwardRefExoticComponent<AsteriskProps & React_2.RefAttributes<HTMLSpanElement>>;
@@ -71,6 +86,23 @@ declare interface AsteriskProps {
     className?: string;
 }
 
+export declare const Badge: React_2.ForwardRefExoticComponent<BadgeProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare type BadgeProps = {
+    icon?: React_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: React_2.ForwardRefExoticComponent<BookingQuoteCardProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface BookingQuoteCardProps extends React_2.HTMLAttributes<HTMLDivElement> {
@@ -83,6 +115,7 @@ export declare interface BookingQuoteLineItemType {
     display_name: string;
     currency_converted_amount: string;
     type: string;
+    description?: string;
 }
 
 export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
@@ -118,6 +151,18 @@ 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: React_2.ForwardRefExoticComponent<DateRangePickerProps & React_2.RefAttributes<HTMLDivElement>>;
 
 declare interface DateRangePickerProps {
@@ -151,8 +196,11 @@ declare interface DateRangePickerProps {
     _daySize?: number;
     _mobileDaySize?: number;
     mobileBreakPoint?: number;
+    isAdjustHeightForViewport?: boolean;
 }
 
+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> {
@@ -180,6 +228,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: React_2.ForwardRefExoticComponent<IconButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare interface IconButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -207,6 +263,25 @@ export declare interface InputProps extends React_2.InputHTMLAttributes<HTMLInpu
     captionClass?: string | undefined;
 }
 
+export declare const ListingCard: React_2.ForwardRefExoticComponent<ListingCardProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare type ListingCardProps = {
+    images: string[];
+    title: string | React_2.ReactNode;
+    subtitle: string | React_2.ReactNode;
+    guests: number;
+    type: string;
+    sqft: string;
+    tags: TagProps[];
+    amenityTags?: TagProps[];
+    price: string;
+    slashedPrice?: string;
+    isMonthlyPrice: boolean;
+    totalPrice: string;
+    slashedTotalPrice?: string;
+    onClick: () => void;
+};
+
 export declare const LongTermBanner: React_2.ForwardRefExoticComponent<LongTermBannerProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface LongTermBannerProps {
@@ -272,6 +347,12 @@ export declare interface MobileSelectCardDropDownProps extends HTMLAttributes<HT
     noDataError?: string;
 }
 
+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 {
@@ -284,6 +365,28 @@ export declare interface RoundedProgressBarProps {
     textClass?: string;
 }
 
+export declare const RulerRegularIcon: FC<{
+    className?: string;
+}>;
+
+export declare const SlickImageCarousel: React_2.ForwardRefExoticComponent<SlickImageCarouselProps & React_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;
@@ -309,6 +412,11 @@ export declare interface SwitchProps {
     htmlId?: string;
 }
 
+declare type TagProps = {
+    icon: React_2.ReactNode;
+    label: string;
+};
+
 export declare const Timer: React_2.ForwardRefExoticComponent<TimerProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface TimerProps {
@@ -317,7 +425,53 @@ export declare interface TimerProps {
     outerDivClass?: string;
 }
 
-export declare const TopNavBar: React_2.ForwardRefExoticComponent<TopNavBarProps & React_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;