design-system-silkhaus 2.18.0-beta.app-components.3 → 2.18.0-beta.app-components.4

package/dist/index.d.ts

@@ -141,6 +141,14 @@ export declare const BedRegularIcon: FC<{
     className?: string;
 }>;
 
+export declare const BellIcon: FC<{
+    className?: string;
+}>;
+
+export declare const BellSolidIcon: FC<{
+    className?: string;
+}>;
+
 export declare const BoltIcon: FC<{
     className?: string;
 }>;
@@ -348,6 +356,8 @@ export declare const DeleteIcon: FC<{
 
 export declare const desktopMinWidth: number;
 
+export declare const DesktopPopover: FC<PropsWithChildren<PopoverProps>>;
+
 export declare const DesktopTooltip: FC<PropsWithChildren<TooltipProps>>;
 
 export declare const Dialog: ForwardRefExoticComponent<DialogProps & RefAttributes<HTMLDivElement>>;
@@ -654,6 +664,8 @@ export declare interface MobileMultiSelectFilterDropDownProps extends HTMLAttrib
     disabled?: boolean;
 }
 
+export declare const MobilePopover: FC<PropsWithChildren<PopoverProps>>;
+
 export declare const MobileSelectCardDropDown: ForwardRefExoticComponent<MobileSelectCardDropDownProps & RefAttributes<HTMLDivElement>>;
 
 export declare interface MobileSelectCardDropDownProps extends HTMLAttributes<HTMLDivElement> {
@@ -685,6 +697,19 @@ export declare const MoonIcon: FC<{
     className?: string;
 }>;
 
+export declare const NotificationItem: FC<NotificationItemProps>;
+
+export declare type NotificationItemProps = {
+    id?: string | number;
+    className?: string;
+    title: string;
+    description1: string;
+    description2?: string;
+    thumbnailUrl?: string;
+    isRead?: boolean;
+    onClick?: (item: NotificationItemProps) => void;
+};
+
 export declare const OpenNewIcon: FC<{
     className?: string;
 }>;
@@ -819,6 +844,66 @@ export declare const PlusCircleIcon: FC<{
     className?: string;
 }>;
 
+/**
+ * A component that displays a floating popover with the `content` on click of the `trigger` element for desktop
+ * and for mobile it displays a dialog that slides from the bottom
+ */
+export declare const Popover: FC<PropsWithChildren<PopoverProps>>;
+
+export declare interface PopoverProps {
+    /**
+     * Content of the popover
+     */
+    content: ReactNode;
+    /**
+     * The element that triggers the popover
+     */
+    trigger: ReactNode;
+    /**
+     * The placement of the floating popover. Only used in desktop version
+     * @default 'bottom'
+     */
+    placement?: Placement;
+    /**
+     * The trigger of the popover is wrapped in a container. This classname is added to that container
+     */
+    triggerContainerClassName?: string;
+    /**
+     * The content of the popover is wrapped in a container. This classname is added to that container
+     */
+    contentContainerClassname?: string;
+    /**
+     * When set true, popover will not be shown
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * The offset of the popover from the trigger in px. Only applicable for desktop popover
+     * @default 4
+     */
+    offset?: number;
+    /**
+     * The title of the popover
+     */
+    title?: string;
+    /**
+     * Callback when popover is opened or closed
+     */
+    onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * Pass this value to control the open state
+     */
+    isOpen?: boolean;
+    /**
+     * Adjust the height of the popover to fit the content in viewport
+     */
+    adjustHeight?: boolean | number;
+    /**
+     * Adjust the width of the popover to fit the content in viewport
+     */
+    adjustWidth?: boolean;
+}
+
 export declare const PreviewIcon: FC<{
     className?: string;
 }>;
@@ -941,6 +1026,26 @@ export declare const Scrollbar: FC<ScrollbarProps>;
 export declare interface ScrollbarProps extends Props {
 }
 
+export declare const Section: default_2.FC<SectionProps>;
+
+export declare const SectionHeader: default_2.FC<SectionHeaderProps>;
+
+export declare interface SectionHeaderProps {
+    title?: string;
+    description?: string;
+    className?: string;
+    titleClassName?: string;
+    descriptionClassName?: string;
+}
+
+export declare interface SectionProps {
+    head?: default_2.ReactNode;
+    body?: default_2.ReactNode;
+    className?: string;
+    headClassName?: string;
+    bodyClassName?: string;
+}
+
 export declare const SECURITY_DEPOSIT_REFUND = "security_deposit_refund";
 
 export declare const SegmentedControl: FC<SegmentedControlProps>;
@@ -1187,7 +1292,7 @@ export declare interface TooltipProps {
     disabled?: boolean;
     /**
      * The offset of the tooltip from the trigger in px. Only applicable for desktop tooltip
-     * @dwefault 4
+     * @default 4
      */
     offset?: number;
 }