@zohodesk/icons 1.4.0-exp-1 → 1.4.1

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

@@ -1,7 +1,10 @@
 @font-face {
   font-family:"zdfonts-rSetup";
-  src: url('../fonts/zd-rSetup.woff2') format('woff2'),
-       url('../fonts/zd-rSetup.woff') format('woff');
+  src:
+    url('../fonts/zd-rSetup.woff2') format('woff2'),
+    
+    url('../fonts/zd-rSetup.woff') format('woff'),
+    url('../fonts/zd-rSetup.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -11,100 +14,199 @@
 /*$Id$*/
 
 .ff{font-family:"zdfonts-rSetup" !important;}
-/* Define icon codes */
-.icon-autitLog:before { content: "\e7036"; }
-
-.icon-api:before { content: "\e7035"; }
-
-.icon-uploadExtension .path1:before { content: "\e702c";  color: rgb(0, 0, 0); }
-.icon-uploadExtension .path2:before { content: "\e702d"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-uploadExtension .path3:before { content: "\e702e"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-uploadExtension .path4:before { content: "\e702f"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-uploadExtension .path5:before { content: "\e7030"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-uploadExtension .path6:before { content: "\e7031"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-uploadExtension .path7:before { content: "\e7032"; margin-left: -1em; color: rgb(51, 51, 51); }
-.icon-uploadExtension .path8:before { content: "\e7033"; margin-left: -1em; color: rgb(51, 51, 51); }
-.icon-uploadExtension .path9:before { content: "\e7034"; margin-left: -1em; color: rgb(51, 51, 51); }
-
-.icon-template:before { content: "\e702b"; }
-
-.icon-syncSetting:before { content: "\e702a"; }
-
-.icon-syncSchedule:before { content: "\e7029"; }
-
-.icon-syncAfter:before { content: "\e7028"; }
-
-.icon-survey:before { content: "\e7027"; }
-
-.icon-shuffle:before { content: "\e7026"; }
-
-.icon-setpracket:before { content: "\e7025"; }
-
-.icon-selfService:before { content: "\e7024"; }
-
-.icon-returns:before { content: "\e7023"; }
-
-.icon-reinvite:before { content: "\e7022"; }
-
-.icon-ppt:before { content: "\e7021"; }
-
-.icon-permission:before { content: "\e7020"; }
-
-.icon-pageSense:before { content: "\e701f"; }
-
-.icon-onHoldPause:before { content: "\e701e"; }
-
-.icon-manage:before { content: "\e701d"; }
-
-.icon-location:before { content: "\e701c"; }
-
-.icon-invoice:before { content: "\e701b"; }
-
-.icon-htmlCode:before { content: "\e701a"; }
-
-.icon-hotspot:before { content: "\e7019"; }
-
-.icon-generateToken:before { content: "\e7018"; }
-
-.icon-escalate:before { content: "\e7017"; }
-
-.icon-dragUpdown:before { content: "\e7016"; }
-
-.icon-donutChart:before { content: "\e7015"; }
-
-.icon-desk:before { content: "\e7014"; }
-
-.icon-deactivateAgent:before { content: "\e7013"; }
-
-.icon-dashboard:before { content: "\e7012"; }
-
-.icon-conversation:before { content: "\e7011"; }
-
-.icon-contract:before { content: "\e7010"; }
-
-.icon-contact:before { content: "\e700f"; }
-
-.icon-chatBubble:before { content: "\e700e"; }
-
-.icon-channel:before { content: "\e700d"; }
-
-.icon-change:before { content: "\e700c"; }
-
-.icon-buildExtension .path1:before { content: "\e7005";  color: rgb(51, 51, 51); }
-.icon-buildExtension .path2:before { content: "\e7006"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-buildExtension .path3:before { content: "\e7007"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-buildExtension .path4:before { content: "\e7008"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-buildExtension .path5:before { content: "\e7009"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-buildExtension .path6:before { content: "\e700a"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-buildExtension .path7:before { content: "\e700b"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-annoncement:before { content: "\e7004"; }
-
-.icon-addTickets:before { content: "\e7003"; }
-
-.icon-addFile:before { content: "\e7002"; }
-
-.icon-activeUser:before { content: "\e7001"; }
-
-.icon-account:before { content: "\e7000"; }
+.icon-account:before {
+  content: "\b5000";
+}
+.icon-activeUser:before {
+  content: "\b5001";
+}
+.icon-addFile:before {
+  content: "\b5002";
+}
+.icon-addTickets:before {
+  content: "\b5003";
+}
+.icon-annoncement:before {
+  content: "\b5004";
+}
+.icon-buildExtension .path1:before {
+  content: "\b5005";
+  color: rgb(51, 51, 51);
+}
+.icon-buildExtension .path2:before {
+  content: "\b5006";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-buildExtension .path3:before {
+  content: "\b5007";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-buildExtension .path4:before {
+  content: "\b5008";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-buildExtension .path5:before {
+  content: "\b5009";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-buildExtension .path6:before {
+  content: "\b500a";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-buildExtension .path7:before {
+  content: "\b500b";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-change:before {
+  content: "\b500c";
+}
+.icon-channel:before {
+  content: "\b500d";
+}
+.icon-chatBubble:before {
+  content: "\b500e";
+}
+.icon-contact:before {
+  content: "\b500f";
+}
+.icon-contract:before {
+  content: "\b5010";
+}
+.icon-conversation:before {
+  content: "\b5011";
+}
+.icon-dashboard:before {
+  content: "\b5012";
+}
+.icon-deactivateAgent:before {
+  content: "\b5013";
+}
+.icon-desk:before {
+  content: "\b5014";
+}
+.icon-donutChart:before {
+  content: "\b5015";
+}
+.icon-dragUpdown:before {
+  content: "\b5016";
+}
+.icon-escalate:before {
+  content: "\b5017";
+}
+.icon-generateToken:before {
+  content: "\b5018";
+}
+.icon-hotspot:before {
+  content: "\b5019";
+}
+.icon-htmlCode:before {
+  content: "\b501a";
+}
+.icon-invoice:before {
+  content: "\b501b";
+}
+.icon-location:before {
+  content: "\b501c";
+}
+.icon-manage:before {
+  content: "\b501d";
+}
+.icon-onHoldPause:before {
+  content: "\b501e";
+}
+.icon-pageSense:before {
+  content: "\b501f";
+}
+.icon-permission:before {
+  content: "\b5020";
+}
+.icon-ppt:before {
+  content: "\b5021";
+}
+.icon-reinvite:before {
+  content: "\b5022";
+}
+.icon-returns:before {
+  content: "\b5023";
+}
+.icon-selfService:before {
+  content: "\b5024";
+}
+.icon-setpracket:before {
+  content: "\b5025";
+}
+.icon-shuffle:before {
+  content: "\b5026";
+}
+.icon-survey:before {
+  content: "\b5027";
+}
+.icon-syncAfter:before {
+  content: "\b5028";
+}
+.icon-syncSchedule:before {
+  content: "\b5029";
+}
+.icon-syncSetting:before {
+  content: "\b502a";
+}
+.icon-template:before {
+  content: "\b502b";
+}
+.icon-uploadExtension .path1:before {
+  content: "\b502c";
+  color: rgb(0, 0, 0);
+}
+.icon-uploadExtension .path2:before {
+  content: "\b502d";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-uploadExtension .path3:before {
+  content: "\b502e";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-uploadExtension .path4:before {
+  content: "\b502f";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-uploadExtension .path5:before {
+  content: "\b5030";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-uploadExtension .path6:before {
+  content: "\b5031";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-uploadExtension .path7:before {
+  content: "\b5032";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-uploadExtension .path8:before {
+  content: "\b5033";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-uploadExtension .path9:before {
+  content: "\b5034";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-api:before {
+  content: "\b5035";
+}
+.icon-autitLog:before {
+  content: "\b5036";
+}
 }