@veltdev/react 1.0.95 → 1.0.96

package/cjs/types/components/SnippylyArrowTool/SnippylyArrowTool.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 export interface IVeltArrowToolProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    darkMode?: boolean;
 }
 declare const SnippylyArrowTool: React.FC<IVeltArrowToolProps>;
 export default SnippylyArrowTool;

package/cjs/types/components/SnippylyCommentTool/SnippylyCommentTool.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 export interface IVeltCommentToolProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     targetCommentElementId?: string;
     onCommentModeChange?: Function;
+    darkMode?: boolean;
 }
 declare const SnippylyCommentTool: React.FC<IVeltCommentToolProps>;
 export default SnippylyCommentTool;

package/cjs/types/components/SnippylyHuddleTool/SnippylyHuddleTool.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 export interface IVeltHuddleToolProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     type?: string;
+    darkMode?: boolean;
 }
 declare const SnippylyHuddleTool: React.FC<IVeltHuddleToolProps>;
 export default SnippylyHuddleTool;

package/cjs/types/components/SnippylyRecorderTool/SnippylyRecorderTool.d.ts

@@ -3,6 +3,7 @@ export interface IVeltRecorderToolProps extends React.DetailedHTMLProps<React.HT
     type?: string;
     panelId?: string;
     buttonLabel?: string;
+    darkMode?: boolean;
 }
 declare const SnippylyRecorderTool: React.FC<IVeltRecorderToolProps>;
 export default SnippylyRecorderTool;

package/cjs/types/components/SnippylySidebarButton/SnippylySidebarButton.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 export interface IVeltSidebarButtonProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     tooltipText?: string;
+    darkMode?: boolean;
 }
 declare const SnippylySidebarButton: React.FC<IVeltSidebarButtonProps>;
 export default SnippylySidebarButton;

package/cjs/types/components/SnippylyUserInviteTool/SnippylyUserInviteTool.d.ts

@@ -7,6 +7,7 @@ export interface IVeltUserInviteToolProps extends React.DetailedHTMLProps<React.
     inviteUrl?: string;
     accessControlDropdown?: boolean;
     documentUserAccessList?: boolean;
+    darkMode?: boolean;
 }
 declare const SnippylyUserInviteTool: React.FC<IVeltUserInviteToolProps>;
 export default SnippylyUserInviteTool;

package/cjs/types/components/VeltNotificationsHistoryPanel/VeltNotificationsHistoryPanel.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 export interface IVeltNotificationsHistoryPanelProps {
     embedMode?: boolean;
     onNotificationClick?: Function;
+    darkMode?: boolean;
 }
 declare const VeltNotificationsHistoryPanel: React.FC<IVeltNotificationsHistoryPanelProps>;
 export default VeltNotificationsHistoryPanel;

package/cjs/types/components/VeltNotificationsPanel/VeltNotificationsPanel.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 export interface IVeltNotificationsPanelProps {
+    darkMode?: boolean;
     onNotificationClick?: Function;
 }
 declare const VeltNotificationsPanel: React.FC<IVeltNotificationsPanelProps>;

package/cjs/types/components/VeltNotificationsTool/VeltNotificationsTool.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 export interface IVeltNotificationsToolProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    darkMode?: boolean;
     onNotificationClick?: Function;
 }
 declare const VeltNotificationsTool: React.FC<IVeltNotificationsToolProps>;

package/cjs/types/constants.d.ts

@@ -1,2 +1,2 @@
-export declare const VELT_SDK_VERSION = "1.0.110";
+export declare const VELT_SDK_VERSION = "1.0.111";
 export declare const VELT_SDK_INIT_EVENT = "onVeltInit";

package/esm/index.js

@@ -101,7 +101,7 @@ var loadVelt = function (callback, version, staging, develop) {
     }
 };
 
