@zohodesk/icons 1.4.0-exp-1 → 1.4.1

package/assets/react/zd-font-rAutomation.module.css

@@ -1,7 +1,10 @@
 @font-face {
   font-family:"zdfonts-rAutomation";
-  src: url('../fonts/zd-rAutomation.woff2') format('woff2'),
-       url('../fonts/zd-rAutomation.woff') format('woff');
+  src:
+    url('../fonts/zd-rAutomation.woff2') format('woff2'),
+    
+    url('../fonts/zd-rAutomation.woff') format('woff'),
+    url('../fonts/zd-rAutomation.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -11,119 +14,316 @@
 /*$Id$*/
 
 .ff{font-family:"zdfonts-rAutomation" !important;}
-/* Define icon codes */
-.icon-skip:before { content: "\d5048"; }
-
-.icon-scheduleDelay:before { content: "\d5047"; }
-
-.icon-reschedule:before { content: "\d5046"; }
-
-.icon-nodeRemove:before { content: "\d5045"; }
-
-.icon-failure:before { content: "\d5044"; }
-
-.icon-ziaPredict .path1:before { content: "\d5042";  color: rgb(0, 0, 0); }
-.icon-ziaPredict .path2:before { content: "\d5043"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-ziaGenerate .path1:before { content: "\d5040";  color: rgb(0, 0, 0); }
-.icon-ziaGenerate .path2:before { content: "\d5041"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-ziaExtract .path1:before { content: "\d503e";  color: rgb(0, 0, 0); }
-.icon-ziaExtract .path2:before { content: "\d503f"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-ziaBot .path1:before { content: "\d503c";  color: rgb(0, 0, 0); }
-.icon-ziaBot .path2:before { content: "\d503d"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-webhooks .path1:before { content: "\d503a";  color: rgb(0, 0, 0); }
-.icon-webhooks .path2:before { content: "\d503b"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-updateTicket .path1:before { content: "\d5038";  color: rgb(0, 0, 0); }
-.icon-updateTicket .path2:before { content: "\d5039"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-updateRecord .path1:before { content: "\d5036";  color: rgb(0, 0, 0); }
-.icon-updateRecord .path2:before { content: "\d5037"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-spamTicket .path1:before { content: "\d5034";  color: rgb(0, 0, 0); }
-.icon-spamTicket .path2:before { content: "\d5035"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-shareTicket .path1:before { content: "\d5032";  color: rgb(0, 0, 0); }
-.icon-shareTicket .path2:before { content: "\d5033"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-sendEmailReply .path1:before { content: "\d5030";  color: rgb(0, 0, 0); }
-.icon-sendEmailReply .path2:before { content: "\d5031"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-replyIM .path1:before { content: "\d502e";  color: rgb(0, 0, 0); }
-.icon-replyIM .path2:before { content: "\d502f"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-removeTag .path1:before { content: "\d502c";  color: rgb(0, 0, 0); }
-.icon-removeTag .path2:before { content: "\d502d"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-removeSkill .path1:before { content: "\d502a";  color: rgb(0, 0, 0); }
-.icon-removeSkill .path2:before { content: "\d502b"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-recalculateSkill .path1:before { content: "\d5028";  color: rgb(0, 0, 0); }
-.icon-recalculateSkill .path2:before { content: "\d5029"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-reassignRequest .path1:before { content: "\d5026";  color: rgb(0, 0, 0); }
-.icon-reassignRequest .path2:before { content: "\d5027"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-notifyIM .path1:before { content: "\d5024";  color: rgb(0, 0, 0); }
-.icon-notifyIM .path2:before { content: "\d5025"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-moveDepartment .path1:before { content: "\d5022";  color: rgb(0, 0, 0); }
-.icon-moveDepartment .path2:before { content: "\d5023"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-getRecord .path1:before { content: "\d5020";  color: rgb(0, 0, 0); }
-.icon-getRecord .path2:before { content: "\d5021"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-deleteRecord .path1:before { content: "\d501e";  color: rgb(0, 0, 0); }
-.icon-deleteRecord .path2:before { content: "\d501f"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-customFunction .path1:before { content: "\d501c";  color: rgb(0, 0, 0); }
-.icon-customFunction .path2:before { content: "\d501d"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-createRecord .path1:before { content: "\d501a";  color: rgb(0, 0, 0); }
-.icon-createRecord .path2:before { content: "\d501b"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-changeLayout .path1:before { content: "\d5018";  color: rgb(0, 0, 0); }
-.icon-changeLayout .path2:before { content: "\d5019"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-automation .path1:before { content: "\d5016";  color: rgb(0, 0, 0); }
-.icon-automation .path2:before { content: "\d5017"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-assignTicket .path1:before { content: "\d5014";  color: rgb(0, 0, 0); }
-.icon-assignTicket .path2:before { content: "\d5015"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-articleSuggestion .path1:before { content: "\d5012";  color: rgb(0, 0, 0); }
-.icon-articleSuggestion .path2:before { content: "\d5013"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-alert .path1:before { content: "\d5010";  color: rgb(0, 0, 0); }
-.icon-alert .path2:before { content: "\d5011"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-addTag .path1:before { content: "\d500e";  color: rgb(0, 0, 0); }
-.icon-addTag .path2:before { content: "\d500f"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-addSkill .path1:before { content: "\d500c";  color: rgb(0, 0, 0); }
-.icon-addSkill .path2:before { content: "\d500d"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-addFollower .path1:before { content: "\d500a";  color: rgb(0, 0, 0); }
-.icon-addFollower .path2:before { content: "\d500b"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-addComment .path1:before { content: "\d5008";  color: rgb(0, 0, 0); }
-.icon-addComment .path2:before { content: "\d5009"; margin-left: -1em; color: rgb(40, 190, 130); }
-
-.icon-reCentre:before { content: "\d5007"; }
-
-.icon-fitToView:before { content: "\d5006"; }
-
-.icon-auTrigger:before { content: "\d5005"; }
-
-.icon-auBranch:before { content: "\d5004"; }
-
-.icon-auSchedule:before { content: "\d5003"; }
-
-.icon-auIf:before { content: "\d5002"; }
-
-.icon-auAction .path1:before { content: "\d5000";  color: rgb(0, 0, 0); }
-.icon-auAction .path2:before { content: "\d5001"; margin-left: -1em; color: rgb(153, 153, 153); }
+.icon-auAction .path1:before {
+  content: "\c8500";
+  color: rgb(0, 0, 0);
+}
+.icon-auAction .path2:before {
+  content: "\c8501";
+  margin-left: -1em;
+  color: rgb(153, 153, 153);
+}
+.icon-auIf:before {
+  content: "\c8502";
+}
+.icon-auSchedule:before {
+  content: "\c8503";
+}
+.icon-auBranch:before {
+  content: "\c8504";
+}
+.icon-auTrigger:before {
+  content: "\c8505";
+}
+.icon-fitToView:before {
+  content: "\c8506";
+}
+.icon-reCentre:before {
+  content: "\c8507";
+}
+.icon-addComment .path1:before {
+  content: "\c8508";
+  color: rgb(0, 0, 0);
+}
+.icon-addComment .path2:before {
+  content: "\c8509";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-addFollower .path1:before {
+  content: "\c850a";
+  color: rgb(0, 0, 0);
+}
+.icon-addFollower .path2:before {
+  content: "\c850b";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-addSkill .path1:before {
+  content: "\c850c";
+  color: rgb(0, 0, 0);
+}
+.icon-addSkill .path2:before {
+  content: "\c850d";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-addTag .path1:before {
+  content: "\c850e";
+  color: rgb(0, 0, 0);
+}
+.icon-addTag .path2:before {
+  content: "\c850f";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-alert .path1:before {
+  content: "\c8510";
+  color: rgb(0, 0, 0);
+}
+.icon-alert .path2:before {
+  content: "\c8511";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-articleSuggestion .path1:before {
+  content: "\c8512";
+  color: rgb(0, 0, 0);
+}
+.icon-articleSuggestion .path2:before {
+  content: "\c8513";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-assignTicket .path1:before {
+  content: "\c8514";
+  color: rgb(0, 0, 0);
+}
+.icon-assignTicket .path2:before {
+  content: "\c8515";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-automation .path1:before {
+  content: "\c8516";
+  color: rgb(0, 0, 0);
+}
+.icon-automation .path2:before {
+  content: "\c8517";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-changeLayout .path1:before {
+  content: "\c8518";
+  color: rgb(0, 0, 0);
+}
+.icon-changeLayout .path2:before {
+  content: "\c8519";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-createRecord .path1:before {
+  content: "\c851a";
+  color: rgb(0, 0, 0);
+}
+.icon-createRecord .path2:before {
+  content: "\c851b";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-customFunction .path1:before {
+  content: "\c851c";
+  color: rgb(0, 0, 0);
+}
+.icon-customFunction .path2:before {
+  content: "\c851d";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-deleteRecord .path1:before {
+  content: "\c851e";
+  color: rgb(0, 0, 0);
+}
+.icon-deleteRecord .path2:before {
+  content: "\c851f";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-getRecord .path1:before {
+  content: "\c8520";
+  color: rgb(0, 0, 0);
+}
+.icon-getRecord .path2:before {
+  content: "\c8521";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-moveDepartment .path1:before {
+  content: "\c8522";
+  color: rgb(0, 0, 0);
+}
+.icon-moveDepartment .path2:before {
+  content: "\c8523";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-notifyIM .path1:before {
+  content: "\c8524";
+  color: rgb(0, 0, 0);
+}
+.icon-notifyIM .path2:before {
+  content: "\c8525";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-reassignRequest .path1:before {
+  content: "\c8526";
+  color: rgb(0, 0, 0);
+}
+.icon-reassignRequest .path2:before {
+  content: "\c8527";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-recalculateSkill .path1:before {
+  content: "\c8528";
+  color: rgb(0, 0, 0);
+}
+.icon-recalculateSkill .path2:before {
+  content: "\c8529";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-removeSkill .path1:before {
+  content: "\c852a";
+  color: rgb(0, 0, 0);
+}
+.icon-removeSkill .path2:before {
+  content: "\c852b";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-removeTag .path1:before {
+  content: "\c852c";
+  color: rgb(0, 0, 0);
+}
+.icon-removeTag .path2:before {
+  content: "\c852d";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-replyIM .path1:before {
+  content: "\c852e";
+  color: rgb(0, 0, 0);
+}
+.icon-replyIM .path2:before {
+  content: "\c852f";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-sendEmailReply .path1:before {
+  content: "\c8530";
+  color: rgb(0, 0, 0);
+}
+.icon-sendEmailReply .path2:before {
+  content: "\c8531";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-shareTicket .path1:before {
+  content: "\c8532";
+  color: rgb(0, 0, 0);
+}
+.icon-shareTicket .path2:before {
+  content: "\c8533";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-spamTicket .path1:before {
+  content: "\c8534";
+  color: rgb(0, 0, 0);
+}
+.icon-spamTicket .path2:before {
+  content: "\c8535";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-updateRecord .path1:before {
+  content: "\c8536";
+  color: rgb(0, 0, 0);
+}
+.icon-updateRecord .path2:before {
+  content: "\c8537";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-updateTicket .path1:before {
+  content: "\c8538";
+  color: rgb(0, 0, 0);
+}
+.icon-updateTicket .path2:before {
+  content: "\c8539";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-webhooks .path1:before {
+  content: "\c853a";
+  color: rgb(0, 0, 0);
+}
+.icon-webhooks .path2:before {
+  content: "\c853b";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-ziaBot .path1:before {
+  content: "\c853c";
+  color: rgb(0, 0, 0);
+}
+.icon-ziaBot .path2:before {
+  content: "\c853d";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-ziaExtract .path1:before {
+  content: "\c853e";
+  color: rgb(0, 0, 0);
+}
+.icon-ziaExtract .path2:before {
+  content: "\c853f";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-ziaGenerate .path1:before {
+  content: "\c8540";
+  color: rgb(0, 0, 0);
+}
+.icon-ziaGenerate .path2:before {
+  content: "\c8541";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-ziaPredict .path1:before {
+  content: "\c8542";
+  color: rgb(0, 0, 0);
+}
+.icon-ziaPredict .path2:before {
+  content: "\c8543";
+  margin-left: -1em;
+  color: rgb(40, 190, 130);
+}
+.icon-failure:before {
+  content: "\c8544";
+}
+.icon-nodeRemove:before {
+  content: "\c8545";
+}
+.icon-reschedule:before {
+  content: "\c8546";
+}
+.icon-scheduleDelay:before {
+  content: "\c8547";
+}
+.icon-skip:before {
+  content: "\c8548";
+}
 }

package/assets/react/zd-font-rCallBar.module.css

@@ -1,7 +1,10 @@
 @font-face {
   font-family:"zdfonts-rCallBar";
-  src: url('../fonts/zd-rCallBar.woff2') format('woff2'),
-       url('../fonts/zd-rCallBar.woff') format('woff');
+  src:
+    url('../fonts/zd-rCallBar.woff2') format('woff2'),
+    
+    url('../fonts/zd-rCallBar.woff') format('woff'),
+    url('../fonts/zd-rCallBar.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -11,28 +14,40 @@
 /*$Id$*/
 
 .ff{font-family:"zdfonts-rCallBar" !important;}
-/* Define icon codes */
-.icon-listening:before { content: "\d600b"; }
-
-.icon-contactInformation:before { content: "\d600a"; }
-
-.icon-voiceMail:before { content: "\d6009"; }
-
-.icon-unassociatedDept:before { content: "\d6008"; }
-
-.icon-pause:before { content: "\d6007"; }
-
-.icon-onHold:before { content: "\d6006"; }
-
-.icon-mute:before { content: "\d6005"; }
-
-.icon-microphone:before { content: "\d6004"; }
-
-.icon-ivr:before { content: "\d6003"; }
-
-.icon-dialpad:before { content: "\d6002"; }
-
-.icon-callBack:before { content: "\d6001"; }
-
-.icon-associatedDept:before { content: "\d6000"; }
+.icon-associatedDept:before {
+  content: "\c2000";
+}
+.icon-callBack:before {
+  content: "\c2001";
+}
+.icon-dialpad:before {
+  content: "\c2002";
+}
+.icon-ivr:before {
+  content: "\c2003";
+}
+.icon-microphone:before {
+  content: "\c2004";
+}
+.icon-mute:before {
+  content: "\c2005";
+}
+.icon-onHold:before {
+  content: "\c2006";
+}
+.icon-pause:before {
+  content: "\c2007";
+}
+.icon-unassociatedDept:before {
+  content: "\c2008";
+}
+.icon-voiceMail:before {
+  content: "\c2009";
+}
+.icon-contactInformation:before {
+  content: "\c200a";
+}
+.icon-listening:before {
+  content: "\c200b";
+}
 }