@zohodesk/icons 1.4.0-exp-1 → 1.4.1

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

@@ -1,7 +1,10 @@
 @font-face {
   font-family:"zdfonts-react-community";
-  src: url('../fonts/zd-community.woff2') format('woff2'),
-       url('../fonts/zd-community.woff') format('woff');
+  src:
+    url('../fonts/zd-community.woff2') format('woff2'),
+    
+    url('../fonts/zd-community.woff') format('woff'),
+    url('../fonts/zd-community.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -11,89 +14,234 @@
 /*$Id$*/
 
 .ff{font-family:"zdfonts-react-community" !important;}
-/* Define icon codes */
-.icon-Announcement:before { content: "\a5000"; }
-
-.icon-arrow-shuffle:before { content: "\a5001"; }
-
-.icon-attention:before { content: "\a5002"; }
-
-.icon-bubble:before { content: "\a5003"; }
-
-.icon-bulb_new .path1:before { content: "\a5004";  color: rgb(253, 237, 177); }
-.icon-bulb_new .path2:before { content: "\a5005"; margin-left: -1.03125em; color: rgb(255, 255, 255); }
-
-.icon-caution-o:before { content: "\a5006"; }
-
-.icon-circle-plus:before { content: "\a5007"; }
-
-.icon-compose:before { content: "\a5008"; }
-
-.icon-discussions:before { content: "\a5009"; color: rgb(17, 136, 222); }
-
-.icon-inapp-close:before { content: "\a500a"; }
-
-.icon-kb_view_icon:before { content: "\a500b"; }
-
-.icon-lights-thick:before { content: "\a500c"; }
-
-.icon-locked:before { content: "\a500d"; }
-
-.icon-megaphone:before { content: "\a500e"; }
-
-.icon-megaphone2 .path1:before { content: "\a500f";  color: rgb(235, 121, 55); }
-.icon-megaphone2 .path2:before { content: "\a5010"; margin-left: -1em; color: rgb(235, 186, 22); }
-.icon-megaphone2 .path3:before { content: "\a5011"; margin-left: -1em; color: rgb(199, 202, 199); }
-.icon-megaphone2 .path4:before { content: "\a5012"; margin-left: -1em; color: rgb(66, 74, 96); }
-
-.icon-menu57:before { content: "\a5013"; }
-
-.icon-moderation-new:before { content: "\a5014"; }
-
-.icon-move-mp:before { content: "\a5015"; }
-
-.icon-page-not-found .path1:before { content: "\a5016";  color: rgb(214, 234, 242); }
-.icon-page-not-found .path2:before { content: "\a5017"; margin-left: -1em; color: rgb(232, 244, 247); }
-.icon-page-not-found .path3:before { content: "\a5018"; margin-left: -1em; color: rgb(0, 77, 136); }
-.icon-page-not-found .path4:before { content: "\a5019"; margin-left: -1em; color: rgb(232, 244, 247); }
-.icon-page-not-found .path5:before { content: "\a501a"; margin-left: -1em; color: rgb(0, 77, 136); }
-.icon-page-not-found .path6:before { content: "\a501b"; margin-left: -1em; color: rgb(255, 207, 115); }
-.icon-page-not-found .path7:before { content: "\a501c"; margin-left: -1em; color: rgb(239, 189, 111); }
-.icon-page-not-found .path8:before { content: "\a501d"; margin-left: -1em; color: rgb(232, 244, 247); }
-.icon-page-not-found .path9:before { content: "\a501e"; margin-left: -1em; color: rgb(214, 234, 242); }
-.icon-page-not-found .path10:before { content: "\a501f"; margin-left: -1em; color: rgb(0, 77, 136); }
-
-.icon-question-mark:before { content: "\a5020"; }
-
-.icon-sorting-dis .path1:before { content: "\a5021";  color: rgb(19, 168, 223); }
-.icon-sorting-dis .path2:before { content: "\a5022"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-sorting-disnew .path1:before { content: "\a5023";  color: rgb(30, 168, 224); }
-.icon-sorting-disnew .path2:before { content: "\a5024"; margin-left: -0.84375em; color: rgb(0, 1, 0); }
-
-.icon-sorting2 .path1:before { content: "\a5025";  color: rgb(171, 171, 171); }
-.icon-sorting2 .path2:before { content: "\a5026"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-Sticky:before { content: "\a5027"; }
-
-.icon-twitter4:before { content: "\a5028"; }
-
-.icon-Unassociated:before { content: "\a5029"; }
-
-.icon-url-not-found .path1:before { content: "\a502a";  color: rgb(255, 207, 115); }
-.icon-url-not-found .path2:before { content: "\a502b"; margin-left: -1em; color: rgb(214, 234, 242); }
-.icon-url-not-found .path3:before { content: "\a502c"; margin-left: -1em; color: rgb(232, 244, 247); }
-.icon-url-not-found .path4:before { content: "\a502d"; margin-left: -1em; color: rgb(232, 244, 247); }
-.icon-url-not-found .path5:before { content: "\a502e"; margin-left: -1em; color: rgb(0, 77, 136); }
-.icon-url-not-found .path6:before { content: "\a502f"; margin-left: -1em; color: rgb(214, 234, 242); }
-.icon-url-not-found .path7:before { content: "\a5030"; margin-left: -1em; color: rgb(232, 244, 247); }
-.icon-url-not-found .path8:before { content: "\a5031"; margin-left: -1em; color: rgb(0, 77, 136); }
-.icon-url-not-found .path9:before { content: "\a5032"; margin-left: -1em; color: rgb(228, 111, 127); }
-.icon-url-not-found .path10:before { content: "\a5033"; margin-left: -1em; color: rgb(109, 173, 59); }
-.icon-url-not-found .path11:before { content: "\a5034"; margin-left: -1em; color: rgb(236, 80, 99); }
-.icon-url-not-found .path12:before { content: "\a5035"; margin-left: -1em; color: rgb(242, 193, 87); }
-
-.icon-zsbell:before { content: "\a5036"; }
-
-.icon-moderater-tick:before { content: "\a5037"; }
+.icon-Announcement:before {
+  content: "\e400";
+}
+.icon-arrow-shuffle:before {
+  content: "\e401";
+}
+.icon-attention:before {
+  content: "\e402";
+}
+.icon-bubble:before {
+  content: "\e403";
+}
+.icon-bulb_new .path1:before {
+  content: "\e404";
+  color: rgb(253, 237, 177);
+}
+.icon-bulb_new .path2:before {
+  content: "\e405";
+  margin-left: -1.03125em;
+  color: rgb(255, 255, 255);
+}
+.icon-caution-o:before {
+  content: "\e406";
+}
+.icon-circle-plus:before {
+  content: "\e407";
+}
+.icon-compose:before {
+  content: "\e408";
+}
+.icon-discussions:before {
+  content: "\e409";
+  color: #1188de;
+}
+.icon-inapp-close:before {
+  content: "\e40a";
+}
+.icon-kb_view_icon:before {
+  content: "\e40b";
+}
+.icon-lights-thick:before {
+  content: "\e40c";
+}
+.icon-locked:before {
+  content: "\e40d";
+}
+.icon-megaphone:before {
+  content: "\e40e";
+}
+.icon-megaphone2 .path1:before {
+  content: "\e40f";
+  color: rgb(235, 121, 55);
+}
+.icon-megaphone2 .path2:before {
+  content: "\e410";
+  margin-left: -1em;
+  color: rgb(235, 186, 22);
+}
+.icon-megaphone2 .path3:before {
+  content: "\e411";
+  margin-left: -1em;
+  color: rgb(199, 202, 199);
+}
+.icon-megaphone2 .path4:before {
+  content: "\e412";
+  margin-left: -1em;
+  color: rgb(66, 74, 96);
+}
+.icon-menu57:before {
+  content: "\e413";
+}
+.icon-moderation-new:before {
+  content: "\e414";
+}
+.icon-move-mp:before {
+  content: "\e415";
+}
+.icon-page-not-found .path1:before {
+  content: "\e416";
+  color: rgb(214, 234, 242);
+}
+.icon-page-not-found .path2:before {
+  content: "\e417";
+  margin-left: -1em;
+  color: rgb(232, 244, 247);
+}
+.icon-page-not-found .path3:before {
+  content: "\e418";
+  margin-left: -1em;
+  color: rgb(0, 77, 136);
+}
+.icon-page-not-found .path4:before {
+  content: "\e419";
+  margin-left: -1em;
+  color: rgb(232, 244, 247);
+}
+.icon-page-not-found .path5:before {
+  content: "\e41a";
+  margin-left: -1em;
+  color: rgb(0, 77, 136);
+}
+.icon-page-not-found .path6:before {
+  content: "\e41b";
+  margin-left: -1em;
+  color: rgb(255, 207, 115);
+}
+.icon-page-not-found .path7:before {
+  content: "\e41c";
+  margin-left: -1em;
+  color: none;
+}
+.icon-page-not-found .path8:before {
+  content: "\e41d";
+  margin-left: -1em;
+  color: rgb(232, 244, 247);
+}
+.icon-page-not-found .path9:before {
+  content: "\e41e";
+  margin-left: -1em;
+  color: rgb(214, 234, 242);
+}
+.icon-page-not-found .path10:before {
+  content: "\e41f";
+  margin-left: -1em;
+  color: rgb(0, 77, 136);
+}
+.icon-question-mark:before {
+  content: "\e420";
+}
+.icon-sorting-dis .path1:before {
+  content: "\e421";
+  color: rgb(19, 168, 223);
+}
+.icon-sorting-dis .path2:before {
+  content: "\e422";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-sorting-disnew .path1:before {
+  content: "\e423";
+  color: rgb(30, 168, 224);
+}
+.icon-sorting-disnew .path2:before {
+  content: "\e424";
+  margin-left: -0.84375em;
+  color: rgb(0, 1, 0);
+}
+.icon-sorting2 .path1:before {
+  content: "\e425";
+  color: rgb(171, 171, 171);
+}
+.icon-sorting2 .path2:before {
+  content: "\e426";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-Sticky:before {
+  content: "\e427";
+}
+.icon-twitter4:before {
+  content: "\e428";
+}
+.icon-Unassociated:before {
+  content: "\e429";
+}
+.icon-url-not-found .path1:before {
+  content: "\e42a";
+  color: rgb(255, 207, 115);
+}
+.icon-url-not-found .path2:before {
+  content: "\e42b";
+  margin-left: -1em;
+  color: rgb(214, 234, 242);
+}
+.icon-url-not-found .path3:before {
+  content: "\e42c";
+  margin-left: -1em;
+  color: rgb(232, 244, 247);
+}
+.icon-url-not-found .path4:before {
+  content: "\e42d";
+  margin-left: -1em;
+  color: rgb(232, 244, 247);
+}
+.icon-url-not-found .path5:before {
+  content: "\e42e";
+  margin-left: -1em;
+  color: rgb(0, 77, 136);
+}
+.icon-url-not-found .path6:before {
+  content: "\e42f";
+  margin-left: -1em;
+  color: rgb(214, 234, 242);
+}
+.icon-url-not-found .path7:before {
+  content: "\e430";
+  margin-left: -1em;
+  color: rgb(232, 244, 247);
+}
+.icon-url-not-found .path8:before {
+  content: "\e431";
+  margin-left: -1em;
+  color: rgb(0, 77, 136);
+}
+.icon-url-not-found .path9:before {
+  content: "\e432";
+  margin-left: -1em;
+  color: rgb(228, 111, 127);
+}
+.icon-url-not-found .path10:before {
+  content: "\e433";
+  margin-left: -1em;
+  color: rgb(109, 173, 59);
+}
+.icon-url-not-found .path11:before {
+  content: "\e434";
+  margin-left: -1em;
+  color: rgb(236, 80, 99);
+}
+.icon-url-not-found .path12:before {
+  content: "\e435";
+  margin-left: -1em;
+  color: rgb(242, 193, 87);
+}
+.icon-zsbell:before {
+  content: "\e436";
+}
+.icon-moderater-tick:before {
+  content: "\e437";
+}
 }

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

@@ -1,7 +1,10 @@
 @font-face {
   font-family:"zdfonts-react-customers";
-  src: url('../fonts/zd-customers.woff2') format('woff2'),
-       url('../fonts/zd-customers.woff') format('woff');
+  src:
+    url('../fonts/zd-customers.woff2') format('woff2'),
+    
+    url('../fonts/zd-customers.woff') format('woff'),
+    url('../fonts/zd-customers.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -11,14 +14,19 @@
 /*$Id$*/
 
 .ff{font-family:"zdfonts-react-customers" !important;}
-/* Define icon codes */
-.icon-checkmark-o:before { content: "\a6000"; }
-
-.icon-circle-check:before { content: "\a6001"; }
-
-.icon-contract:before { content: "\a6002"; }
-
-.icon-globe:before { content: "\a6003"; }
-
-.icon-globe1:before { content: "\a6004"; }
+.icon-checkmark-o:before {
+  content: "\e500";
+}
+.icon-circle-check:before {
+  content: "\e501";
+}
+.icon-contract:before {
+  content: "\e502";
+}
+.icon-globe:before {
+  content: "\e503";
+}
+.icon-globe1:before {
+  content: "\e504";
+}
 }