@veltdev/react 2.0.20 → 2.0.21

package/cjs/index.js

@@ -140,7 +140,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '2.0.20';
+var VELT_SDK_VERSION = '2.0.21';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 
@@ -352,7 +352,7 @@ var SnippylyComments = function (props) {
 };
 
 var SnippylyCommentsSidebar = function (props) {
-    var embedMode = props.embedMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, sortData = props.sortData, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, variant = props.variant, pageModeComposerVariant = props.pageModeComposerVariant, dialogVariant = props.dialogVariant, shadowDom = props.shadowDom, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick, darkMode = props.darkMode;
+    var embedMode = props.embedMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, sortData = props.sortData, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, variant = props.variant, pageModeComposerVariant = props.pageModeComposerVariant, dialogVariant = props.dialogVariant, shadowDom = props.shadowDom, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick, darkMode = props.darkMode, position = props.position;
     var ref = React.useRef();
     var openSidebarRef = React.useRef(openSidebar);
     var onSidebarOpenRef = React.useRef(onSidebarOpen);
@@ -403,7 +403,7 @@ var SnippylyCommentsSidebar = function (props) {
             }
         };
     }, []);
-    return (React__default["default"].createElement("velt-comments-sidebar", { ref: ref, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, variant: variant, "page-mode-composer-variant": pageModeComposerVariant, "dialog-variant": dialogVariant, "sort-data": sortData, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }));
+    return (React__default["default"].createElement("velt-comments-sidebar", { ref: ref, position: position, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, variant: variant, "page-mode-composer-variant": pageModeComposerVariant, "dialog-variant": dialogVariant, "sort-data": sortData, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }));
 };
 
 var SnippylyCommentTool = function (props) {
@@ -726,7 +726,7 @@ var VeltCommentThread = function (props) {
 };
 
 var VeltNotificationsTool = function (props) {
-    var children = props.children, darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, panelShadowDom = props.panelShadowDom;
+    var children = props.children, darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, panelShadowDom = props.panelShadowDom, variant = props.variant, tabConfig = props.tabConfig, panelOpenMode = props.panelOpenMode, panelVariant = props.panelVariant;
     var ref = React.useRef();
     var onNotificationClickRef = React.useRef(onNotificationClick);
     // Update the ref to always point to the latest callback function
@@ -752,11 +752,11 @@ var VeltNotificationsTool = function (props) {
             }
         };
     }, []);
