@zohodesk/svg 1.0.0-beta.35

package/es/svg/deprecated/Themes/DarkEmptyStates.module.css

@@ -0,0 +1,37 @@
+[data-theme='dark'] {
+  /* default palette */
+  --zdt_svg_default_primary_fill: var(--zdt_cta_primary_fill);
+  --zdt_svg_default_primary_stroke: var(--zdt_cta_primary_stroke);
+  --zdt_svg_default_secondary_fill: var(--zdt_cta_secondary_fill);
+  --zdt_svg_default_secondary_plainfill: var(--zdt_cta_secondary_plainfill);
+  --zdt_svg_default_plus: #479dff;
+  --zdt_svg_default_cross: #5cc1a5;
+  --zdt_svg_default_medium_circle: #ff6b6b;
+  --zdt_svg_default_tiny_circle: #4ac064;
+  --zdt_svg_default_small_circle: #ff6b6b;
+  --zdt_svg_default_circle_fill: #fff;
+
+  /* dark palette */
+  --zdt_svg_dark_primary_fill: var(--zdt_cta_primary_dark_fill);
+  --zdt_svg_dark_primary_stroke: var(--zdt_cta_primary_dark_stroke);
+  --zdt_svg_dark_secondary_fill: var(--zdt_cta_secondary_dark_fill);
+  --zdt_svg_dark_secondary_plainfill: var(--zdt_cta_secondary_dark_plainfill);
+  --zdt_svg_dark_plus: #479dff;
+  --zdt_svg_dark_cross: #5cc1a5;
+  --zdt_svg_dark_medium_circle: #ff6b6b;
+  --zdt_svg_dark_tiny_circle: #4ac064;
+  --zdt_svg_dark_small_circle: #ff6b6b;
+  --zdt_svg_dark_circle_fill: #fff;
+
+  /* danger palette */
+  --zdt_svg_danger_primary_fill: #ff6f00;
+  --zdt_svg_danger_primary_stroke: #479dff;
+  --zdt_svg_danger_secondary_fill: #334b68;
+  --zdt_svg_danger_secondary_plainfill: #334b68;
+  --zdt_svg_danger_plus: #479dff;
+  --zdt_svg_danger_cross: #5cc1a5;
+  --zdt_svg_danger_medium_circle: #ff6b6b;
+  --zdt_svg_danger_tiny_circle: #4ac064;
+  --zdt_svg_danger_small_circle: #ff6b6b;
+  --zdt_svg_danger_circle_fill: #fff;
+}

package/es/svg/deprecated/Themes/DefaultEmptyStates.module.css

@@ -0,0 +1,37 @@
+[data-theme='default'] {
+  /* default palette */
+  --zdt_svg_default_primary_fill: var(--zdt_cta_primary_fill);
+  --zdt_svg_default_primary_stroke: var(--zdt_cta_primary_stroke);
+  --zdt_svg_default_secondary_fill: var(--zdt_cta_secondary_fill);
+  --zdt_svg_default_secondary_plainfill: var(--zdt_cta_secondary_plainfill);
+  --zdt_svg_default_plus: #3f70b7;
+  --zdt_svg_default_cross: #5cc1a5;
+  --zdt_svg_default_medium_circle: #e56471;
+  --zdt_svg_default_tiny_circle: #5cc1a5;
+  --zdt_svg_default_small_circle: #010101;
+  --zdt_svg_default_circle_fill: #fff;
+
+  /* dark palette */
+  --zdt_svg_dark_primary_fill: var(--zdt_cta_primary_dark_fill);
+  --zdt_svg_dark_primary_stroke: var(--zdt_cta_primary_dark_stroke);
+  --zdt_svg_dark_secondary_fill: var(--zdt_cta_secondary_dark_fill);
+  --zdt_svg_dark_secondary_plainfill: var(--zdt_cta_secondary_dark_plainfill);
+  --zdt_svg_dark_plus: #479dff;
+  --zdt_svg_dark_cross: #5cc1a5;
+  --zdt_svg_dark_medium_circle: #e56471;
+  --zdt_svg_dark_tiny_circle: #5cc1a5;
+  --zdt_svg_dark_small_circle: #010101;
+  --zdt_svg_dark_circle_fill: #fff;
+
+  /* danger palette */
+  --zdt_svg_danger_primary_fill: #ff6f00;
+  --zdt_svg_danger_primary_stroke: #010101;
+  --zdt_svg_danger_secondary_fill: rgba(63, 112, 183, 0.25);
+  --zdt_svg_danger_secondary_plainfill: #3f70b7;
+  --zdt_svg_danger_plus: #3f70b7;
+  --zdt_svg_danger_cross: #5cc1a5;
+  --zdt_svg_danger_medium_circle: #e56471;
+  --zdt_svg_danger_tiny_circle: #5cc1a5;
+  --zdt_svg_danger_small_circle: #010101;
+  --zdt_svg_danger_circle_fill: #fff;
+}