-var VELT_SDK_VERSION = '1.0.110';
+var VELT_SDK_VERSION = '1.0.111';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 
 var SnippylyProvider = function (props) {
@@ -269,7 +269,7 @@ var SnippylyCommentsSidebar = function (props) {
 };
 
 var SnippylyCommentTool = function (props) {
-    var targetCommentElementId = props.targetCommentElementId, onCommentModeChange = props.onCommentModeChange, children = props.children;
+    var targetCommentElementId = props.targetCommentElementId, onCommentModeChange = props.onCommentModeChange, children = props.children, darkMode = props.darkMode;
     var ref = useRef();
     useEffect(function () {
         if (ref.current) {
@@ -281,7 +281,7 @@ var SnippylyCommentTool = function (props) {
             });
         }
     }, []);
-    return (React.createElement("velt-comment-tool", { ref: ref, "target-comment-element-id": targetCommentElementId }, children));
+    return (React.createElement("velt-comment-tool", { ref: ref, "target-comment-element-id": targetCommentElementId, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylyCursor = function (props) {
@@ -308,8 +308,8 @@ var SnippylyHuddle = function (props) {
 };
 
 var SnippylyHuddleTool = function (props) {
-    var type = props.type, children = props.children;
-    return (React.createElement("velt-huddle-tool", { type: type }, children));
+    var type = props.type, children = props.children, darkMode = props.darkMode;
+    return (React.createElement("velt-huddle-tool", { type: type, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylyPresence = function (props) {
@@ -378,13 +378,13 @@ var SnippylyRecorderPlayer = function (props) {
 };
 
 var SnippylyRecorderTool = function (props) {
-    var type = props.type, panelId = props.panelId, buttonLabel = props.buttonLabel, children = props.children;
-    return (React.createElement("velt-recorder-tool", { type: type, "panel-id": panelId, "button-label": buttonLabel }, children));
+    var type = props.type, panelId = props.panelId, buttonLabel = props.buttonLabel, children = props.children, darkMode = props.darkMode;
+    return (React.createElement("velt-recorder-tool", { type: type, "panel-id": panelId, "button-label": buttonLabel, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylySidebarButton = function (props) {
-    var tooltipText = props.tooltipText, children = props.children;
-    return (React.createElement("velt-sidebar-button", { "tooltip-text": tooltipText }, children));
+    var tooltipText = props.tooltipText, children = props.children, darkMode = props.darkMode;
+    return (React.createElement("velt-sidebar-button", { "tooltip-text": tooltipText, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylyTags = function (props) {
@@ -402,13 +402,13 @@ var SnippylyArrows = function () {
 };
 
 var SnippylyArrowTool = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-arrow-tool", null, children));
+    var children = props.children, darkMode = props.darkMode;
+    return (React.createElement("velt-arrow-tool", { "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylyUserInviteTool = function (props) {
-    var type = props.type, source = props.source, title = props.title, placeholder = props.placeholder, inviteUrl = props.inviteUrl, accessControlDropdown = props.accessControlDropdown, documentUserAccessList = props.documentUserAccessList, children = props.children;
-    return (React.createElement("velt-user-invite-tool", { type: type, source: source, title: title, placeholder: placeholder, "invite-url": inviteUrl, "access-control-dropdown": [true, false].includes(accessControlDropdown) ? accessControlDropdown : undefined, "document-user-access-list": [true, false].includes(documentUserAccessList) ? documentUserAccessList : undefined }, children));
+    var type = props.type, source = props.source, title = props.title, placeholder = props.placeholder, inviteUrl = props.inviteUrl, accessControlDropdown = props.accessControlDropdown, documentUserAccessList = props.documentUserAccessList, children = props.children, darkMode = props.darkMode;
+    return (React.createElement("velt-user-invite-tool", { type: type, source: source, title: title, placeholder: placeholder, "invite-url": inviteUrl, "access-control-dropdown": [true, false].includes(accessControlDropdown) ? accessControlDropdown : undefined, "document-user-access-list": [true, false].includes(documentUserAccessList) ? documentUserAccessList : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylyUserRequestTool = function (props) {
@@ -448,7 +448,7 @@ var VeltCommentThread = function (props) {
 };
 
 var VeltNotificationsTool = function (props) {
-    var children = props.children, onNotificationClick = props.onNotificationClick;
+    var children = props.children, darkMode = props.darkMode, onNotificationClick = props.onNotificationClick;
     var ref = useRef();
     useEffect(function () {
         if (ref.current) {
@@ -460,11 +460,11 @@ var VeltNotificationsTool = function (props) {
             });
         }
     }, []);
-    return (React.createElement("velt-notifications-tool", { ref: ref }, children));
+    return (React.createElement("velt-notifications-tool", { ref: ref, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanel = function (props) {
-    var onNotificationClick = props.onNotificationClick;
+    var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick;
     var ref = useRef();
     useEffect(function () {
         if (ref.current) {
@@ -476,11 +476,11 @@ var VeltNotificationsPanel = function (props) {
             });
         }
     }, []);
-    return (React.createElement("velt-notifications-panel", { ref: ref }));
+    return (React.createElement("velt-notifications-panel", { ref: ref, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }));
 };
 
 var VeltNotificationsHistoryPanel = function (props) {
-    var embedMode = props.embedMode, onNotificationClick = props.onNotificationClick;
+    var embedMode = props.embedMode, darkMode = props.darkMode, onNotificationClick = props.onNotificationClick;
     var ref = useRef();
     useEffect(function () {
         if (ref.current) {
@@ -492,7 +492,7 @@ var VeltNotificationsHistoryPanel = function (props) {
             });
         }
     }, []);
-    return (React.createElement("velt-notifications-history-panel", { ref: ref, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined }));
+    return (React.createElement("velt-notifications-history-panel", { ref: ref, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }));
 };
 
 /**