@veltdev/react 2.0.20 → 2.0.22

package/index.d.ts

@@ -126,6 +126,22 @@ interface IVeltCommentsProps extends React.DetailedHTMLProps<React.HTMLAttribute
         color: string;
         name: string;
     }[];
+    customListDataOnAnnotation?: {
+        type: 'single' | 'multi';
+        data: {
+            id: string;
+            label: string;
+        }[];
+    };
+    customListDataOnComment?: {
+        hotkey: string;
+        type: string;
+        data: {
+            id: string;
+            name: string;
+            description: string;
+        }[];
+    };
     darkMode?: boolean;
     dialogDarkMode?: boolean;
     pinDarkMode?: boolean;
@@ -193,6 +209,7 @@ interface IVeltCommentsSidebarProps {
     onSidebarCommentClick?: Function;
     onCommentClick?: Function;
     darkMode?: boolean;
+    position?: "right" | "left";
 }
 declare const SnippylyCommentsSidebar: React.FC<IVeltCommentsSidebarProps>;
 
@@ -366,6 +383,11 @@ interface IVeltNotificationsToolProps extends React.DetailedHTMLProps<React.HTML
     onNotificationClick?: Function;
     shadowDom?: boolean;
     panelShadowDom?: boolean;
+    variant?: string;
+    tabConfig?: any;
+    panelOpenMode?: 'popover' | 'sidebar';
+    panelVariant?: string;
+    maxDays?: number;
 }
 declare const VeltNotificationsTool: React.FC<IVeltNotificationsToolProps>;
 
@@ -373,6 +395,8 @@ interface IVeltNotificationsPanelProps {
     darkMode?: boolean;
     onNotificationClick?: Function;
     shadowDom?: boolean;
+    variant?: string;
+    tabConfig?: any;
 }
 declare const VeltNotificationsPanel: React.FC<IVeltNotificationsPanelProps>;
 
@@ -994,6 +1018,65 @@ interface IVeltCommentDialogUpgradeProps extends React.DetailedHTMLProps<React.H
     variant?: string;
 }
 
+interface IVeltCommentDialogCustomAnnotationDropdownContentItemIconProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+
+interface IVeltCommentDialogCustomAnnotationDropdownContentItemLabelProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+
+interface IVeltCommentDialogCustomAnnotationDropdownContentItemProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+interface IVeltCommentDialogCustomAnnotationDropdownContentItem extends React.FC<IVeltCommentDialogCustomAnnotationDropdownContentItemProps> {
+    Label: React.FC<IVeltCommentDialogCustomAnnotationDropdownContentItemLabelProps>;
+    Icon: React.FC<IVeltCommentDialogCustomAnnotationDropdownContentItemIconProps>;
+}
+
+interface IVeltCommentDialogCustomAnnotationDropdownContentProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+interface IVeltCommentDialogCustomAnnotationDropdownContent extends React.FC<IVeltCommentDialogCustomAnnotationDropdownContentProps> {
+    Item: IVeltCommentDialogCustomAnnotationDropdownContentItem;
+}
+
+interface IVeltCommentDialogCustomAnnotationDropdownTriggerArrowProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+
+interface IVeltCommentDialogCustomAnnotationDropdownTriggerListItemProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+
+interface IVeltCommentDialogCustomAnnotationDropdownTriggerListProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+interface IVeltCommentDialogCustomAnnotationDropdownTriggerList extends React.FC<IVeltCommentDialogCustomAnnotationDropdownTriggerListProps> {
+    Item: React.FC<IVeltCommentDialogCustomAnnotationDropdownTriggerListItemProps>;
+}
+
+interface IVeltCommentDialogCustomAnnotationDropdownTriggerRemainingCountProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+
+interface IVeltCommentDialogCustomAnnotationDropdownTriggerProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+interface IVeltCommentDialogCustomAnnotationDropdownTrigger extends React.FC<IVeltCommentDialogCustomAnnotationDropdownTriggerProps> {
+    Arrow: React.FC<IVeltCommentDialogCustomAnnotationDropdownTriggerArrowProps>;
+    List: IVeltCommentDialogCustomAnnotationDropdownTriggerList;
+    RemainingCount: React.FC<IVeltCommentDialogCustomAnnotationDropdownTriggerRemainingCountProps>;
+}
+
+interface IVeltCommentDialogCustomAnnotationDropdownProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+interface IVeltCommentDialogCustomAnnotationDropdown extends React.FC<IVeltCommentDialogCustomAnnotationDropdownProps> {
+    Content: IVeltCommentDialogCustomAnnotationDropdownContent;
+    Trigger: IVeltCommentDialogCustomAnnotationDropdownTrigger;
+}
+
 interface IVeltCommentDialogWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     variant?: string;
 }