package/es/svg/deprecated/Themes/palette/darkCTAPalette.module.css

@@ -0,0 +1,51 @@
+/* svg package - multiple palette core variables */
+[data-theme='dark'][data-palette='blue'] {
+    --zdt_cta_primary_fill: #828994;
+    --zdt_cta_primary_stroke: #479dff;
+    --zdt_cta_secondary_fill: #334b68;
+    --zdt_cta_secondary_plainfill: #334b68;
+    --zdt_cta_primary_dark_fill: #828994;
+    --zdt_cta_primary_dark_stroke: #479dff;
+    --zdt_cta_secondary_dark_fill: #334b68;
+    --zdt_cta_secondary_dark_plainfill: #334b68;
+}
+[data-theme='dark'][data-palette='green'] {
+    --zdt_cta_primary_fill: #45a159;
+    --zdt_cta_primary_stroke: #0e7c1c;
+    --zdt_cta_secondary_fill: rgba(69, 161, 89, 0.25);
+    --zdt_cta_secondary_plainfill: #45a159;
+    --zdt_cta_primary_dark_fill: #45a159;
+    --zdt_cta_primary_dark_stroke: #0e7526;
+    --zdt_cta_secondary_dark_fill: rgba(69, 161, 89, 0.25);
+    --zdt_cta_secondary_dark_plainfill: #45a159;
+}
+[data-theme='dark'][data-palette='red'] {
+    --zdt_cta_primary_fill: #e94f4f;
+    --zdt_cta_primary_stroke: #a81111;
+    --zdt_cta_secondary_fill: rgba(233, 79, 79, 0.25);
+    --zdt_cta_secondary_plainfill: #e94f4f;
+    --zdt_cta_primary_dark_fill: #e94f4f;
+    --zdt_cta_primary_dark_stroke: #a81111;
+    --zdt_cta_secondary_dark_fill: rgba(233, 79, 79, 0.25);
+    --zdt_cta_secondary_dark_plainfill: #e94f4f;
+}
+[data-theme='dark'][data-palette='orange'] {
+    --zdt_cta_primary_fill: #ff801f;
+    --zdt_cta_primary_stroke: #a85100;
+    --zdt_cta_secondary_fill: rgba(255, 128, 31, 0.25);
+    --zdt_cta_secondary_plainfill: #ff801f;
+    --zdt_cta_primary_dark_fill: #ff801f;
+    --zdt_cta_primary_dark_stroke: #a85100;
+    --zdt_cta_secondary_dark_fill: rgba(255, 128, 31, 0.25);
+    --zdt_cta_secondary_dark_plainfill: #ff801f;
+}
+[data-theme='dark'][data-palette='yellow'] {
+    --zdt_cta_primary_fill: #d79835;
+    --zdt_cta_primary_stroke: #9b6808;
+    --zdt_cta_secondary_fill: rgba(215, 152, 53, 0.25);
+    --zdt_cta_secondary_plainfill: #d79835;
+    --zdt_cta_primary_dark_fill: #d79835;
+    --zdt_cta_primary_dark_stroke: #9b6808;
+    --zdt_cta_secondary_dark_fill: rgba(215, 152, 53, 0.25);
+    --zdt_cta_secondary_dark_plainfill: #d79835;
+}

package/es/svg/deprecated/Themes/palette/defaultCTAPalette.module.css

