@zohodesk/svg 1.0.0-beta.4 → 1.0.0-beta.40

package/src/svg/docs/SVG__default.docs.js

@@ -6,8 +6,7 @@ import EmptyArchived from '../EmptyArchived';
 import EmptyBusinessHoliday from '../EmptyBusinessHoliday';
 import EmptyBusinessHour from '../EmptyBusinessHour';
 import EmptyBlueprint from '../EmptyBlueprint';
-import EmptyCloud from '../EmptyCloud';
-import EmptyCloudDanger from '../EmptyCloudDanger';
+import EmptyFrame from '../EmptyFrame';
 import EmptyContact from '../EmptyContact';
 import EmptyDashboard from '../EmptyDashboard';
 import EmptyImportHistory from '../EmptyImportHistory';
@@ -29,34 +28,48 @@ import EmptyTimeEntry from '../EmptyTimeEntry';
 import EmptyTeams from '../EmptyTeams';
 import EmptyTopic from '../EmptyTopic';
 import FailureLog from '../FailureLog';
-import InvalidUrl from '../InvalidUrl';
-import Inconvenience from '../Inconvenience';
-import NoRequestFound from '../NoRequestFound';
-import PageNotFound from '../PageNotFound';
-import UnableToProcessRequest from '../UnableToProcessRequest';
-import UnauthorizedLogin from '../UnauthorizedLogin';
-import UrlNotFound from '../UrlNotFound';
-import WillBeRightBack from '../WillBeRightBack';
 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 EmptyEdition from '../EmptyEdition';
 import EmptySkills from '../EmptySkills';
 import EmptySnippet from '../EmptySnippet';