@@ -1022,6 +1105,7 @@ declare const VeltCommentDialogWireframe: React.FC<IVeltCommentDialogWireframePr
     Threads: React.FC<IVeltCommentDialogThreadsProps>;
     ToggleReply: React.FC<IVeltCommentDialogToggleReplyProps>;
     Upgrade: React.FC<IVeltCommentDialogUpgradeProps>;
+    CustomAnnotationDropdown: IVeltCommentDialogCustomAnnotationDropdown;
 };
 
 interface IVeltCommentsSidebarCloseButtonProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
@@ -1618,6 +1702,280 @@ interface IVeltInlineCommentsSectionWireframe extends React.FC<IVeltInlineCommen
 }
 declare const VeltInlineCommentsSectionWireframe: IVeltInlineCommentsSectionWireframe;
 
+interface IVeltNotificationsPanelAllReadContainerWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelAllReadContainerWireframe extends React.FC<IVeltNotificationsPanelAllReadContainerWireframeProps> {
+}
+
+interface IVeltNotificationsPanelContentAllListItemContentWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentAllListItemContentWireframe extends React.FC<IVeltNotificationsPanelContentAllListItemContentWireframeProps> {
+}
+
+interface IVeltNotificationsPanelContentAllListItemLabelWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentAllListItemLabelWireframe extends React.FC<IVeltNotificationsPanelContentAllListItemLabelWireframeProps> {
+}
+
+interface IVeltNotificationsPanelContentAllListItemWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentAllListItemWireframe extends React.FC<IVeltNotificationsPanelContentAllListItemWireframeProps> {
+    Label: IVeltNotificationsPanelContentAllListItemLabelWireframe;
+    Content: IVeltNotificationsPanelContentAllListItemContentWireframe;
+}
+
+interface IVeltNotificationsPanelContentAllListWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentAllListWireframe extends React.FC<IVeltNotificationsPanelContentAllListWireframeProps> {
+    Item: IVeltNotificationsPanelContentAllListItemWireframe;
+}
+
+interface IVeltNotificationsPanelContentAllWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentAllWireframe extends React.FC<IVeltNotificationsPanelContentAllWireframeProps> {
+    List: IVeltNotificationsPanelContentAllListWireframe;
+}
+
+interface IVeltNotificationsPanelContentDocumentsListItemContentWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentDocumentsListItemContentWireframe extends React.FC<IVeltNotificationsPanelContentDocumentsListItemContentWireframeProps> {
+}
+
+interface IVeltNotificationsPanelContentDocumentsListItemCountWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentDocumentsListItemCountWireframe extends React.FC<IVeltNotificationsPanelContentDocumentsListItemCountWireframeProps> {
+}
+
+interface IVeltNotificationsPanelContentDocumentsListItemNameWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentDocumentsListItemNameWireframe extends React.FC<IVeltNotificationsPanelContentDocumentsListItemNameWireframeProps> {
+}
+
+interface IVeltNotificationsPanelContentDocumentsListItemUnreadWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentDocumentsListItemUnreadWireframe extends React.FC<IVeltNotificationsPanelContentDocumentsListItemUnreadWireframeProps> {
+}
+
+interface IVeltNotificationsPanelContentDocumentsListItemWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentDocumentsListItemWireframe extends React.FC<IVeltNotificationsPanelContentDocumentsListItemWireframeProps> {
+    Content: IVeltNotificationsPanelContentDocumentsListItemContentWireframe;
+    Name: IVeltNotificationsPanelContentDocumentsListItemNameWireframe;
+    Count: IVeltNotificationsPanelContentDocumentsListItemCountWireframe;
+    Unread: IVeltNotificationsPanelContentDocumentsListItemUnreadWireframe;
+}
+
+interface IVeltNotificationsPanelContentDocumentsListWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentDocumentsListWireframe extends React.FC<IVeltNotificationsPanelContentDocumentsListWireframeProps> {
+    Item: IVeltNotificationsPanelContentDocumentsListItemWireframe;
+}
+
+interface IVeltNotificationsPanelContentDocumentsWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentDocumentsWireframe extends React.FC<IVeltNotificationsPanelContentDocumentsWireframeProps> {
+    List: IVeltNotificationsPanelContentDocumentsListWireframe;
+}
+
+interface IVeltNotificationsPanelContentForYouWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentForYouWireframe extends React.FC<IVeltNotificationsPanelContentForYouWireframeProps> {
+}
+
+interface IVeltNotificationsPanelContentPeopleListItemAvatarWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentPeopleListItemAvatarWireframe extends React.FC<IVeltNotificationsPanelContentPeopleListItemAvatarWireframeProps> {
+}
+
+interface IVeltNotificationsPanelContentPeopleListItemContentWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentPeopleListItemContentWireframe extends React.FC<IVeltNotificationsPanelContentPeopleListItemContentWireframeProps> {
+}
+
+interface IVeltNotificationsPanelContentPeopleListItemCountWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentPeopleListItemCountWireframe extends React.FC<IVeltNotificationsPanelContentPeopleListItemCountWireframeProps> {
+}
+
+interface IVeltNotificationsPanelContentPeopleListItemNameWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentPeopleListItemNameWireframe extends React.FC<IVeltNotificationsPanelContentPeopleListItemNameWireframeProps> {
+}
+
+interface IVeltNotificationsPanelContentPeopleListItemWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentPeopleListItemWireframe extends React.FC<IVeltNotificationsPanelContentPeopleListItemWireframeProps> {
+    Avatar: IVeltNotificationsPanelContentPeopleListItemAvatarWireframe;
+    Name: IVeltNotificationsPanelContentPeopleListItemNameWireframe;
+    Count: IVeltNotificationsPanelContentPeopleListItemCountWireframe;
+    Content: IVeltNotificationsPanelContentPeopleListItemContentWireframe;
+}
+
+interface IVeltNotificationsPanelContentPeopleListWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentPeopleListWireframe extends React.FC<IVeltNotificationsPanelContentPeopleListWireframeProps> {
+    Item: IVeltNotificationsPanelContentPeopleListItemWireframe;
+}
+
+interface IVeltNotificationsPanelContentPeopleWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentPeopleWireframe extends React.FC<IVeltNotificationsPanelContentPeopleWireframeProps> {
+    List: IVeltNotificationsPanelContentPeopleListWireframe;
+}
+
+interface IVeltNotificationsPanelContentLoadMoreWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+interface IVeltNotificationsPanelContentLoadMoreWireframe extends React.FC<IVeltNotificationsPanelContentLoadMoreWireframeProps> {
+}
+
+interface IVeltNotificationsPanelContentListItemAvatarWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentListItemAvatarWireframe extends React.FC<IVeltNotificationsPanelContentListItemAvatarWireframeProps> {
+}
+
+interface IVeltNotificationsPanelContentListItemBodyWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentListItemBodyWireframe extends React.FC<IVeltNotificationsPanelContentListItemBodyWireframeProps> {
+}
+
+interface IVeltNotificationsPanelContentListItemFileNameWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentListItemFileNameWireframe extends React.FC<IVeltNotificationsPanelContentListItemFileNameWireframeProps> {
+}
+
+interface IVeltNotificationsPanelContentListItemHeadlineWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentListItemHeadlineWireframe extends React.FC<IVeltNotificationsPanelContentListItemHeadlineWireframeProps> {
+}
+
+interface IVeltNotificationsPanelContentListItemTimeWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentListItemTimeWireframe extends React.FC<IVeltNotificationsPanelContentListItemTimeWireframeProps> {
+}
+
+interface IVeltNotificationsPanelContentListItemUnreadWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentListItemUnreadWireframe extends React.FC<IVeltNotificationsPanelContentListItemUnreadWireframeProps> {
+}
+
+interface IVeltNotificationsPanelContentListItemWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentListItemWireframe extends React.FC<IVeltNotificationsPanelContentListItemWireframeProps> {
+    Avatar: IVeltNotificationsPanelContentListItemAvatarWireframe;
+    Body: IVeltNotificationsPanelContentListItemBodyWireframe;
+    FileName: IVeltNotificationsPanelContentListItemFileNameWireframe;
+    Headline: IVeltNotificationsPanelContentListItemHeadlineWireframe;
+    Time: IVeltNotificationsPanelContentListItemTimeWireframe;
+    Unread: IVeltNotificationsPanelContentListItemUnreadWireframe;
+}
+
+interface IVeltNotificationsPanelContentListWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentListWireframe extends React.FC<IVeltNotificationsPanelContentListWireframeProps> {
+    Item: IVeltNotificationsPanelContentListItemWireframe;
+}
+
+interface IVeltNotificationsPanelContentWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelContentWireframe extends React.FC<IVeltNotificationsPanelContentWireframeProps> {
+    All: IVeltNotificationsPanelContentAllWireframe;
+    ForYou: IVeltNotificationsPanelContentForYouWireframe;
+    Documents: IVeltNotificationsPanelContentDocumentsWireframe;
+    People: IVeltNotificationsPanelContentPeopleWireframe;
+    LoadMore: IVeltNotificationsPanelContentLoadMoreWireframe;
+    List: IVeltNotificationsPanelContentListWireframe;
+}
+
+interface IVeltNotificationsPanelHeaderTabDocumentsWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelHeaderTabDocumentsWireframe extends React.FC<IVeltNotificationsPanelHeaderTabDocumentsWireframeProps> {
+}
+
+interface IVeltNotificationsPanelHeaderTabForYouWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelHeaderTabForYouWireframe extends React.FC<IVeltNotificationsPanelHeaderTabForYouWireframeProps> {
+}
+
+interface IVeltNotificationsPanelHeaderTabPeopleWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelHeaderTabPeopleWireframe extends React.FC<IVeltNotificationsPanelHeaderTabPeopleWireframeProps> {
+}
+
+interface IVeltNotificationsPanelHeaderWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelHeaderWireframe extends React.FC<IVeltNotificationsPanelHeaderWireframeProps> {
+    TabAll: IVeltNotificationsPanelHeaderTabPeopleWireframe;
+    TabForYou: IVeltNotificationsPanelHeaderTabForYouWireframe;
+    TabDocuments: IVeltNotificationsPanelHeaderTabDocumentsWireframe;
+    TabPeople: IVeltNotificationsPanelHeaderTabPeopleWireframe;
+}
+
+interface IVeltNotificationsPanelReadAllButtonWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelReadAllButtonWireframe extends React.FC<IVeltNotificationsPanelReadAllButtonWireframeProps> {
+}
+
+interface IVeltNotificationsPanelTitleWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelTitleWireframe extends React.FC<IVeltNotificationsPanelTitleWireframeProps> {
+}
+
+interface IVeltNotificationsPanelViewAllButtonWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelViewAllButtonWireframe extends React.FC<IVeltNotificationsPanelViewAllButtonWireframeProps> {
+}
+
+interface IVeltNotificationsPanelCloseButtonWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsPanelCloseButtonWireframe extends React.FC<IVeltNotificationsPanelCloseButtonWireframeProps> {
+}
+
+interface IVeltNotificationsPanelWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+interface IVeltNotificationsPanelWireframe extends React.FC<IVeltNotificationsPanelWireframeProps> {
+    AllReadContainer: IVeltNotificationsPanelAllReadContainerWireframe;
+    Content: IVeltNotificationsPanelContentWireframe;
+    Header: IVeltNotificationsPanelHeaderWireframe;
+    ReadAllButton: IVeltNotificationsPanelReadAllButtonWireframe;
+    Title: IVeltNotificationsPanelTitleWireframe;
+    ViewAllButton: IVeltNotificationsPanelViewAllButtonWireframe;
+    CloseButton: IVeltNotificationsPanelCloseButtonWireframe;
+}
+declare const VeltNotificationsPanelWireframe: IVeltNotificationsPanelWireframe;
+
+interface IVeltNotificationsToolIconWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsToolIconWireframe extends React.FC<IVeltNotificationsToolIconWireframeProps> {
+}
+
+interface IVeltNotificationsToolLabelWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsToolLabelWireframe extends React.FC<IVeltNotificationsToolLabelWireframeProps> {
+}
+
+interface IVeltNotificationsToolUnreadCountWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsToolUnreadCountWireframe extends React.FC<IVeltNotificationsToolUnreadCountWireframeProps> {
+}
+
+interface IVeltNotificationsToolUnreadIconWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+interface IVeltNotificationsToolUnreadIconWireframe extends React.FC<IVeltNotificationsToolUnreadIconWireframeProps> {
+}
+
+interface IVeltNotificationsToolWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+interface IVeltNotificationsToolWireframe extends React.FC<IVeltNotificationsToolWireframeProps> {
+    Label: IVeltNotificationsToolLabelWireframe;
+    UnreadIcon: IVeltNotificationsToolUnreadIconWireframe;
+    Icon: IVeltNotificationsToolIconWireframe;
+    UnreadCount: IVeltNotificationsToolUnreadCountWireframe;
+}
+declare const VeltNotificationsToolWireframe: IVeltNotificationsToolWireframe;
+
 declare function useVeltClient(): {
     client: Velt;
 };
