@zohodesk/icons 1.4.0-exp-1 → 1.4.1

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

@@ -1,7 +1,10 @@
 @font-face {
   font-family:"zdfonts-rTopband";
-  src: url('../fonts/zd-rTopband.woff2') format('woff2'),
-       url('../fonts/zd-rTopband.woff') format('woff');
+  src:
+    url('../fonts/zd-rTopband.woff2') format('woff2'),
+    
+    url('../fonts/zd-rTopband.woff') format('woff'),
+    url('../fonts/zd-rTopband.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -11,80 +14,158 @@
 /*$Id$*/
 
 .ff{font-family:"zdfonts-rTopband" !important;}
-/* Define icon codes */
-.icon-sandboxMode:before { content: "\e902a"; }
-
-.icon-defaultTicket:before { content: "\e9029"; }
-
-.icon-features:before { content: "\e9028"; }
-
-.icon-backArrow:before { content: "\e9027"; }
-
-.icon-sortingFill .path1:before { content: "\e9024";  color: rgb(51, 51, 51); }
-.icon-sortingFill .path2:before { content: "\e9025"; margin-left: -1em; color: rgb(1, 1, 1); }
-.icon-sortingFill .path3:before { content: "\e9026"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-settings:before { content: "\e9023"; }
-
-.icon-notification:before { content: "\e9022"; }
-
-.icon-menu:before { content: "\e9021"; }
-
-.icon-marketplace .path1:before { content: "\e901e";  color: rgb(0, 0, 0); }
-.icon-marketplace .path2:before { content: "\e901f"; margin-left: -1em; color: rgb(51, 51, 51); }
-.icon-marketplace .path3:before { content: "\e9020"; margin-left: -1em; color: rgb(102, 103, 102); }
-
-.icon-list:before { content: "\e901d"; }
-
-.icon-keyboard:before { content: "\e901c"; }
-
-.icon-integration:before { content: "\e901b"; }
-
-.icon-hamburgerMenu:before { content: "\e901a"; }
-
-.icon-gamescope:before { content: "\e9019"; }
-
-.icon-feedback:before { content: "\e9018"; }
-
-.icon-disSortingFill .path1:before { content: "\e9014";  color: rgb(51, 51, 51); }
-.icon-disSortingFill .path2:before { content: "\e9015"; margin-left: -1em; color: rgb(1, 1, 1); }
-.icon-disSortingFill .path3:before { content: "\e9016"; margin-left: -1em; color: rgb(1, 1, 1); }
-.icon-disSortingFill .path4:before { content: "\e9017"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-configuaration:before { content: "\e9013"; }
-
-.icon-advanceSearch:before { content: "\e9012"; }
-
-.icon-whatsApp:before { content: "\e9011"; }
-
-.icon-weekDaysAssistance:before { content: "\e9010"; }
-
-.icon-userCommunity:before { content: "\e900f"; }
-
-.icon-diamond:before { content: "\e900e"; }
-
-.icon-standerdPlan:before { content: "\e900d"; }
-
-.icon-professionalPlan:before { content: "\e900c"; }
-
-.icon-overWeb:before { content: "\e900b"; }
-
-.icon-overPhone .path1:before { content: "\e9008";  color: rgb(51, 51, 51); }
-.icon-overPhone .path2:before { content: "\e9009"; margin-left: -1em; color: rgb(1, 1, 1); }
-.icon-overPhone .path3:before { content: "\e900a"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-mobile:before { content: "\e9007"; }
-
-.icon-freePlan:before { content: "\e9006"; }
-
-.icon-enterpriceplanPlan:before { content: "\e9005"; }
-
-.icon-statusStroke .path1:before { content: "\e9003";  color: rgb(102, 103, 102); }
-.icon-statusStroke .path2:before { content: "\e9004"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-statusFill:before { content: "\e9002"; }
-
-.icon-webinar:before { content: "\e9001"; }
-
-.icon-demo:before { content: "\e9000"; }
+.icon-demo:before {
+  content: "\c1000";
+}
+.icon-webinar:before {
+  content: "\c1001";
+}
+.icon-statusFill:before {
+  content: "\c1002";
+}
+.icon-statusStroke .path1:before {
+  content: "\c1003";
+  color: rgb(102, 103, 102);
+}
+.icon-statusStroke .path2:before {
+  content: "\c1004";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-enterpriceplanPlan:before {
+  content: "\c1005";
+}
+.icon-freePlan:before {
+  content: "\c1006";
+}
+.icon-mobile:before {
+  content: "\c1007";
+}
+.icon-overPhone .path1:before {
+  content: "\c1008";
+  color: rgb(51, 51, 51);
+}
+.icon-overPhone .path2:before {
+  content: "\c1009";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-overPhone .path3:before {
+  content: "\c100a";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-overWeb:before {
+  content: "\c100b";
+}
+.icon-professionalPlan:before {
+  content: "\c100c";
+}
+.icon-standerdPlan:before {
+  content: "\c100d";
+}
+.icon-diamond:before {
+  content: "\c100e";
+}
+.icon-userCommunity:before {
+  content: "\c100f";
+}
+.icon-weekDaysAssistance:before {
+  content: "\c1010";
+}
+.icon-whatsApp:before {
+  content: "\c1011";
+}
+.icon-advanceSearch:before {
+  content: "\c1012";
+}
+.icon-configuaration:before {
+  content: "\c1013";
+}
+.icon-disSortingFill .path1:before {
+  content: "\c1014";
+  color: rgb(51, 51, 51);
+}
+.icon-disSortingFill .path2:before {
+  content: "\c1015";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-disSortingFill .path3:before {
+  content: "\c1016";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-disSortingFill .path4:before {
+  content: "\c1017";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-feedback:before {
+  content: "\c1018";
+}
+.icon-gamescope:before {
+  content: "\c1019";
+}
+.icon-hamburgerMenu:before {
+  content: "\c101a";
+}
+.icon-integration:before {
+  content: "\c101b";
+}
+.icon-keyboard:before {
+  content: "\c101c";
+}
+.icon-list:before {
+  content: "\c101d";
+}
+.icon-marketplace .path1:before {
+  content: "\c101e";
+  color: rgb(0, 0, 0);
+}
+.icon-marketplace .path2:before {
+  content: "\c101f";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-marketplace .path3:before {
+  content: "\c1020";
+  margin-left: -1em;
+  color: rgb(102, 103, 102);
+}
+.icon-menu:before {
+  content: "\c1021";
+}
+.icon-notification:before {
+  content: "\c1022";
+}
+.icon-settings:before {
+  content: "\c1023";
+}
+.icon-sortingFill .path1:before {
+  content: "\c1024";
+  color: rgb(51, 51, 51);
+}
+.icon-sortingFill .path2:before {
+  content: "\c1025";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-sortingFill .path3:before {
+  content: "\c1026";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-backArrow:before {
+  content: "\c1027";
+}
+.icon-features:before {
+  content: "\c1028";
+}
+.icon-defaultTicket:before {
+  content: "\c1029";
+}
+.icon-sandboxMode:before {
+  content: "\c102a";
+}
 }