-import SitBack from '../SitBack';
-import Loader from '../Loader';
+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 boxStyle = {
-      minWidth: '15%',
+    let defaultPalette = {
+      minWidth: '45%',
       border: '1px solid #dcdcdc',
       padding: '5px',
       margin: '5px',
-      flex: '1'
+      flex: '1',
+      maxWidth: '25%',
+      justifyContent: 'space-between'
     };
     let textStyle = {
       textAlign: 'center',
@@ -65,220 +78,151 @@ export default class SVG__default extends React.Component {
       marginTop: '10px',
       color: '#000'
     };
-    return (
-      <React.Fragment>
-        <div
-          style={{
-            display: 'flex',
-            flexDirection: 'row',
-            alignItems: 'center',
-            justifyContent: 'center',
-            flexWrap: 'wrap'
-          }}
-        >
-          <div style={boxStyle}>
-            <EmptyTeams />
-            <div style={textStyle}>EmptyTeams</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyAgent />
-            <div style={textStyle}>EmptyAgent</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyTicket />
-            <div style={textStyle}>EmptyTicket</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyTask />
-            <div style={textStyle}>EmptyTask</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyContact />
-            <div style={textStyle}>EmptyContact</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyAccounts />
-            <div style={textStyle}>EmptyAccounts</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyActivity />
-            <div style={textStyle}>EmptyActivity</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyProducts />
-            <div style={textStyle}>EmptyProducts</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyDashboard />
-            <div style={textStyle}>EmptyDashboard</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyReports />
-            <div style={textStyle}>EmptyReports</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyTopic />
-            <div style={textStyle}>EmptyTopic</div>
-          </div>
-
-          <div style={boxStyle}>
-            <EmptyArchived />
-            <div style={textStyle}>EmptyArchived</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyBusinessHour />
-            <div style={textStyle}>EmptyBusinessHour</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyBusinessHoliday />
-            <div style={textStyle}>EmptyBusinessHoliday</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyBlueprint />
-            <div style={textStyle}>EmptyBlueprint</div>
-          </div>
-
-          <div style={boxStyle}>
-            <EmptyImportHistory />
-            <div style={textStyle}>EmptyImportHistory</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyInvoice />
-            <div style={textStyle}>EmptyInvoice</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyRecycleBin />
-            <div style={textStyle}>EmptyRecycleBin</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyRoles />
-            <div style={textStyle}>EmptyRoles</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptySearch />
-            <div style={textStyle}>EmptySearch</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyTag />
-            <div style={textStyle}>EmptyTag</div>
-          </div>
-          <div style={boxStyle}>
-            <FailureLog />
-            <div style={textStyle}>FailureLog</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyActiveCalls />
-            <div style={textStyle}>EmptyActiveCalls</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyCallHistory />
-            <div style={textStyle}>EmptyCallHistory</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyHistory />
-            <div style={textStyle}>EmptyHistory</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyFromAddress />
-            <div style={textStyle}>EmptyFromAddress</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyWebhook />
-            <div style={textStyle}>EmptyWebhook</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyTemplate />
-            <div style={textStyle}>EmptyTemplate</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyEdition />
-            <div style={textStyle}>EmptyEdition</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyTimeEntry />
-            <div style={textStyle}>EmptyTimeEntry</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyNotification />
-            <div style={textStyle}>EmptyNotification</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyNetwork />
-            <div style={textStyle}>EmptyNetwork</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyHappiness />
-            <div style={textStyle}>EmptyHappiness</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyConversation />
-            <div style={textStyle}>EmptyConversation</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptySnippet />
-            <div style={textStyle}>EmptySnippet</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptySkills />
-            <div style={textStyle}>EmptySkills</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyAttach />
-            <div style={textStyle}>EmptyAttach</div>
-          </div>
+    let darkPalette = {
+      backgroundColor: '#2c334d',
+      minWidth: '45%',
+      border: '1px solid #dcdcdc',
+      padding: '5px',
+      margin: '5px',
+      flex: '1',
+      maxWidth: '25%',
+      justifyContent: 'space-between'
+    };
+    let allSvg = {
+      EmptyAccountsDefaultPalette: <EmptyAccounts />,
+      EmptyAccountsDarkPalette: <EmptyAccounts palette='dark' />,
+      EmptyActiveCallsDefaultPalette: <EmptyActiveCalls />,
+      EmptyActiveCallsDarkPalette: <EmptyActiveCalls palette='dark' />,
+      EmptyActivityDefaultPalette: <EmptyActivity />,
+      EmptyActivityDarkPalette: <EmptyActivity palette='dark' />,
+      EmptyAgentDefaultPalette: <EmptyAgent />,
+      EmptyAgentDarkPalette: <EmptyAgent palette='dark' />,
+      EmptyApprovalDefaultPalette: <EmptyApproval />,
+      EmptyApprovalDarkPalette: <EmptyApproval palette='dark' />,
+      EmptyArchivedDefaultPalette: <EmptyArchived />,
+      EmptyArchivedDarkPalette: <EmptyArchived palette='dark' />,
+      EmptyAttachDefaultPalette: <EmptyAttach />,
+      EmptyAttachDarkPalette: <EmptyAttach palette='dark' />,
+      EmptyCallHistoryDefaultPalette: <EmptyCallHistory />,
+      EmptyCallHistoryDarkPalette: <EmptyCallHistory palette='dark' />,
+      EmptyCollisionDefaultPalette: <EmptyCollision />,
+      EmptyCollisionDarkPalette: <EmptyCollision palette='dark' />,
+      EmptyColumnDefaultPalette: <EmptyColumn />,
+      EmptyColumnDarkPalette: <EmptyColumn palette='dark' />,
+      EmptyContactDefaultPalette: <EmptyContact />,
+      EmptyContactDarkPalette: <EmptyContact palette='dark' />,
+      EmptyConversationDefaultPalette: <EmptyConversation />,
+      EmptyConversationDarkPalette: <EmptyConversation palette='dark' />,
+      EmptyCrmDefaultPalette: <EmptyCrm />,
+      EmptyCrmDarkPalette: <EmptyCrm palette='dark' />,
+      EmptyCrmNotesDefaultPalette: <EmptyCrmNotes />,
+      EmptyCrmNotesDarkPalette: <EmptyCrmNotes palette='dark' />,
+      EmptyCrmPotentialDefaultPalette: <EmptyCrmPotential />,
+      EmptyCrmPotentialDarkPalette: <EmptyCrmPotential palette='dark' />,
+      EmptyDashboardDefaultPalette: <EmptyDashboard />,
+      EmptyDashboardDarkPalette: <EmptyDashboard palette='dark' />,
+      EmptyInvoiceDefaultPalette: <EmptyInvoice />,
+      EmptyInvoiceDarkPalette: <EmptyInvoice palette='dark' />,
+      EmptyProductsDefaultPalette: <EmptyProducts />,
+      EmptyProductsDarkPalette: <EmptyProducts palette='dark' />,
+      EmptyReportsDefaultPalette: <EmptyReports />,
+      EmptyReportsDarkPalette: <EmptyReports palette='dark' />,
+      EmptySearchDefaultPalette: <EmptySearch />,
+      EmptySearchDarkPalette: <EmptySearch palette='dark' />,
+      EmptyTagDefaultPalette: <EmptyTag />,
+      EmptyTagDarkPalette: <EmptyTag palette='dark' />,
+      EmptyTaskDefaultPalette: <EmptyTask />,
+      EmptyTaskDarkPalette: <EmptyTask palette='dark' />,
+      EmptyTicketDefaultPalette: <EmptyTicket />,
+      EmptyTicketDarkPalette: <EmptyTicket palette='dark' />,
+      EmptyHappinessDefaultPalette: <EmptyHappiness />,
+      EmptyHappinessDarkPalette: <EmptyHappiness palette='dark' />,
+      EmptyNotificationDefaultPalette: <EmptyNotification />,
+      EmptyNotificationDarkPalette: <EmptyNotification palette='dark' />,
+      EmptyTimeEntryDefaultPalette: <EmptyTimeEntry />,
+      EmptyTimeEntryDarkPalette: <EmptyTimeEntry palette='dark' />,
+      EmptyTeamsDefaultPalette: <EmptyTeams />,
+      EmptyTeamsDarkPalette: <EmptyTeams palette='dark' />,
+      EmptyTopicDefaultPalette: <EmptyTopic />,
+      EmptyTopicDarkPalette: <EmptyTopic palette='dark' />,
+      EmptySnippetDefaultPalette: <EmptySnippet />,
+      EmptySnippetDarkPalette: <EmptySnippet palette='dark' />,
+      EmptyFollowersDefaultPalette: <EmptyFollowers />,
+      EmptyFollowersDarkPalette: <EmptyFollowers palette='dark' />,
+      EmptyFeedDefaultPalette: <EmptyFeed />,
+      EmptyFeedDarkPalette: <EmptyFeed palette='dark' />,
+      NotImpossibleDefaultPalette: <NotImpossible />,
+      NotImpossibleDarkPalette: <NotImpossible palette='dark' />,
+      EmptyScheduleDefaultPalette: <EmptySchedule />,
+      EmptyScheduleDarkPalette: <EmptySchedule palette='dark' />,
+      EmptyHistoryDefaultPalette: <EmptyHistory />,
+      EmptyHistoryDarkPalette: <EmptyHistory palette='dark' />,
+      EmptyTimelineDefaultPalette: <EmptyTimeline />,
+      EmptyTimelineDarkPalette: <EmptyTimeline palette='dark' />,
+      EmptyTemplateDefaultPalette: <EmptyTemplate />,
+      EmptyTemplateDarkPalette: <EmptyTemplate palette='dark' />,
+      EmptyBlueprintDefaultPalette: <EmptyBlueprint />,
+      EmptyBlueprintDarkPalette: <EmptyBlueprint palette='dark' />,
+      EmptyContractDefaultPalette: <EmptyContract />,
+      EmptyContractDarkPalette: <EmptyContract palette='dark' />,
+      EmptySlaDefaultPalette: <EmptySla />,
+      EmptySlaDarkPalette: <EmptySla palette='dark' />,
+      EmptyReplyDefaultPalette: <EmptyReply />,
+      EmptyReplyDarkPalette: <EmptyReply palette='dark' />,
+      EmptyAgentQueueDefaultPalette: <EmptyAgentQueue />,
+      EmptyAgentQueueDarkPalette: <EmptyAgentQueue palette='dark' />,
+      EmptySkillsDefaultPalette: <EmptySkills />,
+      EmptySkillsDarkPalette: <EmptySkills palette='dark' />,
+      EmptyDepartmentDefaultPalette: <EmptyDepartment />,
+      EmptyDepartmentDarkPalette: <EmptyDepartment palette='dark' />,
+      ZiaAnamolyDefaultPalette: <ZiaAnamoly />,
+      ZiaAnamolyDarkPalette: <ZiaAnamoly palette='dark' />,
+      PredictorDefaultPalette: <Predictor />,
+      PredictorDarkPalette: <Predictor palette='dark' />,
+      ExtractorDefaultPalette: <Extractor />,
+      ExtractorDarkPalette: <Extractor palette='dark' />,
+      ImportDefaultPalette: <Import />,
+      ImportDarkPalette: <Import palette='dark' />,
+      EmptyFrameDefaultPalette: <EmptyFrame />,
+      EmptyFrameDarkPalette: <EmptyFrame palette='dark' />,
+      EmptyFrameDangerPalette: <EmptyFrame palette="danger" />,
+      EmptyErrorDangerPalette: <EmptyError />,
+      EmptyErrorDarkPalette: <EmptyError palette='dark' />,
+      EmptyBusinessHoliday: <EmptyBusinessHoliday />,
+      EmptyBusinessHour: <EmptyBusinessHour />,
+      EmptyImportHistory: <EmptyImportHistory />,
+      EmptyRecycleBin: <EmptyRecycleBin />,
+      EmptyRoles: <EmptyRoles />,
+      EmptyNetwork: <EmptyNetwork />,
+      FailureLog: <FailureLog />,
+      EmptyFromAddress: <EmptyFromAddress />,
+      EmptyWebhook: <EmptyWebhook />,
+      EmptyCustomDomain: <EmptyCustomDomain />
+    };
 
-          <div style={boxStyle}>
-            <EmptyCloud />
-            <div style={textStyle}>EmptyCloud</div>
-          </div>
-          <div style={boxStyle}>
-            <EmptyCloudDanger />
-            <div style={textStyle}>EmptyCloudDanger</div>
-          </div>
-          <div style={boxStyle}>
-            <Inconvenience />
-            <div style={textStyle}>Inconvenience</div>
-          </div>
-          <div style={boxStyle}>
-            <InvalidUrl />
-            <div style={textStyle}>InvalidUrl</div>
-          </div>
-          <div style={boxStyle}>
-            <NoRequestFound />
-            <div style={textStyle}>NoRequestFound</div>
-          </div>
-          <div style={boxStyle}>
-            <PageNotFound />
-            <div style={textStyle}>PageNotFound</div>
-          </div>
-          <div style={boxStyle}>
-            <UnableToProcessRequest />
-            <div style={textStyle}>UnableToProcessRequest</div>
-          </div>
-          <div style={boxStyle}>
-            <UnauthorizedLogin />
-            <div style={textStyle}>UnathorizedLogin</div>
-          </div>
-          <div style={boxStyle}>
-            <UrlNotFound />
-            <div style={textStyle}>UrlNotFound</div>
-          </div>
-          <div style={boxStyle}>
-            <WillBeRightBack />
-            <div style={textStyle}>WillBeRightBack</div>
-          </div>
-          <div style={boxStyle}>
-            <SitBack />
-            <div style={textStyle}>SitBack</div>
-          </div>
-          <div style={boxStyle}>
-            <div style={{ height: '40px', width: '40px', margin: 'auto' }}>
-              <Loader />
+    return (
+      <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 (
+            <div style={filterDarkPalettes ? darkPalette : defaultPalette}
+            >
+              {allSvg[item]}
+              <div style={textStyle}>{item}</div>
             </div>
-            <div style={textStyle}>Loader</div>
-          </div>
-        </div>
-      </React.Fragment>
+          );
+        })}
+      </div>
     );
   }
 }