@@ -0,0 +1,51 @@
+/* svg package - multiple palette core variables */
+[data-theme='default'][data-palette='blue'] {
+    --zdt_cta_primary_fill: #3f70b7;
+    --zdt_cta_primary_stroke: #010101;
+    --zdt_cta_secondary_fill: rgba(63, 112, 183, 0.25);
+    --zdt_cta_secondary_plainfill: #3f70b7;
+    --zdt_cta_primary_dark_fill: #a6add7;
+    --zdt_cta_primary_dark_stroke: #fff;
+    --zdt_cta_secondary_dark_fill: #3f70b7;
+    --zdt_cta_secondary_dark_plainfill: #3f70b7;
+}
+[data-theme='default'][data-palette='green'] {
+    --zdt_cta_primary_fill: #26a942;
+    --zdt_cta_primary_stroke: #010101;
+    --zdt_cta_secondary_fill: rgba(38, 169, 66, 0.25);
+    --zdt_cta_secondary_plainfill: #26a942;
+    --zdt_cta_primary_dark_fill: #26a942;
+    --zdt_cta_primary_dark_stroke: #fff;
+    --zdt_cta_secondary_dark_fill: rgba(38, 169, 66, 0.25);
+    --zdt_cta_secondary_dark_plainfill: #26a942;
+}
+[data-theme='default'][data-palette='red'] {
+    --zdt_cta_primary_fill: #de3535;
+    --zdt_cta_primary_stroke: #010101;
+    --zdt_cta_secondary_fill: rgba(222, 53, 53, 0.25);
+    --zdt_cta_secondary_plainfill: #de3535;
+    --zdt_cta_primary_dark_fill: #de3535;
+    --zdt_cta_primary_dark_stroke: #fff;
+    --zdt_cta_secondary_dark_fill: rgba(222, 53, 53, 0.25);
+    --zdt_cta_secondary_dark_plainfill: #de3535;
+}
+[data-theme='default'][data-palette='orange'] {
+    --zdt_cta_primary_fill: #e57717;
+    --zdt_cta_primary_stroke: #010101;
+    --zdt_cta_secondary_fill: rgba(229, 119, 23, 0.25);
+    --zdt_cta_secondary_plainfill: #e57717;
+    --zdt_cta_primary_dark_fill: #e57717;
+    --zdt_cta_primary_dark_stroke: #fff;
+    --zdt_cta_secondary_dark_fill: rgba(229, 119, 23, 0.25);
+    --zdt_cta_secondary_dark_plainfill: #e57717;
+}
+[data-theme='default'][data-palette='yellow'] {
+    --zdt_cta_primary_fill: #e8b923;
+    --zdt_cta_primary_stroke: #010101;
+    --zdt_cta_secondary_fill: rgba(232, 185, 35, 0.25);
+    --zdt_cta_secondary_plainfill: #e8b923;
+    --zdt_cta_primary_dark_fill: #e8b923;
+    --zdt_cta_primary_dark_stroke: #fff;
+    --zdt_cta_secondary_dark_fill: rgba(232, 185, 35, 0.25);
+    --zdt_cta_secondary_dark_plainfill: #e8b923;
+}

package/es/svg/docs/SVG__common.docs.js

