@zohodesk/icons 1.3.14 → 1.4.0-exp-1

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

@@ -1,10 +1,7 @@
 @font-face {
   font-family:"zdfonts-react-community";
-  src:
-    url('../fonts/zd-community.woff2') format('woff2'),
-    
-    url('../fonts/zd-community.woff') format('woff'),
-    url('../fonts/zd-community.svg#zdfonts') format('svg');
+  src: url('../fonts/zd-community.woff2') format('woff2'),
+       url('../fonts/zd-community.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -13,239 +10,90 @@
 @layer dot-icons.core {
 /*$Id$*/
 
+.ff{font-family:"zdfonts-react-community" !important;}
+/* Define icon codes */
+.icon-Announcement:before { content: "\a5000"; }
 
-.icon-Announcement,.icon-arrow-shuffle,.icon-attention,.icon-bubble,.icon-bulb_new,.icon-caution-o,.icon-circle-plus,.icon-compose,.icon-discussions,.icon-inapp-close,.icon-kb_view_icon,.icon-lights-thick,.icon-locked,.icon-megaphone,.icon-megaphone2,.icon-menu57,.icon-moderation-new,.icon-move-mp,.icon-page-not-found,.icon-question-mark,.icon-sorting-dis,.icon-sorting-disnew,.icon-sorting2,.icon-Sticky,.icon-twitter4,.icon-Unassociated,.icon-url-not-found,.icon-zsbell,.icon-moderater-tick{
-	font-family:"zdfonts-react-community" !important;
-}
+.icon-arrow-shuffle:before { content: "\a5001"; }
 
-.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";
-}
+.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"; }
 }

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

@@ -1,10 +1,7 @@
 @font-face {
   font-family:"zdfonts-react-customers";
-  src:
-    url('../fonts/zd-customers.woff2') format('woff2'),
-    
-    url('../fonts/zd-customers.woff') format('woff'),
-    url('../fonts/zd-customers.svg#zdfonts') format('svg');
+  src: url('../fonts/zd-customers.woff2') format('woff2'),
+       url('../fonts/zd-customers.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -13,24 +10,15 @@
 @layer dot-icons.core {
 /*$Id$*/
 
+.ff{font-family:"zdfonts-react-customers" !important;}
+/* Define icon codes */
+.icon-checkmark-o:before { content: "\a6000"; }
 
-.icon-checkmark-o,.icon-circle-check,.icon-contract,.icon-globe,.icon-globe1{
-	font-family:"zdfonts-react-customers" !important;
-}
+.icon-circle-check:before { content: "\a6001"; }
 
-.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";
-}
+.icon-contract:before { content: "\a6002"; }
+
+.icon-globe:before { content: "\a6003"; }
+
+.icon-globe1:before { content: "\a6004"; }
 }