@@ -1714,4 +2072,4 @@ declare const createLiveStateMiddleware: (config?: LiveStateMiddlewareConfig) =>
     updateLiveStateDataId: (newId?: string) => void;
 };
 
-export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteOptionWireframe, VeltCanvasComment, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleWireframe, VeltCommentDialogOptionsDropdownContentWireframe, VeltCommentDialogOptionsDropdownTriggerWireframe, VeltCommentDialogPriorityDropdownContentWireframe, VeltCommentDialogPriorityDropdownTriggerWireframe, VeltCommentDialogStatusDropdownContentWireframe, VeltCommentDialogStatusDropdownTriggerWireframe, VeltCommentDialogWireframe, VeltCommentPin, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentThread, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, VeltCommentsMinimap, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarStatusDropdownWireframe, VeltCommentsSidebarWireframe, SnippylyCursor as VeltCursor, VeltData, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltInlineCommentsSection, VeltInlineCommentsSectionWireframe, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsTool, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, VeltReactionPinTooltipWireframe, VeltReactionPinWireframe, VeltReactionTool, VeltReactionToolWireframe, VeltReactionsPanelWireframe, SnippylyRecorderControlPanel as VeltRecorderControlPanel, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, SnippylyRecorderTool as VeltRecorderTool, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentToolWireframe, VeltTextCommentToolbar as VeltTextCommentToolbarWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoPlayer, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentAddHandler, useCommentAnnotations, useCommentDialogSidebarClickHandler, useCommentModeState, useCommentSelectionChangeHandler, useCommentUpdateHandler, useCommentUtils, useContactSelected, useContactUtils, useCursorUsers, useCursorUtils, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useHuddleUtils, useIdentify, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderUtils, useServerConnectionStateChangeHandler, useSetDocumentId, useSetLiveStateData, useSetLocation, useTagAnnotations, useTagUtils, useUniqueViewsByDate, useUniqueViewsByUser, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountByAnnotationId, useUnreadCommentCountByLocationId, useUnreadCommentCountOnCurrentDocument, useUnsetDocumentId, useUserEditorState, useVeltClient, useVeltInitState, useViewsUtils };
+export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteOptionWireframe, VeltCanvasComment, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleWireframe, VeltCommentDialogOptionsDropdownContentWireframe, VeltCommentDialogOptionsDropdownTriggerWireframe, VeltCommentDialogPriorityDropdownContentWireframe, VeltCommentDialogPriorityDropdownTriggerWireframe, VeltCommentDialogStatusDropdownContentWireframe, VeltCommentDialogStatusDropdownTriggerWireframe, VeltCommentDialogWireframe, VeltCommentPin, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentThread, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, VeltCommentsMinimap, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarStatusDropdownWireframe, VeltCommentsSidebarWireframe, SnippylyCursor as VeltCursor, VeltData, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltInlineCommentsSection, VeltInlineCommentsSectionWireframe, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsPanelWireframe, VeltNotificationsTool, VeltNotificationsToolWireframe, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, VeltReactionPinTooltipWireframe, VeltReactionPinWireframe, VeltReactionTool, VeltReactionToolWireframe, VeltReactionsPanelWireframe, SnippylyRecorderControlPanel as VeltRecorderControlPanel, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, SnippylyRecorderTool as VeltRecorderTool, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentToolWireframe, VeltTextCommentToolbar as VeltTextCommentToolbarWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoPlayer, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentAddHandler, useCommentAnnotations, useCommentDialogSidebarClickHandler, useCommentModeState, useCommentSelectionChangeHandler, useCommentUpdateHandler, useCommentUtils, useContactSelected, useContactUtils, useCursorUsers, useCursorUtils, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useHuddleUtils, useIdentify, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderUtils, useServerConnectionStateChangeHandler, useSetDocumentId, useSetLiveStateData, useSetLocation, useTagAnnotations, useTagUtils, useUniqueViewsByDate, useUniqueViewsByUser, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountByAnnotationId, useUnreadCommentCountByLocationId, useUnreadCommentCountOnCurrentDocument, useUnsetDocumentId, useUserEditorState, useVeltClient, useVeltInitState, useViewsUtils };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@veltdev/react",
-    "version": "2.0.20",
+    "version": "2.0.22",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",