@zohodesk/icons 1.3.14 → 1.4.0-exp-1

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

@@ -1,10 +1,7 @@
 @font-face {
   font-family:"zdfonts-rLhs";
-  src:
-    url('../fonts/zd-rLhs.woff2') format('woff2'),
-    
-    url('../fonts/zd-rLhs.woff') format('woff'),
-    url('../fonts/zd-rLhs.svg#zdfonts') format('svg');
+  src: url('../fonts/zd-rLhs.woff2') format('woff2'),
+       url('../fonts/zd-rLhs.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -13,379 +10,103 @@
 @layer dot-icons.core {
 /*$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-lhsActivity,.icon-lhsAccount,.icon-lhsAgentQueue,.icon-lhsArticle,.icon-lhsCall,.icon-lhsContact,.icon-lhsDashboard,.icon-lhsEvent,.icon-lhsFacebook,.icon-lhsFeeds,.icon-lhsforum,.icon-lhsGallery,.icon-lhsOverview,.icon-lhsReport,.icon-lhsTag,.icon-lhsTask,.icon-lhsTeamQueue,.icon-lhsTwitter,.icon-lhsViews,.icon-lhsProduct,.icon-lhsAdvancedAnalytics,.icon-lhsKB,.icon-lhsManage,.icon-lhsTicket{
-	font-family:"zdfonts-rLhs" !important;
-}
+.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-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);
-}
+.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; }
 }