package/src/svg/docs/SVG__errorstate.docs.js

@@ -0,0 +1,75 @@
+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 (
+      <div style={{paddingBottom: '50px'}}>
+        <div
+          style={{
+            display: 'flex',
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'center',
+            flexWrap: 'wrap',
+            maxWidth: '600px',
+            margin: '0 auto'
+          }}
+        >
+          <div style={boxStyle}>
+            <ErrorInconvenience />
+            <div style={textStyle}>Inconvenience</div>
+          </div>
+          <div style={boxStyle}>
+            <ErrorOopsSomethingMiss />
+            <div style={textStyle}>OopsSomethingMiss</div>
+          </div>
+          <div style={boxStyle}>
+            <ErrorUnableToProcessRequest />
+            <div style={textStyle}>UnableToProcessRequest</div>
+          </div>
+          <div style={boxStyle}>
+            <ErrorUnauthorizedLogin />
+            <div style={textStyle}>UnathorizedLogin</div>
+          </div>
+          <div style={boxStyle}>
+            <ErrorUrlNotFound />
+            <div style={textStyle}>UrlNotFound</div>
+          </div>
+          <div style={boxStyle}>
+            <ErrorWillBeRightBack />
+            <div style={textStyle}>WillBeRightBack</div>
+          </div>
+        </div>
+      </div>
+    );
+  }
+}
+if (__DOCS__) {
+  SVG__errorstate.docs = {
+    componentGroup: 'SVG'
+  };
+}

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

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

