@zohodesk/icons 1.4.0-exp-1 → 1.4.1

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

@@ -1,7 +1,10 @@
 @font-face {
   font-family:"zdfonts-rIM";
-  src: url('../fonts/zd-rIM.woff2') format('woff2'),
-       url('../fonts/zd-rIM.woff') format('woff');
+  src:
+    url('../fonts/zd-rIM.woff2') format('woff2'),
+    
+    url('../fonts/zd-rIM.woff') format('woff'),
+    url('../fonts/zd-rIM.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -11,20 +14,55 @@
 /*$Id$*/
 
 .ff{font-family:"zdfonts-rIM" !important;}
-/* Define icon codes */
-.icon-outgoingMissed .path1:before { content: "\f3004";  color: rgb(61, 112, 183); }
-.icon-outgoingMissed .path2:before { content: "\f3005"; margin-left: -1em; color: rgb(61, 112, 183); }
-.icon-outgoingMissed .path3:before { content: "\f3006"; margin-left: -1em; color: rgb(222, 54, 52); }
-
-.icon-incomingMissed .path1:before { content: "\f3001";  color: rgb(36, 169, 74); }
-.icon-incomingMissed .path2:before { content: "\f3002"; margin-left: -1em; color: rgb(36, 169, 74); }
-.icon-incomingMissed .path3:before { content: "\f3003"; margin-left: -1em; color: rgb(222, 54, 52); }
-
-.icon-endChat:before { content: "\f3000"; }
-
-.icon-arattai .path1:before { content: "\f3007";  color: #666767; opacity: 0.3; }
-.icon-arattai .path2:before { content: "\f300c"; margin-left: -1.197266em; color: #010101; }
-
-.icon-arattaiBusiness .path1:before { content: "\f3008";  color: #666767; opacity: 0.3; }
-.icon-arattaiBusiness .path2:before { content: "\f300d"; margin-left: -1.198242em; color: currentColor; }
+.icon-endChat:before {
+  content: "\c7500";
+}
+.icon-incomingMissed .path1:before {
+  content: "\c7501";
+  color: rgb(36, 169, 74);
+}
+.icon-incomingMissed .path2:before {
+  content: "\c7502";
+  margin-left: -1em;
+  color: rgb(36, 169, 74);
+}
+.icon-incomingMissed .path3:before {
+  content: "\c7503";
+  margin-left: -1em;
+  color: rgb(222, 54, 52);
+}
+.icon-outgoingMissed .path1:before {
+  content: "\c7504";
+  color: rgb(61, 112, 183);
+}
+.icon-outgoingMissed .path2:before {
+  content: "\c7505";
+  margin-left: -1em;
+  color: rgb(61, 112, 183);
+}
+.icon-outgoingMissed .path3:before {
+  content: "\c7506";
+  margin-left: -1em;
+  color: rgb(222, 54, 52);
+}
+.icon-arattai .path1:before {
+  content: "\c7507";
+  color: rgb(102, 103, 103);
+  opacity: 0.3;
+}
+.icon-arattai .path2:before {
+  content: "\c7508";
+  margin-left: -1.197265625em;
+  color: rgb(1, 1, 1);
+}
+.icon-arattaiBusiness .path1:before {
+  content: "\c7509";
+  color: rgb(102, 103, 103);
+  opacity: 0.3;
+}
+.icon-arattaiBusiness .path2:before {
+  content: "\c750a";
+  margin-left: -1.1982421875em;
+  color: rgb(0, 0, 0);
+}
 }

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

@@ -1,7 +1,10 @@
 @font-face {
   font-family:"zdfonts-rIntegrations";
-  src: url('../fonts/zd-rIntegrations.woff2') format('woff2'),
-       url('../fonts/zd-rIntegrations.woff') format('woff');
+  src:
+    url('../fonts/zd-rIntegrations.woff2') format('woff2'),
+    
+    url('../fonts/zd-rIntegrations.woff') format('woff'),
+    url('../fonts/zd-rIntegrations.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -11,71 +14,205 @@
 /*$Id$*/
 
 .ff{font-family:"zdfonts-rIntegrations" !important;}
-/* Define icon codes */
-.icon-agentStudio .path1:before { content: "\e3029";  color: rgb(11, 153, 73); }
-.icon-agentStudio .path2:before { content: "\e302a"; margin-left: -1em; color: rgb(227, 40, 40); }
-.icon-agentStudio .path3:before { content: "\e302b"; margin-left: -1em; color: rgb(35, 110, 180); }
-
-.icon-intBilling:before { content: "\e3028"; color: rgb(8, 153, 73); }
-
-.icon-inSalesIQ:before { content: "\e3027"; }
-
-.icon-searchZoho:before { content: "\e3026"; color: rgb(35, 110, 180); }
-
-.icon-intSubscription:before { content: "\e3025"; color: rgb(35, 110, 180); opacity: 0.9; }
-
-.icon-intInvoice:before { content: "\e3024"; color: #236eb4; opacity: 0.9; }
-
-.icon-zia:before { content: "\e3023"; }
-
-.icon-intTwilio:before { content: "\e3022"; color: rgb(238, 51, 71); }
-
-.icon-intSprints .path1:before { content: "\e3020";  color: rgb(5, 152, 73); opacity: 0.9; }
-.icon-intSprints .path2:before { content: "\e3021"; margin-left: -1em; color: rgb(246, 177, 26); }
-
-.icon-intSlack .path1:before { content: "\e3018";  color: rgb(224, 34, 91); }
-.icon-intSlack .path2:before { content: "\e3019"; margin-left: -1em; color: rgb(224, 34, 91); }
-.icon-intSlack .path3:before { content: "\e301a"; margin-left: -1em; color: rgb(57, 197, 239); }
-.icon-intSlack .path4:before { content: "\e301b"; margin-left: -1em; color: rgb(57, 197, 239); }
-.icon-intSlack .path5:before { content: "\e301c"; margin-left: -1em; color: rgb(47, 183, 126); }
-.icon-intSlack .path6:before { content: "\e301d"; margin-left: -1em; color: rgb(47, 183, 126); }
-.icon-intSlack .path7:before { content: "\e301e"; margin-left: -1em; color: rgb(235, 178, 45); }
-.icon-intSlack .path8:before { content: "\e301f"; margin-left: -1em; color: rgb(235, 178, 45); }
-
-.icon-intSkydesk .path1:before { content: "\e3016";  color: #2D95D2; }
-.icon-intSkydesk .path2:before { content: "\e3017"; margin-left: -1em; color: #747474; }
-.icon-intSkydesk .path3:before { content: "\f300b"; margin-left: -1em; color: currentColor; }
-
-.icon-intSalesforce:before { content: "\e3015"; color: #17A0DB; }
-
-.icon-intProject .path1:before { content: "\e3011";  color: rgb(226, 46, 43); }
-.icon-intProject .path2:before { content: "\e3012"; margin-left: -1em; color: rgb(245, 130, 32); }
-.icon-intProject .path3:before { content: "\e3013"; margin-left: -1em; color: rgb(44, 124, 73); }
-.icon-intProject .path4:before { content: "\e3014"; margin-left: -1em; color: rgb(57, 89, 163); }
-
-.icon-intOrchestly .path1:before { content: "\e300f";  color: rgb(39, 111, 180); opacity: 0.9; }
-.icon-intOrchestly .path2:before { content: "\e3010"; margin-left: -1em; color: rgb(228, 41, 42); opacity: 0.9; }
-
-.icon-intOffice365:before { content: "\e300e"; color: rgb(199, 93, 40); }
-
-.icon-intJira .path1:before { content: "\e300b";  color: rgb(75, 123, 190); }
-.icon-intJira .path2:before { content: "\e300c"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-intJira .path3:before { content: "\e300d"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-intInventry .path1:before { content: "\e3009";  color: rgb(247, 178, 28); }
-.icon-intInventry .path2:before { content: "\e300a"; margin-left: -1em; color: rgb(227, 40, 40); }
-
-.icon-intClick .path1:before { content: "\e3005";  color: rgb(35, 110, 180); }
-.icon-intClick .path2:before { content: "\e3006"; margin-left: -1em; color: rgb(235, 60, 57); }
-.icon-intClick .path3:before { content: "\e3007"; margin-left: -1em; color: rgb(235, 60, 57); }
-.icon-intClick .path4:before { content: "\e3008"; margin-left: -1em; color: rgb(235, 60, 57); }
-
-.icon-intBugTracker .path1:before { content: "\e3003";  color: rgb(36, 110, 179); opacity: 0.9; }
-.icon-intBugTracker .path2:before { content: "\e3004"; margin-left: -1em; color: rgb(226, 39, 41); opacity: 0.9; }
-
-.icon-intBooks:before { content: "\e3002"; color: rgb(36, 111, 179); }
-
-.icon-intBigin:before { content: "\e3001"; color: rgb(3, 153, 73); }
-
-.icon-intAnalytics:before { content: "\e3000"; color: rgb(227, 40, 41); }
+.icon-intAnalytics:before {
+  content: "\b3000";
+  color: #e32829;
+}
+.icon-intBigin:before {
+  content: "\b3001";
+  color: #039949;
+}
+.icon-intBooks:before {
+  content: "\b3002";
+  color: #246fb3;
+}
+.icon-intBugTracker .path1:before {
+  content: "\b3003";
+  color: rgb(36, 110, 179);
+  opacity: 0.9;
+}
+.icon-intBugTracker .path2:before {
+  content: "\b3004";
+  margin-left: -1em;
+  color: rgb(226, 39, 41);
+  opacity: 0.9;
+}
+.icon-intClick .path1:before {
+  content: "\b3005";
+  color: rgb(35, 110, 180);
+}
+.icon-intClick .path2:before {
+  content: "\b3006";
+  margin-left: -1em;
+  color: rgb(235, 60, 57);
+}
+.icon-intClick .path3:before {
+  content: "\b3007";
+  margin-left: -1em;
+  color: rgb(235, 60, 57);
+}
+.icon-intClick .path4:before {
+  content: "\b3008";
+  margin-left: -1em;
+  color: rgb(235, 60, 57);
+}
+.icon-intInventry .path1:before {
+  content: "\b3009";
+  color: rgb(247, 178, 28);
+}
+.icon-intInventry .path2:before {
+  content: "\b300a";
+  margin-left: -1em;
+  color: rgb(227, 40, 40);
+}
+.icon-intJira .path1:before {
+  content: "\b300b";
+  color: rgb(75, 123, 190);
+}
+.icon-intJira .path2:before {
+  content: "\b300c";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-intJira .path3:before {
+  content: "\b300d";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-intOffice365:before {
+  content: "\b300e";
+  color: #c75d28;
+}
+.icon-intOrchestly .path1:before {
+  content: "\b300f";
+  color: rgb(39, 111, 180);
+  opacity: 0.9;
+}
+.icon-intOrchestly .path2:before {
+  content: "\b3010";
+  margin-left: -1em;
+  color: rgb(228, 41, 42);
+  opacity: 0.9;
+}
+.icon-intProject .path1:before {
+  content: "\b3011";
+  color: rgb(226, 46, 43);
+}
+.icon-intProject .path2:before {
+  content: "\b3012";
+  margin-left: -1em;
+  color: rgb(245, 130, 32);
+}
+.icon-intProject .path3:before {
+  content: "\b3013";
+  margin-left: -1em;
+  color: rgb(44, 124, 73);
+}
+.icon-intProject .path4:before {
+  content: "\b3014";
+  margin-left: -1em;
+  color: rgb(57, 89, 163);
+}
+.icon-intSalesforce:before {
+  content: "\b3015";
+  color: #17a0db;
+}
+.icon-intSkydesk .path1:before {
+  content: "\b3016";
+  color: rgb(45, 149, 210);
+}
+.icon-intSkydesk .path2:before {
+  content: "\b3017";
+  margin-left: -1em;
+  color: rgb(116, 116, 116);
+}
+.icon-intSlack .path1:before {
+  content: "\b3018";
+  color: rgb(224, 34, 91);
+}
+.icon-intSlack .path2:before {
+  content: "\b3019";
+  margin-left: -1em;
+  color: rgb(224, 34, 91);
+}
+.icon-intSlack .path3:before {
+  content: "\b301a";
+  margin-left: -1em;
+  color: rgb(57, 197, 239);
+}
+.icon-intSlack .path4:before {
+  content: "\b301b";
+  margin-left: -1em;
+  color: rgb(57, 197, 239);
+}
+.icon-intSlack .path5:before {
+  content: "\b301c";
+  margin-left: -1em;
+  color: rgb(47, 183, 126);
+}
+.icon-intSlack .path6:before {
+  content: "\b301d";
+  margin-left: -1em;
+  color: rgb(47, 183, 126);
+}
+.icon-intSlack .path7:before {
+  content: "\b301e";
+  margin-left: -1em;
+  color: rgb(235, 178, 45);
+}
+.icon-intSlack .path8:before {
+  content: "\b301f";
+  margin-left: -1em;
+  color: rgb(235, 178, 45);
+}
+.icon-intSprints .path1:before {
+  content: "\b3020";
+  color: rgb(5, 152, 73);
+  opacity: 0.9;
+}
+.icon-intSprints .path2:before {
+  content: "\b3021";
+  margin-left: -1em;
+  color: rgb(246, 177, 26);
+}
+.icon-intTwilio:before {
+  content: "\b3022";
+  color: #ee3347;
+}
+.icon-zia:before {
+  content: "\b3023";
+}
+.icon-intInvoice:before {
+  content: "\b3024";
+  color: #236eb4;
+}
+.icon-intSubscription:before {
+  content: "\b3025";
+  color: #236eb4;
+}
+.icon-searchZoho:before {
+  content: "\b3026";
+  color: #236eb4;
+}
+.icon-inSalesIQ:before {
+  content: "\b3027";
+}
+.icon-intBilling:before {
+  content: "\b3028";
+  color: #089949;
+}
+.icon-agentStudio .path1:before {
+  content: "\b3029";
+  color: rgb(11, 153, 73);
+}
+.icon-agentStudio .path2:before {
+  content: "\b302a";
+  margin-left: -1em;
+  color: rgb(227, 40, 40);
+}
+.icon-agentStudio .path3:before {
+  content: "\b302b";
+  margin-left: -1em;
+  color: rgb(35, 110, 180);
+}
 }