@zohodesk/icons 1.3.15 → 1.4.0-exp-1

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

@@ -1,10 +1,7 @@
 @font-face {
   font-family:"zdfonts-rAnalyticsColor";
-  src:
-    url('../fonts/zd-rAnalyticsColor.woff2') format('woff2'),
-    
-    url('../fonts/zd-rAnalyticsColor.woff') format('woff'),
-    url('../fonts/zd-rAnalyticsColor.svg#zdfonts') format('svg');
+  src: url('../fonts/zd-rAnalyticsColor.woff2') format('woff2'),
+       url('../fonts/zd-rAnalyticsColor.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -13,198 +10,66 @@
 @layer dot-icons.core {
 /*$Id$*/
 
+.ff{font-family:"zdfonts-rAnalyticsColor" !important;}
+/* Define icon codes */
+.icon-growth:before { content: "\d4028"; }
 
-.icon-bar,.icon-donut,.icon-happinessRating,.icon-line,.icon-liveTraffic,.icon-mostThread,.icon-multiLine,.icon-negativeRating,.icon-offlineAgent,.icon-onlineAgent,.icon-openTicket,.icon-overdueTicket,.icon-percentage,.icon-pie,.icon-responseTrend,.icon-stackedBar,.icon-unassignedTicket,.icon-growth,.icon-askZia{
-	font-family:"zdfonts-rAnalyticsColor" !important;
-}
+.icon-unassignedTicket .path1:before { content: "\d4025";  color: rgb(227, 40, 40); }
+.icon-unassignedTicket .path2:before { content: "\d4026"; margin-left: -1em; color: rgb(38, 111, 181); }
+.icon-unassignedTicket .path3:before { content: "\d4027"; margin-left: -1em; color: rgb(40, 164, 73); }
 
-.icon-bar .path1:before {
-  content: "\c9500";
-  color: rgb(227, 40, 40);
-}
-.icon-bar .path2:before {
-  content: "\c9501";
-  margin-left: -1em;
-  color: rgb(38, 111, 181);
-}
-.icon-bar .path3:before {
-  content: "\c9502";
-  margin-left: -1em;
-  color: rgb(40, 164, 73);
-}
-.icon-bar .path4:before {
-  content: "\c9503";
-  margin-left: -1em;
-  color: rgb(248, 186, 52);
-}
-.icon-donut .path1:before {
-  content: "\c9504";
-  color: rgb(40, 164, 73);
-}
-.icon-donut .path2:before {
-  content: "\c9505";
-  margin-left: -1em;
-  color: rgb(227, 40, 40);
-}
-.icon-happinessRating .path1:before {
-  content: "\c9506";
-  color: rgb(227, 38, 40);
-}
-.icon-happinessRating .path2:before {
-  content: "\c9507";
-  margin-left: -1em;
-  color: rgb(40, 164, 73);
-}
-.icon-happinessRating .path3:before {
-  content: "\c9508";
-  margin-left: -1em;
-  color: rgb(248, 186, 52);
-}
-.icon-line:before {
-  content: "\c9509";
-  color: #266fb5;
-}
-.icon-liveTraffic .path1:before {
-  content: "\c950a";
-  color: rgb(40, 164, 73);
-}
-.icon-liveTraffic .path2:before {
-  content: "\c950b";
-  margin-left: -1em;
-  color: rgb(227, 40, 40);
-}
-.icon-liveTraffic .path3:before {
-  content: "\c950c";
-  margin-left: -1em;
-  color: rgb(248, 186, 52);
-}
-.icon-mostThread .path1:before {
-  content: "\c950d";
-  color: rgb(40, 164, 73);
-}
-.icon-mostThread .path2:before {
-  content: "\c950e";
-  margin-left: -1em;
-  color: rgb(38, 111, 181);
-}
-.icon-multiLine .path1:before {
-  content: "\c950f";
-  color: rgb(40, 164, 73);
-}
-.icon-multiLine .path2:before {
-  content: "\c9510";
-  margin-left: -1em;
-  color: rgb(227, 40, 40);
-}
-.icon-negativeRating .path1:before {
-  content: "\c9511";
-  color: rgb(226, 42, 40);
-}
-.icon-negativeRating .path2:before {
-  content: "\c9512";
-  margin-left: -1em;
-  color: rgb(38, 111, 181);
-}
-.icon-offlineAgent .path1:before {
-  content: "\c9513";
-  color: rgb(38, 111, 181);
-}
-.icon-offlineAgent .path2:before {
-  content: "\c9514";
-  margin-left: -1em;
-  color: rgb(227, 38, 40);
-}
-.icon-onlineAgent .path1:before {
-  content: "\c9515";
-  color: rgb(38, 111, 181);
-}
-.icon-onlineAgent .path2:before {
-  content: "\c9516";
-  margin-left: -1em;
-  color: rgb(40, 164, 73);
-}
-.icon-openTicket .path1:before {
-  content: "\c9517";
-  color: rgb(38, 111, 181);
-}
-.icon-openTicket .path2:before {
-  content: "\c9518";
-  margin-left: -1em;
-  color: rgb(40, 164, 73);
-}
-.icon-overdueTicket .path1:before {
-  content: "\c9519";
-  color: rgb(38, 111, 181);
-}
-.icon-overdueTicket .path2:before {
-  content: "\c951a";
-  margin-left: -1em;
-  color: rgb(227, 40, 40);
-}
-.icon-overdueTicket .path3:before {
-  content: "\c951b";
-  margin-left: -1em;
-  color: rgb(40, 164, 73);
-}
-.icon-percentage .path1:before {
-  content: "\c951c";
-  color: rgb(38, 111, 181);
-}
-.icon-percentage .path2:before {
-  content: "\c951d";
-  margin-left: -1em;
-  color: rgb(40, 164, 73);
-}
-.icon-pie .path1:before {
-  content: "\c951e";
-  color: rgb(40, 164, 73);
-}
-.icon-pie .path2:before {
-  content: "\c951f";
-  margin-left: -1em;
-  color: rgb(248, 186, 52);
-}
-.icon-responseTrend .path1:before {
-  content: "\c9520";
-  color: rgb(248, 186, 52);
-}
-.icon-responseTrend .path2:before {
-  content: "\c9521";
-  margin-left: -1em;
-  color: rgb(40, 164, 73);
-}
-.icon-responseTrend .path3:before {
-  content: "\c9522";
-  margin-left: -1em;
-  color: rgb(38, 111, 181);
-}
-.icon-stackedBar .path1:before {
-  content: "\c9523";
-  color: rgb(38, 111, 181);
-}
-.icon-stackedBar .path2:before {
-  content: "\c9524";
-  margin-left: -1em;
-  color: rgb(40, 164, 73);
-}
-.icon-unassignedTicket .path1:before {
-  content: "\c9525";
-  color: rgb(227, 40, 40);
-}
-.icon-unassignedTicket .path2:before {
-  content: "\c9526";
-  margin-left: -1em;
-  color: rgb(38, 111, 181);
-}
-.icon-unassignedTicket .path3:before {
-  content: "\c9527";
-  margin-left: -1em;
-  color: rgb(40, 164, 73);
-}
-.icon-growth:before {
-  content: "\c9528";
-}
-.icon-askZia:before {
-  content: "\c9529";
-}
+.icon-stackedBar .path1:before { content: "\d4023";  color: rgb(38, 111, 181); }
+.icon-stackedBar .path2:before { content: "\d4024"; margin-left: -1em; color: rgb(40, 164, 73); }
+
+.icon-responseTrend .path1:before { content: "\d4020";  color: rgb(248, 186, 52); }
+.icon-responseTrend .path2:before { content: "\d4021"; margin-left: -1em; color: rgb(40, 164, 73); }
+.icon-responseTrend .path3:before { content: "\d4022"; margin-left: -1em; color: rgb(38, 111, 181); }
+
+.icon-pie .path1:before { content: "\d401e";  color: rgb(40, 164, 73); }
+.icon-pie .path2:before { content: "\d401f"; margin-left: -1em; color: rgb(248, 186, 52); }
+
+.icon-percentage .path1:before { content: "\d401c";  color: rgb(38, 111, 181); }
+.icon-percentage .path2:before { content: "\d401d"; margin-left: -1em; color: rgb(40, 164, 73); }
+
+.icon-overdueTicket .path1:before { content: "\d4019";  color: rgb(38, 111, 181); }
+.icon-overdueTicket .path2:before { content: "\d401a"; margin-left: -1em; color: rgb(227, 40, 40); }
+.icon-overdueTicket .path3:before { content: "\d401b"; margin-left: -1em; color: rgb(40, 164, 73); }
+
+.icon-openTicket .path1:before { content: "\d4017";  color: rgb(38, 111, 181); }
+.icon-openTicket .path2:before { content: "\d4018"; margin-left: -1em; color: rgb(40, 164, 73); }
+
+.icon-onlineAgent .path1:before { content: "\d4015";  color: rgb(38, 111, 181); }
+.icon-onlineAgent .path2:before { content: "\d4016"; margin-left: -1em; color: rgb(40, 164, 73); }
+
+.icon-offlineAgent .path1:before { content: "\d4013";  color: rgb(38, 111, 181); }
+.icon-offlineAgent .path2:before { content: "\d4014"; margin-left: -1em; color: rgb(227, 38, 40); }
+
+.icon-negativeRating .path1:before { content: "\d4011";  color: rgb(226, 42, 40); }
+.icon-negativeRating .path2:before { content: "\d4012"; margin-left: -1em; color: rgb(38, 111, 181); }
+
+.icon-multiLine .path1:before { content: "\d400f";  color: rgb(40, 164, 73); }
+.icon-multiLine .path2:before { content: "\d4010"; margin-left: -1em; color: rgb(227, 40, 40); }
+
+.icon-mostThread .path1:before { content: "\d400d";  color: rgb(40, 164, 73); }
+.icon-mostThread .path2:before { content: "\d400e"; margin-left: -1em; color: rgb(38, 111, 181); }
+
+.icon-liveTraffic .path1:before { content: "\d400a";  color: rgb(40, 164, 73); }
+.icon-liveTraffic .path2:before { content: "\d400b"; margin-left: -1em; color: rgb(227, 40, 40); }
+.icon-liveTraffic .path3:before { content: "\d400c"; margin-left: -1em; color: rgb(248, 186, 52); }
+
+.icon-line:before { content: "\d4009"; color: rgb(38, 111, 181); }
+
+.icon-happinessRating .path1:before { content: "\d4006";  color: rgb(227, 38, 40); }
+.icon-happinessRating .path2:before { content: "\d4007"; margin-left: -1em; color: rgb(40, 164, 73); }
+.icon-happinessRating .path3:before { content: "\d4008"; margin-left: -1em; color: rgb(248, 186, 52); }
+
+.icon-donut .path1:before { content: "\d4004";  color: rgb(40, 164, 73); }
+.icon-donut .path2:before { content: "\d4005"; margin-left: -1em; color: rgb(227, 40, 40); }
+
+.icon-bar .path1:before { content: "\d4000";  color: rgb(227, 40, 40); }
+.icon-bar .path2:before { content: "\d4001"; margin-left: -1em; color: rgb(38, 111, 181); }
+.icon-bar .path3:before { content: "\d4002"; margin-left: -1em; color: rgb(40, 164, 73); }
+.icon-bar .path4:before { content: "\d4003"; margin-left: -1em; color: rgb(248, 186, 52); }
+
+.icon-askZia:before { content: "\d4029"; color: #010101; }
 }