package/src/svg/images/EmptyCustomDomain.svg

@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.1.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 298 123.5" style="enable-background:new 0 0 298 123.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.35;fill:#E5E5E5;enable-background:new    ;}
+	.st1{opacity:0.7;fill:none;stroke:#DADADA;stroke-width:0.75;stroke-miterlimit:10;enable-background:new    ;}
+	.st2{opacity:0.7;}
+	.st3{fill:none;stroke:#DADADA;stroke-width:0.75;stroke-miterlimit:10;stroke-dasharray:0.97,0.97;}
+	.st4{fill:none;stroke:#DADADA;stroke-width:0.75;stroke-miterlimit:10;stroke-dasharray:1.03,1.03;}
+	.st5{fill:none;stroke:#DADADA;stroke-width:0.75;stroke-miterlimit:10;stroke-dasharray:1.01,1.01;}
+	.st6{opacity:0.5;fill:#DCF6FF;enable-background:new    ;}
+	.st7{opacity:0.2;enable-background:new    ;}
+	.st8{fill:#FFFFFF;}
+	.st9{fill:#BBEAFF;}
+	.st10{fill:none;stroke:#5A5C5D;stroke-miterlimit:10;}
+	.st11{fill:#5A5C5D;}
+	.st12{opacity:5.000000e-02;enable-background:new    ;}
+	.st13{fill:#EB4A62;}
+</style>
+<g id="Layer_2_1_">
+	<g id="Layer_1-2">
+		<path class="st0" d="M288.2,78.1h-75.1c-1.5,0-2.9-1-3.4-2.4c-0.2-0.5-0.3-1-0.3-1.5c-0.1-2,1.4-3.7,3.4-3.7c0.1,0,0.1,0,0.2,0
+			h41.3c5.3,0,9.6-4.3,9.6-9.6l0,0c0-5.3-4.3-9.6-9.6-9.6l0,0H137.1c-1.8,0-3.3-1.3-3.6-3.1c-0.1-0.8,0-1.7,0.2-2.5
+			c0.5-1.5,1.9-2.6,3.5-2.5h38.5c5.3,0,9.6-4.3,9.6-9.6v0l0,0c0-5.3-4.3-9.6-9.6-9.6l0,0H9.6c-5.3,0-9.6,4.3-9.6,9.6l0,0
+			C0,38.7,4.3,43,9.6,43c0,0,0,0,0,0h57.3c1.8,0,3.3,1.3,3.6,3c0.1,0.6,0.1,1.3,0.1,1.9c-0.2,1.8-1.8,3.2-3.6,3.2H34.7
+			c-5.3,0-9.6,4.3-9.6,9.6c0,0,0,0,0,0l0,0c0,5.3,4.3,9.6,9.6,9.6H143c2,0,3.6,1.6,3.6,3.6c0,0.1,0,0.1,0,0.2c0,0.4-0.1,0.7-0.1,1.1
+			c-0.3,1.7-1.8,2.9-3.5,2.9H63c-5.3,0-9.6,4.3-9.6,9.6l0,0c0,5.3,4.3,9.6,9.6,9.6h69.2c2,0,3.6,1.5,3.6,3.5v0.1
+			c-0.1,2-1.7,3.5-3.6,3.5h-29.5c-5.1-0.1-9.5,3.8-9.9,8.9c-0.4,5.3,3.7,9.9,8.9,10.2c0.2,0,0.4,0,0.6,0h114.2
+			c5.2,0.1,9.5-3.9,9.9-9c0.3-5.3-3.7-9.9-9-10.2c-0.2,0-0.4,0-0.6,0h-14.6c-2,0-3.6-1.5-3.6-3.5v-0.1c0.1-1.9,1.7-3.5,3.6-3.4h86.1
+			c5.3,0,9.6-4.3,9.6-9.6c0,0,0,0,0,0l0,0C297.9,82.3,293.5,78,288.2,78.1z"/>
+		<polygon class="st1" points="76.5,70.5 79.3,70.8 77.4,72.8 77.9,75.5 75.4,74.3 73,75.7 73.4,73 71.4,71.1 74.1,70.6 75.2,68.1 
+					"/>
+		<g class="st2">
+			<circle class="st3" cx="66.6" cy="22.8" r="4.3"/>
+		</g>
+		<g class="st2">
+			<circle class="st4" cx="192.3" cy="117.8" r="4.3"/>
+		</g>
+		<polygon class="st1" points="139.2,17.3 141.2,17.5 139.8,18.9 140.2,20.9 138.5,20 136.7,21 137,19 135.6,17.7 137.5,17.4 
+			138.3,15.6 		"/>
+		<polygon class="st1" points="215.1,2.6 217.1,2.9 215.7,4.3 216.1,6.2 214.4,5.4 212.6,6.3 212.9,4.4 211.5,3 213.4,2.7 
+			214.2,0.9 		"/>
+		<g class="st2">
+			<circle class="st5" cx="260.9" cy="54.3" r="8"/>
+		</g>
+		<circle class="st6" cx="140.3" cy="72.2" r="45.1"/>
+		<path class="st7" d="M182.2,64.4L168,57.2c1.1-10.5-0.9-19.3-5.5-24.6c10.5,7.1,17.4,18.3,19.2,30.8c0,0.3,0.3,0.3,0.4,0.3
+			s0.3-0.3,0.3-0.4C178.9,38.4,155.9,21,131,24.5c-5.8,0.8-11.4,2.7-16.5,5.7c-0.1,0-0.1,0.1-0.1,0.1c-7.6,4.4-13.7,10.9-17.6,18.7
+			c-3.9,7.8-5.5,16.5-4.6,25.2v0.3c2.4,23.1,21.9,40.6,45.1,40.6h0.4c0.2,0,0.4-0.2,0.4-0.4s-0.2-0.4-0.4-0.4l0,0
+			c-5.2,0.1-10.4-0.8-15.3-2.6c0.6,0.1,1.1,0.2,1.7,0.2c2.2,0,4.3-0.3,6.3-1c0.1-0.1,0.3-0.3,0.3-0.4s-0.3-0.3-0.4-0.3
+			c-4.8,1.4-9.1,1.3-12.7-0.4l8.9-17.7l1,0.4c0.1,0,0.1,0.1,0.1,0.1c0,0,0,0,0,0c0.2,0,0.3-0.1,0.3-0.3c0.1-0.1,0.1-0.3,0-0.4
+			c0,0-0.1,0-0.1,0l-1-0.4l4.9-9.5c0.1-0.1,0.1-0.3-0.1-0.4c0,0,0,0-0.1,0c-0.1-0.1-0.4,0-0.4,0.1l-4.9,9.5l-18.6-9.5
+			c1-8,3.5-15.7,7.2-22.9l16,8.1c0.1,0,0.1,0.1,0.1,0.1c0.2,0,0.3-0.1,0.3-0.3c0.1-0.1,0.1-0.3-0.1-0.4c0,0-0.1,0-0.1,0l-16-8.1
+			c3.6-7.2,8.4-13.8,14.3-19.5l18.6,9.3l-3,5.9c-0.1,0.1-0.1,0.3,0.1,0.4c0,0,0.1,0,0.1,0c0.1,0,0.1,0.1,0.1,0.1
+			c0.2,0,0.3-0.1,0.3-0.3l3-5.9l18.6,9.4c-0.3,1.9-0.6,3.7-1,5.8c-0.1,0.3,0.1,0.4,0.3,0.4c0.3,0.2,0.4-0.1,0.4-0.3
+			c0.4-1.9,0.7-3.8,1-5.5l14,7.1c0.1,0,0.1,0.1,0.1,0.1c0,0,0,0,0,0c0.2,0,0.3-0.1,0.3-0.3C182.5,64.7,182.4,64.4,182.2,64.4z
+			 M93,75l13.8,6.9c-0.3,2.6-0.4,5.3-0.3,7.9c0.3,7.1,2.3,12.8,5.8,16.7C101.6,99.3,94.6,87.8,93,75z M125.8,91.7l-9.1,17.6
+			c-5.8-3.2-9.2-9.9-9.7-19.4c-0.1-2.6,0-5.1,0.3-7.6L125.8,91.7z M106.8,81.3l-14-7.1c-0.8-8.4,0.7-16.8,4.4-24.4l16.7,8.5
+			C110.4,65.6,108,73.4,106.8,81.3L106.8,81.3z M114.5,57.7l-16.7-8.5c3.9-7.5,9.8-13.7,17-18l4.9,2.5c0.1,0,0.1,0.1,0.1,0.1
+			c0.2,0,0.3-0.1,0.3-0.3c0.1-0.2,0-0.4-0.1-0.4l-4.5-2.3c11.2-6.4,24.6-7.5,36.7-3.2c-5.1-0.4-10.8,1.3-16.7,5.3
+			c-2.2,1.5-4.2,3.1-6.2,4.9l-3.3-1.6c-0.2-0.1-0.4,0-0.4,0.1c-0.1,0.2,0,0.4,0.1,0.4l2.9,1.6C122.8,44,118.1,50.5,114.5,57.7
+			L114.5,57.7z M130,38.1c1.8-1.7,3.8-3.3,6-4.6c7.9-5.3,15.4-6.5,21.3-3.8l-8.9,17.6L130,38.1z M149,47.6l9-17.6
+			c7.2,3.9,10.8,14.1,9.4,26.9L149,47.6z"/>
+		<path class="st7" d="M143.8,57.1c-0.1-0.1-0.3-0.1-0.4,0c0,0,0,0.1-0.1,0.1l-3,5.9c-0.1,0.2,0,0.4,0.1,0.4c0.1,0,0.1,0.1,0.1,0.1
+			c0,0,0,0,0,0c0.2,0,0.3-0.1,0.3-0.3l3-5.9C144,57.5,143.9,57.2,143.8,57.1z"/>
+		<rect x="134.2" y="74.7" class="st8" width="62.5" height="38.3"/>
+		<rect x="134.5" y="65.3" class="st9" width="62.2" height="8.4"/>
+		<polyline class="st10" points="195.5,106.1 195.5,65.8 132.5,65.8 132.5,114.7 195.5,114.7 195.5,112.1 		"/>
+		<line class="st10" x1="132.5" y1="74.7" x2="195.5" y2="74.7"/>
+		<circle class="st11" cx="137.8" cy="70.4" r="1.1"/>
+		<circle class="st11" cx="141.9" cy="70.4" r="1.1"/>
+		<path class="st12" d="M134.5,75.3L134.5,75.3V77l0.9-1.7L134.5,75.3z M134.1,108.8v0.9c4.4-2,8.5-4.8,12-8.2l9.6,4.9
+			c0.1,0,0.1,0.1,0.1,0.2c0.2,0,0.3-0.1,0.3-0.3c0.1-0.1,0.1-0.3-0.1-0.4c0,0-0.1,0-0.1,0l-9.4-4.8c5.7-5.6,10.4-12.1,14-19.2
+			l16.7,8.4c-5.8,11.3-16.1,19.5-28.4,22.8h2.6c11.5-3.8,21-12,26.5-22.8c2.4-4.7,4-9.9,4.6-15.1l-0.6,0.2l0,0
+			c-0.6,5-2.1,9.9-4.3,14.4L161,81.2c1-1.9,1.9-3.9,2.6-5.9h-0.9c-0.9,1.9-1.6,3.7-2.6,5.6l-10.9-5.6h-1.7l12.4,6.2
+			c-3.6,7.1-8.3,13.5-14,19l-11.7-5.9v0.9l11.2,5.6 M134.5,75.2L134.5,75.2V77l0.9-1.7L134.5,75.2z M134.5,75.2L134.5,75.2V77
+			l0.9-1.7L134.5,75.2z"/>
+		<path class="st13" d="M154.1,98.8l7.8-13.5c0.7-1.1,2.1-1.5,3.2-0.9c0.4,0.2,0.7,0.5,0.9,0.9l7.8,13.5c0.7,1.1,0.3,2.6-0.9,3.2
+			c-0.3,0.2-0.7,0.3-1.1,0.3h-15.6c-1.3,0-2.4-1-2.4-2.3C153.8,99.6,153.9,99.2,154.1,98.8z"/>
+		<path class="st8" d="M163.2,99.6c0-0.5,0.4-0.9,0.9-0.9s0.9,0.4,0.9,0.9s-0.4,0.9-0.9,0.9S163.2,100.1,163.2,99.6z M165,91
+			c0,0.6-0.2,2-0.4,4l-0.2,2.1h-0.5l-0.2-2.1c-0.2-2.1-0.4-3.5-0.4-4s0.3-0.9,0.8-0.9S165,90.4,165,91z"/>
+	</g>
+</g>
+</svg>