@zohodesk/icons 1.3.15 → 1.4.0-exp-1

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

@@ -1,10 +1,7 @@
 @font-face {
   font-family:"zdfonts-rIM";
-  src:
-    url('../fonts/zd-rIM.woff2') format('woff2'),
-    
-    url('../fonts/zd-rIM.woff') format('woff'),
-    url('../fonts/zd-rIM.svg#zdfonts') format('svg');
+  src: url('../fonts/zd-rIM.woff2') format('woff2'),
+       url('../fonts/zd-rIM.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -13,60 +10,21 @@
 @layer dot-icons.core {
 /*$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-endChat,.icon-incomingMissed,.icon-outgoingMissed,.icon-arattai,.icon-arattaiBusiness{
-	font-family:"zdfonts-rIM" !important;
-}
+.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: "\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);
-}
+.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; }
 }

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

@@ -1,10 +1,7 @@
 @font-face {
   font-family:"zdfonts-rIntegrations";
-  src:
-    url('../fonts/zd-rIntegrations.woff2') format('woff2'),
-    
-    url('../fonts/zd-rIntegrations.woff') format('woff'),
-    url('../fonts/zd-rIntegrations.svg#zdfonts') format('svg');
+  src: url('../fonts/zd-rIntegrations.woff2') format('woff2'),
+       url('../fonts/zd-rIntegrations.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -13,210 +10,72 @@
 @layer dot-icons.core {
 /*$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-intAnalytics,.icon-intBigin,.icon-intBooks,.icon-intBugTracker,.icon-intClick,.icon-intInventry,.icon-intJira,.icon-intOffice365,.icon-intOrchestly,.icon-intProject,.icon-intSalesforce,.icon-intSkydesk,.icon-intSlack,.icon-intSprints,.icon-intTwilio,.icon-zia,.icon-intInvoice,.icon-intSubscription,.icon-searchZoho,.icon-inSalesIQ,.icon-intBilling,.icon-agentStudio{
-	font-family:"zdfonts-rIntegrations" !important;
-}
+.icon-intBilling:before { content: "\e3028"; color: rgb(8, 153, 73); }
 
-.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);
-}
+.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); }
 }