@zohodesk/icons 1.4.0-exp-1 → 1.4.1

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

@@ -1,7 +1,10 @@
 @font-face {
   font-family:"zdfonts-rLhs";
-  src: url('../fonts/zd-rLhs.woff2') format('woff2'),
-       url('../fonts/zd-rLhs.woff') format('woff');
+  src:
+    url('../fonts/zd-rLhs.woff2') format('woff2'),
+    
+    url('../fonts/zd-rLhs.woff') format('woff'),
+    url('../fonts/zd-rLhs.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -11,102 +14,374 @@
 /*$Id$*/
 
 .ff{font-family:"zdfonts-rLhs" !important;}
-/* Define icon codes */
-.icon-lhsTicket .path1:before { content: "\e4048";  color: rgb(31, 38, 52); opacity: 0.3; }
-.icon-lhsTicket .path2:before { content: "\e4049"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-lhsManage .path1:before { content: "\e4044";  color: rgb(1, 1, 1); }
-.icon-lhsManage .path2:before { content: "\e4045"; margin-left: -1em; color: rgb(1, 1, 1); }
-.icon-lhsManage .path3:before { content: "\e4046"; margin-left: -1em; color: rgb(1, 1, 1); }
-.icon-lhsManage .path4:before { content: "\e4047"; margin-left: -1em; color: rgb(31, 38, 52); opacity: 0.3; }
-
-.icon-lhsKB .path1:before { content: "\e4042";  color: rgb(31, 38, 52); opacity: 0.3; }
-.icon-lhsKB .path2:before { content: "\e4043"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-lhsAdvancedAnalytics .path1:before { content: "\e4040";  color: rgb(31, 38, 52); opacity: 0.3; }
-.icon-lhsAdvancedAnalytics .path2:before { content: "\e4041"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-lhsProduct .path1:before { content: "\e403e";  color: rgb(31, 38, 52); opacity: 0.3; }
-.icon-lhsProduct .path2:before { content: "\e403f"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-lhsViews .path1:before { content: "\e403c";  color: rgb(0, 0, 0); }
-.icon-lhsViews .path2:before { content: "\e403d"; margin-left: -1em; color: rgb(31, 38, 52); opacity: 0.3; }
-
-.icon-lhsTwitter .path1:before { content: "\e4039";  color: rgb(31, 38, 52); opacity: 0.3; }
-.icon-lhsTwitter .path2:before { content: "\e403a"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-lhsTwitter .path3:before { content: "\e403b"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-lhsTeamQueue .path1:before { content: "\e4037";  color: rgb(1, 1, 1); }
-.icon-lhsTeamQueue .path2:before { content: "\e4038"; margin-left: -1.173828em; color: rgb(31, 38, 52); opacity: 0.3; }
-
-.icon-lhsTask .path1:before { content: "\e4033";  color: rgb(31, 38, 52); opacity: 0.3; }
-.icon-lhsTask .path2:before { content: "\e4034"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-lhsTask .path3:before { content: "\e4035"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-lhsTask .path4:before { content: "\e4036"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-lhsTag .path1:before { content: "\e4030";  color: rgb(31, 38, 52); opacity: 0.3; }
-.icon-lhsTag .path2:before { content: "\e4031"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-lhsTag .path3:before { content: "\e4032"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-lhsReport .path1:before { content: "\e402d";  color: rgb(0, 0, 0); }
-.icon-lhsReport .path2:before { content: "\e402e"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-lhsReport .path3:before { content: "\e402f"; margin-left: -1em; color: rgb(31, 38, 52); opacity: 0.3; }
-
-.icon-lhsOverview .path1:before { content: "\e4029";  color: rgb(0, 0, 0); }
-.icon-lhsOverview .path2:before { content: "\e402a"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-lhsOverview .path3:before { content: "\e402b"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-lhsOverview .path4:before { content: "\e402c"; margin-left: -1em; color: rgb(31, 38, 52); opacity: 0.3; }
-
-.icon-lhsGallery .path1:before { content: "\e4026";  color: rgb(0, 0, 0); }
-.icon-lhsGallery .path2:before { content: "\e4027"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-lhsGallery .path3:before { content: "\e4028"; margin-left: -1em; color: rgb(31, 38, 52); opacity: 0.3; }
-
-.icon-lhsforum .path1:before { content: "\e4022";  color: rgb(31, 38, 52); opacity: 0.3; }
-.icon-lhsforum .path2:before { content: "\e4023"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-lhsforum .path3:before { content: "\e4024"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-lhsforum .path4:before { content: "\e4025"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-lhsFeeds .path1:before { content: "\e401e";  color: rgb(0, 0, 0); }
-.icon-lhsFeeds .path2:before { content: "\e401f"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-lhsFeeds .path3:before { content: "\e4020"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-lhsFeeds .path4:before { content: "\e4021"; margin-left: -1em; color: rgb(31, 38, 52); opacity: 0.3; }
-
-.icon-lhsFacebook .path1:before { content: "\e401c";  color: rgb(0, 0, 0); }
-.icon-lhsFacebook .path2:before { content: "\e401d"; margin-left: -1em; color: rgb(31, 38, 52); opacity: 0.3; }
-
-.icon-lhsEvent .path1:before { content: "\e4015";  color: rgb(0, 0, 0); }
-.icon-lhsEvent .path2:before { content: "\e4016"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-lhsEvent .path3:before { content: "\e4017"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-lhsEvent .path4:before { content: "\e4018"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-lhsEvent .path5:before { content: "\e4019"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-lhsEvent .path6:before { content: "\e401a"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-lhsEvent .path7:before { content: "\e401b"; margin-left: -1em; color: rgb(31, 38, 52); opacity: 0.3; }
-
-.icon-lhsDashboard .path1:before { content: "\e4010";  color: rgb(0, 0, 0); }
-.icon-lhsDashboard .path2:before { content: "\e4011"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-lhsDashboard .path3:before { content: "\e4012"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-lhsDashboard .path4:before { content: "\e4013"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-lhsDashboard .path5:before { content: "\e4014"; margin-left: -1em; color: rgb(31, 38, 52); opacity: 0.3; }
-
-.icon-lhsContact .path1:before { content: "\e400e";  color: rgb(0, 0, 0); }
-.icon-lhsContact .path2:before { content: "\e400f"; margin-left: -1em; color: rgb(31, 38, 52); opacity: 0.3; }
-
-.icon-lhsCall .path1:before { content: "\e400a";  color: rgb(0, 0, 0); }
-.icon-lhsCall .path2:before { content: "\e400b"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-lhsCall .path3:before { content: "\e400c"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-lhsCall .path4:before { content: "\e400d"; margin-left: -1em; color: rgb(31, 38, 52); opacity: 0.3; }
-
-.icon-lhsArticle .path1:before { content: "\e4006";  color: rgb(0, 0, 0); }
-.icon-lhsArticle .path2:before { content: "\e4007"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-lhsArticle .path3:before { content: "\e4008"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-lhsArticle .path4:before { content: "\e4009"; margin-left: -1em; color: rgb(31, 38, 52); opacity: 0.3; }
-
-.icon-lhsAgentQueue .path1:before { content: "\e4004";  color: rgb(0, 0, 0); }
-.icon-lhsAgentQueue .path2:before { content: "\e4005"; margin-left: -1.109375em; color: rgb(31, 38, 52); opacity: 0.3; }
-
-.icon-lhsAccount .path1:before { content: "\e4002";  color: rgb(1, 1, 1); }
-.icon-lhsAccount .path2:before { content: "\e4003"; margin-left: -1.180664em; color: rgb(31, 38, 52); opacity: 0.3; }
-
-.icon-lhsActivity .path1:before { content: "\e4000";  color: rgb(1, 1, 1); }
-.icon-lhsActivity .path2:before { content: "\e4001"; margin-left: -1.022461em; color: rgb(31, 38, 52); opacity: 0.3; }
+.icon-lhsActivity .path1:before {
+  content: "\c3000";
+  color: rgb(1, 1, 1);
+}
+.icon-lhsActivity .path2:before {
+  content: "\c3001";
+  margin-left: -1.0224609375em;
+  color: rgb(31, 38, 52);
+  opacity: 0.3;
+}
+.icon-lhsAccount .path1:before {
+  content: "\c3002";
+  color: rgb(1, 1, 1);
+}
+.icon-lhsAccount .path2:before {
+  content: "\c3003";
+  margin-left: -1.1806640625em;
+  color: rgb(31, 38, 52);
+  opacity: 0.3;
+}
+.icon-lhsAgentQueue .path1:before {
+  content: "\c3004";
+  color: rgb(0, 0, 0);
+}
+.icon-lhsAgentQueue .path2:before {
+  content: "\c3005";
+  margin-left: -1.109375em;
+  color: rgb(31, 38, 52);
+  opacity: 0.3;
+}
+.icon-lhsArticle .path1:before {
+  content: "\c3006";
+  color: rgb(0, 0, 0);
+}
+.icon-lhsArticle .path2:before {
+  content: "\c3007";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsArticle .path3:before {
+  content: "\c3008";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsArticle .path4:before {
+  content: "\c3009";
+  margin-left: -1em;
+  color: rgb(31, 38, 52);
+  opacity: 0.3;
+}
+.icon-lhsCall .path1:before {
+  content: "\c300a";
+  color: rgb(0, 0, 0);
+}
+.icon-lhsCall .path2:before {
+  content: "\c300b";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsCall .path3:before {
+  content: "\c300c";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsCall .path4:before {
+  content: "\c300d";
+  margin-left: -1em;
+  color: rgb(31, 38, 52);
+  opacity: 0.3;
+}
+.icon-lhsContact .path1:before {
+  content: "\c300e";
+  color: rgb(0, 0, 0);
+}
+.icon-lhsContact .path2:before {
+  content: "\c300f";
+  margin-left: -1em;
+  color: rgb(31, 38, 52);
+  opacity: 0.3;
+}
+.icon-lhsDashboard .path1:before {
+  content: "\c3010";
+  color: rgb(0, 0, 0);
+}
+.icon-lhsDashboard .path2:before {
+  content: "\c3011";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsDashboard .path3:before {
+  content: "\c3012";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsDashboard .path4:before {
+  content: "\c3013";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsDashboard .path5:before {
+  content: "\c3014";
+  margin-left: -1em;
+  color: rgb(31, 38, 52);
+  opacity: 0.3;
+}
+.icon-lhsEvent .path1:before {
+  content: "\c3015";
+  color: rgb(0, 0, 0);
+}
+.icon-lhsEvent .path2:before {
+  content: "\c3016";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsEvent .path3:before {
+  content: "\c3017";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsEvent .path4:before {
+  content: "\c3018";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsEvent .path5:before {
+  content: "\c3019";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsEvent .path6:before {
+  content: "\c301a";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsEvent .path7:before {
+  content: "\c301b";
+  margin-left: -1em;
+  color: rgb(31, 38, 52);
+  opacity: 0.3;
+}
+.icon-lhsFacebook .path1:before {
+  content: "\c301c";
+  color: rgb(0, 0, 0);
+}
+.icon-lhsFacebook .path2:before {
+  content: "\c301d";
+  margin-left: -1em;
+  color: rgb(31, 38, 52);
+  opacity: 0.3;
+}
+.icon-lhsFeeds .path1:before {
+  content: "\c301e";
+  color: rgb(0, 0, 0);
+}
+.icon-lhsFeeds .path2:before {
+  content: "\c301f";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsFeeds .path3:before {
+  content: "\c3020";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsFeeds .path4:before {
+  content: "\c3021";
+  margin-left: -1em;
+  color: rgb(31, 38, 52);
+  opacity: 0.3;
+}
+.icon-lhsforum .path1:before {
+  content: "\c3022";
+  color: rgb(31, 38, 52);
+  opacity: 0.3;
+}
+.icon-lhsforum .path2:before {
+  content: "\c3023";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsforum .path3:before {
+  content: "\c3024";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsforum .path4:before {
+  content: "\c3025";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsGallery .path1:before {
+  content: "\c3026";
+  color: rgb(0, 0, 0);
+}
+.icon-lhsGallery .path2:before {
+  content: "\c3027";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsGallery .path3:before {
+  content: "\c3028";
+  margin-left: -1em;
+  color: rgb(31, 38, 52);
+  opacity: 0.3;
+}
+.icon-lhsOverview .path1:before {
+  content: "\c3029";
+  color: rgb(0, 0, 0);
+}
+.icon-lhsOverview .path2:before {
+  content: "\c302a";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsOverview .path3:before {
+  content: "\c302b";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsOverview .path4:before {
+  content: "\c302c";
+  margin-left: -1em;
+  color: rgb(31, 38, 52);
+  opacity: 0.3;
+}
+.icon-lhsReport .path1:before {
+  content: "\c302d";
+  color: rgb(0, 0, 0);
+}
+.icon-lhsReport .path2:before {
+  content: "\c302e";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsReport .path3:before {
+  content: "\c302f";
+  margin-left: -1em;
+  color: rgb(31, 38, 52);
+  opacity: 0.3;
+}
+.icon-lhsTag .path1:before {
+  content: "\c3030";
+  color: rgb(31, 38, 52);
+  opacity: 0.3;
+}
+.icon-lhsTag .path2:before {
+  content: "\c3031";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsTag .path3:before {
+  content: "\c3032";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsTask .path1:before {
+  content: "\c3033";
+  color: rgb(31, 38, 52);
+  opacity: 0.3;
+}
+.icon-lhsTask .path2:before {
+  content: "\c3034";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsTask .path3:before {
+  content: "\c3035";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsTask .path4:before {
+  content: "\c3036";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsTeamQueue .path1:before {
+  content: "\c3037";
+  color: rgb(1, 1, 1);
+}
+.icon-lhsTeamQueue .path2:before {
+  content: "\c3038";
+  margin-left: -1.173828125em;
+  color: rgb(31, 38, 52);
+  opacity: 0.3;
+}
+.icon-lhsTwitter .path1:before {
+  content: "\c3039";
+  color: rgb(31, 38, 52);
+  opacity: 0.3;
+}
+.icon-lhsTwitter .path2:before {
+  content: "\c303a";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsTwitter .path3:before {
+  content: "\c303b";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsViews .path1:before {
+  content: "\c303c";
+  color: rgb(0, 0, 0);
+}
+.icon-lhsViews .path2:before {
+  content: "\c303d";
+  margin-left: -1em;
+  color: rgb(31, 38, 52);
+  opacity: 0.3;
+}
+.icon-lhsProduct .path1:before {
+  content: "\c303e";
+  color: rgb(31, 38, 52);
+  opacity: 0.3;
+}
+.icon-lhsProduct .path2:before {
+  content: "\c303f";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-lhsAdvancedAnalytics .path1:before {
+  content: "\c3040";
+  color: rgb(31, 38, 52);
+  opacity: 0.3;
+}
+.icon-lhsAdvancedAnalytics .path2:before {
+  content: "\c3041";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-lhsKB .path1:before {
+  content: "\c3042";
+  color: rgb(31, 38, 52);
+  opacity: 0.3;
+}
+.icon-lhsKB .path2:before {
+  content: "\c3043";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-lhsManage .path1:before {
+  content: "\c3044";
+  color: rgb(1, 1, 1);
+}
+.icon-lhsManage .path2:before {
+  content: "\c3045";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-lhsManage .path3:before {
+  content: "\c3046";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-lhsManage .path4:before {
+  content: "\c3047";
+  margin-left: -1em;
+  color: rgb(31, 38, 52);
+  opacity: 0.3;
+}
+.icon-lhsTicket .path1:before {
+  content: "\c3048";
+  color: rgb(31, 38, 52);
+  opacity: 0.3;
+}
+.icon-lhsTicket .path2:before {
+  content: "\c3049";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
 }