-    return (React__default["default"].createElement("velt-notifications-tool", { ref: ref, "panel-shadow-dom": [true, false].includes(panelShadowDom) ? (panelShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-tool", { ref: ref, "panel-open-mode": panelOpenMode, panelVariant: panelVariant, "tab-config": tabConfig, variant: variant, "panel-shadow-dom": [true, false].includes(panelShadowDom) ? (panelShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanel = function (props) {
-    var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom;
+    var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, tabConfig = props.tabConfig, variant = props.variant;
     var ref = React.useRef();
     var onNotificationClickRef = React.useRef(onNotificationClick);
     // Update the ref to always point to the latest callback function
@@ -782,7 +782,7 @@ var VeltNotificationsPanel = function (props) {
             }
         };
     }, []);
-    return (React__default["default"].createElement("velt-notifications-panel", { ref: ref, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }));
+    return (React__default["default"].createElement("velt-notifications-panel", { ref: ref, variant: variant, "tab-config": tabConfig, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }));
 };
 
 var VeltNotificationsHistoryPanel = function (props) {
@@ -2552,6 +2552,280 @@ VeltInlineCommentsSectionWireframe.List = VeltInlineCommentsSectionListWireframe
 VeltInlineCommentsSectionWireframe.Panel = VeltInlineCommentsSectionPanelWireframe;
 VeltInlineCommentsSectionWireframe.Skeleton = VeltInlineCommentsSectionSkeletonWireframe;
 
+var VeltNotificationsPanelAllReadContainerWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-all-read-container-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentAllListItemContentWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-all-list-item-content-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentAllListItemLabelWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-all-list-item-label-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentAllListItemWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-all-list-item-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentAllListItemWireframe.Label = VeltNotificationsPanelContentAllListItemLabelWireframe;
+VeltNotificationsPanelContentAllListItemWireframe.Content = VeltNotificationsPanelContentAllListItemContentWireframe;
+
+var VeltNotificationsPanelContentAllListWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-all-list-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentAllListWireframe.Item = VeltNotificationsPanelContentAllListItemWireframe;
+
+var VeltNotificationsPanelContentAllWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-all-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentAllWireframe.List = VeltNotificationsPanelContentAllListWireframe;
+
+var VeltNotificationsPanelContentDocumentsListItemContentWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-documents-list-item-content-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentDocumentsListItemCountWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-documents-list-item-count-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentDocumentsListItemNameWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-documents-list-item-name-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentDocumentsListItemUnreadWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-documents-list-item-unread-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentDocumentsListItemWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-documents-list-item-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentDocumentsListItemWireframe.Content = VeltNotificationsPanelContentDocumentsListItemContentWireframe;
+VeltNotificationsPanelContentDocumentsListItemWireframe.Name = VeltNotificationsPanelContentDocumentsListItemNameWireframe;
+VeltNotificationsPanelContentDocumentsListItemWireframe.Count = VeltNotificationsPanelContentDocumentsListItemCountWireframe;
+VeltNotificationsPanelContentDocumentsListItemWireframe.Unread = VeltNotificationsPanelContentDocumentsListItemUnreadWireframe;
+
+var VeltNotificationsPanelContentDocumentsListWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-documents-list-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentDocumentsListWireframe.Item = VeltNotificationsPanelContentDocumentsListItemWireframe;
+
+var VeltNotificationsPanelContentDocumentsWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-documents-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentDocumentsWireframe.List = VeltNotificationsPanelContentDocumentsListWireframe;
+
+var VeltNotificationsPanelContentForYouWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-for-you-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentPeopleListItemAvatarWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-people-list-item-avatar-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentPeopleListItemContentWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-people-list-item-content-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentPeopleListItemCountWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-people-list-item-count-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentPeopleListItemNameWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-people-list-item-name-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentPeopleListItemWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-people-list-item-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentPeopleListItemWireframe.Avatar = VeltNotificationsPanelContentPeopleListItemAvatarWireframe;
+VeltNotificationsPanelContentPeopleListItemWireframe.Name = VeltNotificationsPanelContentPeopleListItemNameWireframe;
+VeltNotificationsPanelContentPeopleListItemWireframe.Count = VeltNotificationsPanelContentPeopleListItemCountWireframe;
+VeltNotificationsPanelContentPeopleListItemWireframe.Content = VeltNotificationsPanelContentPeopleListItemContentWireframe;
+
+var VeltNotificationsPanelContentPeopleListWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-people-list-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentPeopleListWireframe.Item = VeltNotificationsPanelContentPeopleListItemWireframe;
+
+var VeltNotificationsPanelContentPeopleWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-people-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentPeopleWireframe.List = VeltNotificationsPanelContentPeopleListWireframe;
+
+var VeltNotificationsPanelContentLoadMoreWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-load-more-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentListItemAvatarWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-list-item-avatar-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentListItemBodyWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-list-item-body-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentListItemFileNameWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-list-item-file-name-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentListItemHeadlineWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-list-item-headline-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentListItemTimeWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-list-item-time-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentListItemUnreadWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-list-item-unread-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentListItemWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-list-item-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentListItemWireframe.Avatar = VeltNotificationsPanelContentListItemAvatarWireframe;
+VeltNotificationsPanelContentListItemWireframe.Body = VeltNotificationsPanelContentListItemBodyWireframe;
+VeltNotificationsPanelContentListItemWireframe.FileName = VeltNotificationsPanelContentListItemFileNameWireframe;
+VeltNotificationsPanelContentListItemWireframe.Headline = VeltNotificationsPanelContentListItemHeadlineWireframe;
+VeltNotificationsPanelContentListItemWireframe.Time = VeltNotificationsPanelContentListItemTimeWireframe;
+VeltNotificationsPanelContentListItemWireframe.Unread = VeltNotificationsPanelContentListItemUnreadWireframe;
+
+var VeltNotificationsPanelContentListWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-list-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentListWireframe.Item = VeltNotificationsPanelContentListItemWireframe;
+
+var VeltNotificationsPanelContentWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-content-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentWireframe.All = VeltNotificationsPanelContentAllWireframe;
+VeltNotificationsPanelContentWireframe.ForYou = VeltNotificationsPanelContentForYouWireframe;
+VeltNotificationsPanelContentWireframe.Documents = VeltNotificationsPanelContentDocumentsWireframe;
+VeltNotificationsPanelContentWireframe.People = VeltNotificationsPanelContentPeopleWireframe;
+VeltNotificationsPanelContentWireframe.LoadMore = VeltNotificationsPanelContentLoadMoreWireframe;
+VeltNotificationsPanelContentWireframe.List = VeltNotificationsPanelContentListWireframe;
+
+var VeltNotificationsPanelHeaderTabDocumentsWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-header-tab-documents-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelHeaderTabForYouWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-header-tab-for-you-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelHeaderTabPeopleWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-header-tab-people-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelHeaderTabAllWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-header-tab-all-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelHeaderWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-header-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelHeaderWireframe.TabAll = VeltNotificationsPanelHeaderTabAllWireframe;
+VeltNotificationsPanelHeaderWireframe.TabForYou = VeltNotificationsPanelHeaderTabForYouWireframe;
+VeltNotificationsPanelHeaderWireframe.TabDocuments = VeltNotificationsPanelHeaderTabDocumentsWireframe;
+VeltNotificationsPanelHeaderWireframe.TabPeople = VeltNotificationsPanelHeaderTabPeopleWireframe;
+
+var VeltNotificationsPanelReadAllButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-read-all-button-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelTitleWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-title-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelViewAllButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-view-all-button-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelCloseButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-close-button-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-panel-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelWireframe.AllReadContainer = VeltNotificationsPanelAllReadContainerWireframe;
+VeltNotificationsPanelWireframe.Content = VeltNotificationsPanelContentWireframe;
+VeltNotificationsPanelWireframe.Header = VeltNotificationsPanelHeaderWireframe;
+VeltNotificationsPanelWireframe.ReadAllButton = VeltNotificationsPanelReadAllButtonWireframe;
+VeltNotificationsPanelWireframe.Title = VeltNotificationsPanelTitleWireframe;
+VeltNotificationsPanelWireframe.ViewAllButton = VeltNotificationsPanelViewAllButtonWireframe;
+VeltNotificationsPanelWireframe.CloseButton = VeltNotificationsPanelCloseButtonWireframe;
+
+var VeltNotificationsToolIconWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-tool-icon-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsToolLabelWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-tool-label-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsToolUnreadCountWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-tool-unread-count-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsToolUnreadIconWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-tool-unread-icon-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsToolWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-notifications-tool-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsToolWireframe.Label = VeltNotificationsToolLabelWireframe;
+VeltNotificationsToolWireframe.UnreadIcon = VeltNotificationsToolUnreadIconWireframe;
+VeltNotificationsToolWireframe.Icon = VeltNotificationsToolIconWireframe;
+VeltNotificationsToolWireframe.UnreadCount = VeltNotificationsToolUnreadCountWireframe;
+
 function useClient() {
     var client = useVeltClient().client;
     var _a = React__default["default"].useState(), veltClient = _a[0], setVeltClient = _a[1];
@@ -3353,7 +3627,9 @@ exports.VeltInlineCommentsSectionWireframe = VeltInlineCommentsSectionWireframe;
 exports.VeltNivoChartComments = VeltNivoChartComments;
 exports.VeltNotificationsHistoryPanel = VeltNotificationsHistoryPanel;
 exports.VeltNotificationsPanel = VeltNotificationsPanel;
+exports.VeltNotificationsPanelWireframe = VeltNotificationsPanelWireframe;
 exports.VeltNotificationsTool = VeltNotificationsTool;
+exports.VeltNotificationsToolWireframe = VeltNotificationsToolWireframe;
 exports.VeltPresence = SnippylyPresence;
 exports.VeltProvider = SnippylyProvider;
 exports.VeltReactionPinTooltipWireframe = VeltReactionPinTooltipWireframe;