design-system-silkhaus 0.0.87-beta.develop-long-term-pricing.5 → 0.0.87-beta.develop-long-term-pricing.6

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';
@@ -95,6 +98,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>>;
@@ -130,6 +134,10 @@ declare const cardVariants: (props?: ({
     cardType?: "default" | "shadowCard" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const CloseIcon: FC<{
+    className?: string;
+}>;
+
 export declare const DateRangePicker: React_2.ForwardRefExoticComponent<DateRangePickerProps & React_2.RefAttributes<HTMLDivElement>>;
 
 declare interface DateRangePickerProps {
@@ -165,6 +173,8 @@ declare interface DateRangePickerProps {
     mobileBreakPoint?: number;
 }
 
+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> {
@@ -284,6 +294,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 {
@@ -329,6 +345,52 @@ export declare interface TimerProps {
     outerDivClass?: string;
 }
 
+/**
+ * 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> {