@@ -0,0 +1,49 @@
+import React from 'react';
+import Loader from '../Loader';
+export default class SVG__common extends React.Component {
+  render() {
+    let boxStyle = {
+      minWidth: '15%',
+      border: '1px solid #dcdcdc',
+      padding: '5px',
+      margin: '5px',
+      flex: '1',
+      maxWidth: '25%',
+      justifyContent: 'space-between'
+    };
+    let textStyle = {
+      textAlign: 'center',
+      padding: '10px 0',
+      background: ' #f9f9f9',
+      marginTop: '10px',
+      color: '#000'
+    };
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        flexWrap: 'wrap',
+        height: '100%'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      style: boxStyle
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        height: '40px',
+        width: '40px',
+        margin: 'auto'
+      }
+    }, /*#__PURE__*/React.createElement(Loader, null)), /*#__PURE__*/React.createElement("div", {
+      style: textStyle
+    }, "Loader")));
+  }
+
+}
+
+if (false) {
+  SVG__common.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/es/svg/docs/SVG__default.docs.js

@@ -0,0 +1,327 @@
+import React from 'react';
+import EmptyActivity from '../EmptyActivity';
+import EmptyAccounts from '../EmptyAccounts';
+import EmptyAgent from '../EmptyAgent';
+import EmptyArchived from '../EmptyArchived';
+import EmptyBusinessHoliday from '../EmptyBusinessHoliday';
+import EmptyBusinessHour from '../EmptyBusinessHour';
+import EmptyBlueprint from '../EmptyBlueprint';
+import EmptyFrame from '../EmptyFrame';
+import EmptyContact from '../EmptyContact';
+import EmptyDashboard from '../EmptyDashboard';
+import EmptyImportHistory from '../EmptyImportHistory';
+import EmptyInvoice from '../EmptyInvoice';
+import EmptyProducts from '../EmptyProducts';
+import EmptyRecycleBin from '../EmptyRecycleBin';
+import EmptyReports from '../EmptyReports';
+import EmptyRoles from '../EmptyRoles';
+import EmptySearch from '../EmptySearch';
+import EmptyTag from '../EmptyTag';
+import EmptyTask from '../EmptyTask';
+import EmptyTicket from '../EmptyTicket';
+import EmptyAttach from '../EmptyAttach';
+import EmptyNetwork from '../EmptyNetwork';
+import EmptyHappiness from '../EmptyHappiness';
+import EmptyConversation from '../EmptyConversation';
+import EmptyNotification from '../EmptyNotification';
+import EmptyTimeEntry from '../EmptyTimeEntry';
+import EmptyTeams from '../EmptyTeams';
+import EmptyTopic from '../EmptyTopic';
+import FailureLog from '../FailureLog';
+import EmptyActiveCalls from '../EmptyActiveCalls';
+import EmptyCallHistory from '../EmptyCallHistory';
+import EmptyHistory from '../EmptyHistory';
+import EmptyFromAddress from '../EmptyFromAddress';
+import EmptyWebhook from '../EmptyWebhook';
+import EmptyTemplate from '../EmptyTemplate';
+import EmptySkills from '../EmptySkills';
+import EmptySnippet from '../EmptySnippet';
+import EmptyCustomDomain from '../EmptyCustomDomain';
+import EmptyCrm from '../EmptyCrm';
+import EmptyFollowers from '../EmptyFollowers';
+import EmptyFeed from '../EmptyFeed';
+import NotImpossible from '../NotImpossible';
+import EmptySchedule from '../EmptySchedule';
+import EmptyColumn from '../EmptyColumn';
+import EmptyApproval from '../EmptyApproval';
+import EmptyCollision from '../EmptyCollision';
+import EmptyCrmNotes from '../EmptyCrmNotes';
+import EmptyCrmPotential from '../EmptyCrmPotential';
+import EmptyTimeline from '../EmptyTimeline';
+import EmptyReply from '../EmptyReply';
+import EmptyContract from '../EmptyContract';
+import EmptySla from '../EmptySla';
+import EmptyAgentQueue from '../EmptyAgentQueue';
+import EmptyDepartment from '../EmptyDepartment';
+import ZiaAnamoly from '../ZiaAnamoly';
+import Predictor from '../Predictor';
+import Extractor from '../Extractor';
+import EmptyError from '../EmptyError';
+import Import from '../Import';
+import './SVGdocstyle.module.css';
+export default class SVG__default extends React.Component {
+  render() {
+    let defaultPalette = {
+      minWidth: '45%',
+      border: '1px solid #dcdcdc',
+      padding: '5px',
+      margin: '5px',
+      flex: '1',
+      maxWidth: '25%',
+      justifyContent: 'space-between'
+    };
+    let textStyle = {
+      textAlign: 'center',
+      padding: '10px 0',
+      background: ' #f9f9f9',
+      marginTop: '10px',
+      color: '#000'
+    };
+    let darkPalette = {
+      backgroundColor: '#2c334d',
+      minWidth: '45%',
+      border: '1px solid #dcdcdc',
+      padding: '5px',
+      margin: '5px',
+      flex: '1',
+      maxWidth: '25%',
+      justifyContent: 'space-between'
+    };
+    let allSvg = {
+      EmptyAccountsDefaultPalette: /*#__PURE__*/React.createElement(EmptyAccounts, null),
+      EmptyAccountsDarkPalette: /*#__PURE__*/React.createElement(EmptyAccounts, {
+        palette: "dark"
+      }),
+      EmptyActiveCallsDefaultPalette: /*#__PURE__*/React.createElement(EmptyActiveCalls, null),
+      EmptyActiveCallsDarkPalette: /*#__PURE__*/React.createElement(EmptyActiveCalls, {
+        palette: "dark"
+      }),
+      EmptyActivityDefaultPalette: /*#__PURE__*/React.createElement(EmptyActivity, null),
+      EmptyActivityDarkPalette: /*#__PURE__*/React.createElement(EmptyActivity, {
+        palette: "dark"
+      }),
+      EmptyAgentDefaultPalette: /*#__PURE__*/React.createElement(EmptyAgent, null),
+      EmptyAgentDarkPalette: /*#__PURE__*/React.createElement(EmptyAgent, {
+        palette: "dark"
+      }),
+      EmptyApprovalDefaultPalette: /*#__PURE__*/React.createElement(EmptyApproval, null),
+      EmptyApprovalDarkPalette: /*#__PURE__*/React.createElement(EmptyApproval, {
+        palette: "dark"
+      }),
+      EmptyArchivedDefaultPalette: /*#__PURE__*/React.createElement(EmptyArchived, null),
+      EmptyArchivedDarkPalette: /*#__PURE__*/React.createElement(EmptyArchived, {
+        palette: "dark"
+      }),
+      EmptyAttachDefaultPalette: /*#__PURE__*/React.createElement(EmptyAttach, null),
+      EmptyAttachDarkPalette: /*#__PURE__*/React.createElement(EmptyAttach, {
+        palette: "dark"
+      }),
+      EmptyCallHistoryDefaultPalette: /*#__PURE__*/React.createElement(EmptyCallHistory, null),
+      EmptyCallHistoryDarkPalette: /*#__PURE__*/React.createElement(EmptyCallHistory, {
+        palette: "dark"
+      }),
+      EmptyCollisionDefaultPalette: /*#__PURE__*/React.createElement(EmptyCollision, null),
+      EmptyCollisionDarkPalette: /*#__PURE__*/React.createElement(EmptyCollision, {
+        palette: "dark"
+      }),
+      EmptyColumnDefaultPalette: /*#__PURE__*/React.createElement(EmptyColumn, null),
+      EmptyColumnDarkPalette: /*#__PURE__*/React.createElement(EmptyColumn, {
+        palette: "dark"
+      }),
+      EmptyContactDefaultPalette: /*#__PURE__*/React.createElement(EmptyContact, null),
+      EmptyContactDarkPalette: /*#__PURE__*/React.createElement(EmptyContact, {
+        palette: "dark"
+      }),
+      EmptyConversationDefaultPalette: /*#__PURE__*/React.createElement(EmptyConversation, null),
+      EmptyConversationDarkPalette: /*#__PURE__*/React.createElement(EmptyConversation, {
+        palette: "dark"
+      }),
+      EmptyCrmDefaultPalette: /*#__PURE__*/React.createElement(EmptyCrm, null),
+      EmptyCrmDarkPalette: /*#__PURE__*/React.createElement(EmptyCrm, {
+        palette: "dark"
+      }),
+      EmptyCrmNotesDefaultPalette: /*#__PURE__*/React.createElement(EmptyCrmNotes, null),
+      EmptyCrmNotesDarkPalette: /*#__PURE__*/React.createElement(EmptyCrmNotes, {
+        palette: "dark"
+      }),
+      EmptyCrmPotentialDefaultPalette: /*#__PURE__*/React.createElement(EmptyCrmPotential, null),
+      EmptyCrmPotentialDarkPalette: /*#__PURE__*/React.createElement(EmptyCrmPotential, {
+        palette: "dark"
+      }),
+      EmptyDashboardDefaultPalette: /*#__PURE__*/React.createElement(EmptyDashboard, null),
+      EmptyDashboardDarkPalette: /*#__PURE__*/React.createElement(EmptyDashboard, {
+        palette: "dark"
+      }),
+      EmptyInvoiceDefaultPalette: /*#__PURE__*/React.createElement(EmptyInvoice, null),
+      EmptyInvoiceDarkPalette: /*#__PURE__*/React.createElement(EmptyInvoice, {
+        palette: "dark"
+      }),
+      EmptyProductsDefaultPalette: /*#__PURE__*/React.createElement(EmptyProducts, null),
+      EmptyProductsDarkPalette: /*#__PURE__*/React.createElement(EmptyProducts, {
+        palette: "dark"
+      }),
+      EmptyReportsDefaultPalette: /*#__PURE__*/React.createElement(EmptyReports, null),
+      EmptyReportsDarkPalette: /*#__PURE__*/React.createElement(EmptyReports, {
+        palette: "dark"
+      }),
+      EmptySearchDefaultPalette: /*#__PURE__*/React.createElement(EmptySearch, null),
+      EmptySearchDarkPalette: /*#__PURE__*/React.createElement(EmptySearch, {
+        palette: "dark"
+      }),
+      EmptyTagDefaultPalette: /*#__PURE__*/React.createElement(EmptyTag, null),
+      EmptyTagDarkPalette: /*#__PURE__*/React.createElement(EmptyTag, {
+        palette: "dark"
+      }),
+      EmptyTaskDefaultPalette: /*#__PURE__*/React.createElement(EmptyTask, null),
+      EmptyTaskDarkPalette: /*#__PURE__*/React.createElement(EmptyTask, {
+        palette: "dark"
+      }),
+      EmptyTicketDefaultPalette: /*#__PURE__*/React.createElement(EmptyTicket, null),
+      EmptyTicketDarkPalette: /*#__PURE__*/React.createElement(EmptyTicket, {
+        palette: "dark"
+      }),
+      EmptyHappinessDefaultPalette: /*#__PURE__*/React.createElement(EmptyHappiness, null),
+      EmptyHappinessDarkPalette: /*#__PURE__*/React.createElement(EmptyHappiness, {
+        palette: "dark"
+      }),
+      EmptyNotificationDefaultPalette: /*#__PURE__*/React.createElement(EmptyNotification, null),
+      EmptyNotificationDarkPalette: /*#__PURE__*/React.createElement(EmptyNotification, {
+        palette: "dark"
+      }),
+      EmptyTimeEntryDefaultPalette: /*#__PURE__*/React.createElement(EmptyTimeEntry, null),
+      EmptyTimeEntryDarkPalette: /*#__PURE__*/React.createElement(EmptyTimeEntry, {
+        palette: "dark"
+      }),
+      EmptyTeamsDefaultPalette: /*#__PURE__*/React.createElement(EmptyTeams, null),
+      EmptyTeamsDarkPalette: /*#__PURE__*/React.createElement(EmptyTeams, {
+        palette: "dark"
+      }),
+      EmptyTopicDefaultPalette: /*#__PURE__*/React.createElement(EmptyTopic, null),
+      EmptyTopicDarkPalette: /*#__PURE__*/React.createElement(EmptyTopic, {
+        palette: "dark"
+      }),
+      EmptySnippetDefaultPalette: /*#__PURE__*/React.createElement(EmptySnippet, null),
+      EmptySnippetDarkPalette: /*#__PURE__*/React.createElement(EmptySnippet, {
+        palette: "dark"
+      }),
+      EmptyFollowersDefaultPalette: /*#__PURE__*/React.createElement(EmptyFollowers, null),
+      EmptyFollowersDarkPalette: /*#__PURE__*/React.createElement(EmptyFollowers, {
+        palette: "dark"
+      }),
+      EmptyFeedDefaultPalette: /*#__PURE__*/React.createElement(EmptyFeed, null),
+      EmptyFeedDarkPalette: /*#__PURE__*/React.createElement(EmptyFeed, {
+        palette: "dark"
+      }),
+      NotImpossibleDefaultPalette: /*#__PURE__*/React.createElement(NotImpossible, null),
+      NotImpossibleDarkPalette: /*#__PURE__*/React.createElement(NotImpossible, {
+        palette: "dark"
+      }),
+      EmptyScheduleDefaultPalette: /*#__PURE__*/React.createElement(EmptySchedule, null),
+      EmptyScheduleDarkPalette: /*#__PURE__*/React.createElement(EmptySchedule, {
+        palette: "dark"
+      }),
+      EmptyHistoryDefaultPalette: /*#__PURE__*/React.createElement(EmptyHistory, null),
+      EmptyHistoryDarkPalette: /*#__PURE__*/React.createElement(EmptyHistory, {
+        palette: "dark"
+      }),
+      EmptyTimelineDefaultPalette: /*#__PURE__*/React.createElement(EmptyTimeline, null),
+      EmptyTimelineDarkPalette: /*#__PURE__*/React.createElement(EmptyTimeline, {
+        palette: "dark"
+      }),
+      EmptyTemplateDefaultPalette: /*#__PURE__*/React.createElement(EmptyTemplate, null),
+      EmptyTemplateDarkPalette: /*#__PURE__*/React.createElement(EmptyTemplate, {
+        palette: "dark"
+      }),
+      EmptyBlueprintDefaultPalette: /*#__PURE__*/React.createElement(EmptyBlueprint, null),
+      EmptyBlueprintDarkPalette: /*#__PURE__*/React.createElement(EmptyBlueprint, {
+        palette: "dark"
+      }),
+      EmptyContractDefaultPalette: /*#__PURE__*/React.createElement(EmptyContract, null),
+      EmptyContractDarkPalette: /*#__PURE__*/React.createElement(EmptyContract, {
+        palette: "dark"
+      }),
+      EmptySlaDefaultPalette: /*#__PURE__*/React.createElement(EmptySla, null),
+      EmptySlaDarkPalette: /*#__PURE__*/React.createElement(EmptySla, {
+        palette: "dark"
+      }),
+      EmptyReplyDefaultPalette: /*#__PURE__*/React.createElement(EmptyReply, null),
+      EmptyReplyDarkPalette: /*#__PURE__*/React.createElement(EmptyReply, {
+        palette: "dark"
+      }),
+      EmptyAgentQueueDefaultPalette: /*#__PURE__*/React.createElement(EmptyAgentQueue, null),
+      EmptyAgentQueueDarkPalette: /*#__PURE__*/React.createElement(EmptyAgentQueue, {
+        palette: "dark"
+      }),
+      EmptySkillsDefaultPalette: /*#__PURE__*/React.createElement(EmptySkills, null),
+      EmptySkillsDarkPalette: /*#__PURE__*/React.createElement(EmptySkills, {
+        palette: "dark"
+      }),
+      EmptyDepartmentDefaultPalette: /*#__PURE__*/React.createElement(EmptyDepartment, null),
+      EmptyDepartmentDarkPalette: /*#__PURE__*/React.createElement(EmptyDepartment, {
+        palette: "dark"
+      }),
+      ZiaAnamolyDefaultPalette: /*#__PURE__*/React.createElement(ZiaAnamoly, null),
+      ZiaAnamolyDarkPalette: /*#__PURE__*/React.createElement(ZiaAnamoly, {
+        palette: "dark"
+      }),
+      PredictorDefaultPalette: /*#__PURE__*/React.createElement(Predictor, null),
+      PredictorDarkPalette: /*#__PURE__*/React.createElement(Predictor, {
+        palette: "dark"
+      }),
+      ExtractorDefaultPalette: /*#__PURE__*/React.createElement(Extractor, null),
+      ExtractorDarkPalette: /*#__PURE__*/React.createElement(Extractor, {
+        palette: "dark"
+      }),
+      ImportDefaultPalette: /*#__PURE__*/React.createElement(Import, null),
+      ImportDarkPalette: /*#__PURE__*/React.createElement(Import, {
+        palette: "dark"
+      }),
+      EmptyFrameDefaultPalette: /*#__PURE__*/React.createElement(EmptyFrame, null),
+      EmptyFrameDarkPalette: /*#__PURE__*/React.createElement(EmptyFrame, {
+        palette: "dark"
+      }),
+      EmptyFrameDangerPalette: /*#__PURE__*/React.createElement(EmptyFrame, {
+        palette: "danger"
+      }),
+      EmptyErrorDangerPalette: /*#__PURE__*/React.createElement(EmptyError, null),
+      EmptyErrorDarkPalette: /*#__PURE__*/React.createElement(EmptyError, {
+        palette: "dark"
+      }),
+      EmptyBusinessHoliday: /*#__PURE__*/React.createElement(EmptyBusinessHoliday, null),
+      EmptyBusinessHour: /*#__PURE__*/React.createElement(EmptyBusinessHour, null),
+      EmptyImportHistory: /*#__PURE__*/React.createElement(EmptyImportHistory, null),
+      EmptyRecycleBin: /*#__PURE__*/React.createElement(EmptyRecycleBin, null),
+      EmptyRoles: /*#__PURE__*/React.createElement(EmptyRoles, null),
+      EmptyNetwork: /*#__PURE__*/React.createElement(EmptyNetwork, null),
+      FailureLog: /*#__PURE__*/React.createElement(FailureLog, null),
+      EmptyFromAddress: /*#__PURE__*/React.createElement(EmptyFromAddress, null),
+      EmptyWebhook: /*#__PURE__*/React.createElement(EmptyWebhook, null),
+      EmptyCustomDomain: /*#__PURE__*/React.createElement(EmptyCustomDomain, null)
+    };
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        flexWrap: 'wrap',
+        maxWidth: '600px',
+        margin: '0 auto'
+      }
+    }, Object.keys(allSvg).map(item => {
+      let filterDarkPalettes = item.endsWith("DarkPalette");
+      return /*#__PURE__*/React.createElement("div", {
+        style: filterDarkPalettes ? darkPalette : defaultPalette
+      }, allSvg[item], /*#__PURE__*/React.createElement("div", {
+        style: textStyle
+      }, item));
+    }));
+  }
+
+}
+
+if (false) {
+  SVG__default.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/es/svg/docs/SVG__errorstate.docs.js

@@ -0,0 +1,74 @@
+import React from 'react';
+import ErrorInconvenience from '../ErrorInconvenience';
+import ErrorOopsSomethingMiss from '../ErrorOopsSomethingMiss';
+import ErrorUnableToProcessRequest from '../ErrorUnableToProcessRequest';
+import ErrorUnauthorizedLogin from '../ErrorUnauthorizedLogin';
+import ErrorUrlNotFound from '../ErrorUrlNotFound';
+import ErrorWillBeRightBack from '../ErrorWillBeRightBack';
+import './SVGdocstyle.module.css';
+export default class SVG__errorstate extends React.Component {
+  render() {
+    let boxStyle = {
+      minWidth: '65%',
+      border: '1px solid #dcdcdc',
+      padding: '5px',
+      margin: '5px',
+      flex: '1',
+      maxWidth: '25%',
+      justifyContent: 'space-between'
+    };
+    let textStyle = {
+      textAlign: 'center',
+      padding: '10px 0',
+      background: ' #f9f9f9',
+      marginTop: '10px',
+      color: '#000'
+    };
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        paddingBottom: '50px'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        flexWrap: 'wrap',
+        maxWidth: '600px',
+        margin: '0 auto'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      style: boxStyle
+    }, /*#__PURE__*/React.createElement(ErrorInconvenience, null), /*#__PURE__*/React.createElement("div", {
+      style: textStyle
+    }, "Inconvenience")), /*#__PURE__*/React.createElement("div", {
+      style: boxStyle
+    }, /*#__PURE__*/React.createElement(ErrorOopsSomethingMiss, null), /*#__PURE__*/React.createElement("div", {
+      style: textStyle
+    }, "OopsSomethingMiss")), /*#__PURE__*/React.createElement("div", {
+      style: boxStyle
+    }, /*#__PURE__*/React.createElement(ErrorUnableToProcessRequest, null), /*#__PURE__*/React.createElement("div", {
+      style: textStyle
+    }, "UnableToProcessRequest")), /*#__PURE__*/React.createElement("div", {
+      style: boxStyle
+    }, /*#__PURE__*/React.createElement(ErrorUnauthorizedLogin, null), /*#__PURE__*/React.createElement("div", {
+      style: textStyle
+    }, "UnathorizedLogin")), /*#__PURE__*/React.createElement("div", {
+      style: boxStyle
+    }, /*#__PURE__*/React.createElement(ErrorUrlNotFound, null), /*#__PURE__*/React.createElement("div", {
+      style: textStyle
+    }, "UrlNotFound")), /*#__PURE__*/React.createElement("div", {
+      style: boxStyle
+    }, /*#__PURE__*/React.createElement(ErrorWillBeRightBack, null), /*#__PURE__*/React.createElement("div", {
+      style: textStyle
+    }, "WillBeRightBack"))));
+  }
+
+}
+
+if (false) {
+  SVG__errorstate.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/es/svg/docs/SVGdocstyle.module.css

@@ -0,0 +1,8 @@
+[data-mode='default'] {
+  background: #fff;
+  color: #000;
+}
+[data-mode='dark'] {
+  background: #232B38;
+  color: #E2E4E6;
+}