@zohodesk/icons 1.4.0-exp-1 → 1.4.1

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

@@ -1,7 +1,10 @@
 @font-face {
   font-family:"zdfonts-rMarketplace";
-  src: url('../fonts/zd-rMarketplace.woff2') format('woff2'),
-       url('../fonts/zd-rMarketplace.woff') format('woff');
+  src:
+    url('../fonts/zd-rMarketplace.woff2') format('woff2'),
+    
+    url('../fonts/zd-rMarketplace.woff') format('woff'),
+    url('../fonts/zd-rMarketplace.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -11,51 +14,147 @@
 /*$Id$*/
 
 .ff{font-family:"zdfonts-rMarketplace" !important;}
-/* Define icon codes */
-.icon-allApps:before { content: "\e501f"; }
-
-.icon-bolt:before { content: "\e501e"; }
-
-.icon-placeholder13 .path1:before { content: "\e501c";  color: rgb(51, 51, 51); }
-.icon-placeholder13 .path2:before { content: "\e501d"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-placeholder12 .path1:before { content: "\e501a";  color: rgb(51, 51, 51); }
-.icon-placeholder12 .path2:before { content: "\e501b"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-placeholder11 .path1:before { content: "\e5018";  color: rgb(51, 51, 51); }
-.icon-placeholder11 .path2:before { content: "\e5019"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-placeholder10 .path1:before { content: "\e5016";  color: rgb(51, 51, 51); }
-.icon-placeholder10 .path2:before { content: "\e5017"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-placeholder9 .path1:before { content: "\e5014";  color: rgb(51, 51, 51); }
-.icon-placeholder9 .path2:before { content: "\e5015"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-placeholder8 .path1:before { content: "\e5012";  color: rgb(51, 51, 51); }
-.icon-placeholder8 .path2:before { content: "\e5013"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-placeholder7 .path1:before { content: "\e5010";  color: rgb(51, 51, 51); }
-.icon-placeholder7 .path2:before { content: "\e5011"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-placeholder6 .path1:before { content: "\e500e";  color: rgb(51, 51, 51); }
-.icon-placeholder6 .path2:before { content: "\e500f"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-placeholder5 .path1:before { content: "\e500c";  color: rgb(51, 51, 51); }
-.icon-placeholder5 .path2:before { content: "\e500d"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-placeholder4 .path1:before { content: "\e500a";  color: rgb(51, 51, 51); }
-.icon-placeholder4 .path2:before { content: "\e500b"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-placeholder3 .path1:before { content: "\e5008";  color: rgb(51, 51, 51); }
-.icon-placeholder3 .path2:before { content: "\e5009"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-placeholder2 .path1:before { content: "\e5002";  color: rgb(51, 51, 51); }
-.icon-placeholder2 .path2:before { content: "\e5003"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-placeholder2 .path3:before { content: "\e5004"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-placeholder2 .path4:before { content: "\e5005"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-placeholder2 .path5:before { content: "\e5006"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-placeholder2 .path6:before { content: "\e5007"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-placeholder1 .path1:before { content: "\e5000";  color: rgb(51, 51, 51); }
-.icon-placeholder1 .path2:before { content: "\e5001"; margin-left: -1em; color: rgb(0, 0, 0); }
+.icon-placeholder1 .path1:before {
+  content: "\b4000";
+  color: rgb(51, 51, 51);
+}
+.icon-placeholder1 .path2:before {
+  content: "\b4001";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-placeholder2 .path1:before {
+  content: "\b4002";
+  color: rgb(51, 51, 51);
+}
+.icon-placeholder2 .path2:before {
+  content: "\b4003";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-placeholder2 .path3:before {
+  content: "\b4004";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-placeholder2 .path4:before {
+  content: "\b4005";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-placeholder2 .path5:before {
+  content: "\b4006";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-placeholder2 .path6:before {
+  content: "\b4007";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-placeholder3 .path1:before {
+  content: "\b4008";
+  color: rgb(51, 51, 51);
+}
+.icon-placeholder3 .path2:before {
+  content: "\b4009";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-placeholder4 .path1:before {
+  content: "\b400a";
+  color: rgb(51, 51, 51);
+}
+.icon-placeholder4 .path2:before {
+  content: "\b400b";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-placeholder5 .path1:before {
+  content: "\b400c";
+  color: rgb(51, 51, 51);
+}
+.icon-placeholder5 .path2:before {
+  content: "\b400d";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-placeholder6 .path1:before {
+  content: "\b400e";
+  color: rgb(51, 51, 51);
+}
+.icon-placeholder6 .path2:before {
+  content: "\b400f";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-placeholder7 .path1:before {
+  content: "\b4010";
+  color: rgb(51, 51, 51);
+}
+.icon-placeholder7 .path2:before {
+  content: "\b4011";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-placeholder8 .path1:before {
+  content: "\b4012";
+  color: rgb(51, 51, 51);
+}
+.icon-placeholder8 .path2:before {
+  content: "\b4013";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-placeholder9 .path1:before {
+  content: "\b4014";
+  color: rgb(51, 51, 51);
+}
+.icon-placeholder9 .path2:before {
+  content: "\b4015";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-placeholder10 .path1:before {
+  content: "\b4016";
+  color: rgb(51, 51, 51);
+}
+.icon-placeholder10 .path2:before {
+  content: "\b4017";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-placeholder11 .path1:before {
+  content: "\b4018";
+  color: rgb(51, 51, 51);
+}
+.icon-placeholder11 .path2:before {
+  content: "\b4019";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-placeholder12 .path1:before {
+  content: "\b401a";
+  color: rgb(51, 51, 51);
+}
+.icon-placeholder12 .path2:before {
+  content: "\b401b";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-placeholder13 .path1:before {
+  content: "\b401c";
+  color: rgb(51, 51, 51);
+}
+.icon-placeholder13 .path2:before {
+  content: "\b401d";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-bolt:before {
+  content: "\b401e";
+}
+.icon-allApps:before {
+  content: "\b401f";
+}
 }

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

@@ -1,7 +1,10 @@
 @font-face {
   font-family:"zdfonts-rReports";
-  src: url('../fonts/zd-rReports.woff2') format('woff2'),
-       url('../fonts/zd-rReports.woff') format('woff');
+  src:
+    url('../fonts/zd-rReports.woff2') format('woff2'),
+    
+    url('../fonts/zd-rReports.woff') format('woff'),
+    url('../fonts/zd-rReports.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -11,96 +14,237 @@
 /*$Id$*/
 
 .ff{font-family:"zdfonts-rReports" !important;}
-/* Define icon codes */
-.icon-KPICards:before { content: "\e6038"; }
-
-.icon-clrMetricCards .path1:before { content: "\e6036";  color: rgb(63, 112, 183); }
-.icon-clrMetricCards .path2:before { content: "\e6037"; margin-left: -1em; color: rgb(243, 112, 33); }
-
-.icon-clrDialchart .path1:before { content: "\e6033";  color: rgb(38, 169, 74); }
-.icon-clrDialchart .path2:before { content: "\e6034"; margin-left: -1em; color: rgb(63, 112, 183); }
-.icon-clrDialchart .path3:before { content: "\e6035"; margin-left: -1em; color: rgb(243, 113, 35); }
-
-.icon-clrCompare .path1:before { content: "\e6030";  color: rgb(38, 169, 74); }
-.icon-clrCompare .path2:before { content: "\e6031"; margin-left: -1em; color: rgb(63, 112, 183); }
-.icon-clrCompare .path3:before { content: "\e6032"; margin-left: -1em; color: rgb(243, 112, 33); }
-
-.icon-clrBulletChart .path1:before { content: "\e602d";  color: rgb(63, 112, 183); }
-.icon-clrBulletChart .path2:before { content: "\e602e"; margin-left: -1em; color: rgb(38, 169, 74); }
-.icon-clrBulletChart .path3:before { content: "\e602f"; margin-left: -1em; color: rgb(243, 113, 35); }
-
-.icon-reportRedirection:before { content: "\e602c"; }
-
-.icon-wordCloud:before { content: "\e602b"; }
-
-.icon-tabularReport:before { content: "\e602a"; }
-
-.icon-summaryReport .path1:before { content: "\e6028";  color: rgb(196, 196, 196); }
-.icon-summaryReport .path2:before { content: "\e6029"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-report:before { content: "\e6027"; }
-
-.icon-pieChart:before { content: "\e6026"; }
-
-.icon-overviewMultiline:before { content: "\e6025"; }
-
-.icon-overviewLine:before { content: "\e6024"; }
-
-.icon-overviewFill:before { content: "\e6023"; }
-
-.icon-multilineGraph:before { content: "\e6022"; }
-
-.icon-matrixReport .path1:before { content: "\e6020";  color: rgb(196, 196, 196); }
-.icon-matrixReport .path2:before { content: "\e6021"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-lineGraph:before { content: "\e601f"; }
-
-.icon-dialMeter:before { content: "\e601e"; }
-
-.icon-clrTableticket .path1:before { content: "\e601c";  color: rgb(10, 115, 235); }
-.icon-clrTableticket .path2:before { content: "\e601d"; margin-left: -1em; color: rgb(38, 169, 66); }
-
-.icon-clrTableTask .path1:before { content: "\e601a";  color: rgb(10, 115, 235); }
-.icon-clrTableTask .path2:before { content: "\e601b"; margin-left: -1em; color: rgb(38, 169, 66); }
-
-.icon-clrTableReport:before { content: "\e6019"; color: rgb(10, 115, 235); }
-
-.icon-clrTableContact .path1:before { content: "\e6017";  color: rgb(10, 115, 235); }
-.icon-clrTableContact .path2:before { content: "\e6018"; margin-left: -1em; color: rgb(38, 169, 66); }
-
-.icon-clrTableAccount .path1:before { content: "\e6015";  color: rgb(10, 115, 235); }
-.icon-clrTableAccount .path2:before { content: "\e6016"; margin-left: -1em; color: rgb(38, 169, 66); }
-
-.icon-clrStackedBar .path1:before { content: "\e6013";  color: rgb(10, 115, 235); }
-.icon-clrStackedBar .path2:before { content: "\e6014"; margin-left: -1em; color: rgb(255, 111, 0); }
-
-.icon-clrPie .path1:before { content: "\e6010";  color: rgb(255, 111, 0); }
-.icon-clrPie .path2:before { content: "\e6011"; margin-left: -1em; color: rgb(38, 169, 66); }
-.icon-clrPie .path3:before { content: "\e6012"; margin-left: -1em; color: rgb(10, 115, 235); }
-
-.icon-clrPercentageBar .path1:before { content: "\e600e";  color: rgb(10, 115, 235); }
-.icon-clrPercentageBar .path2:before { content: "\e600f"; margin-left: -1em; color: rgb(255, 111, 0); }
-
-.icon-clrMultiline .path1:before { content: "\e600c";  color: rgb(10, 115, 235); }
-.icon-clrMultiline .path2:before { content: "\e600d"; margin-left: -1em; color: rgb(255, 111, 0); }
-
-.icon-clrLine:before { content: "\e600b"; color: rgb(10, 115, 235); }
-
-.icon-clrFunnel .path1:before { content: "\e6008";  color: rgb(255, 111, 0); }
-.icon-clrFunnel .path2:before { content: "\e6009"; margin-left: -1em; color: rgb(38, 169, 66); }
-.icon-clrFunnel .path3:before { content: "\e600a"; margin-left: -1em; color: rgb(10, 115, 235); }
-
-.icon-clrBar .path1:before { content: "\e6005";  color: rgb(10, 115, 235); }
-.icon-clrBar .path2:before { content: "\e6006"; margin-left: -1em; color: rgb(38, 169, 66); }
-.icon-clrBar .path3:before { content: "\e6007"; margin-left: -1em; color: rgb(255, 111, 0); }
-
-.icon-barVertical:before { content: "\e6004"; }
-
-.icon-barLine:before { content: "\e6003"; }
-
-.icon-barHorizantal:before { content: "\e6002"; }
-
-.icon-area:before { content: "\e6001"; }
-
-.icon-addDashboard:before { content: "\e6000"; }
+.icon-addDashboard:before {
+  content: "\b8000";
+}
+.icon-area:before {
+  content: "\b8001";
+}
+.icon-barHorizantal:before {
+  content: "\b8002";
+}
+.icon-barLine:before {
+  content: "\b8003";
+}
+.icon-barVertical:before {
+  content: "\b8004";
+}
+.icon-clrBar .path1:before {
+  content: "\b8005";
+  color: rgb(10, 115, 235);
+}
+.icon-clrBar .path2:before {
+  content: "\b8006";
+  margin-left: -1em;
+  color: rgb(38, 169, 66);
+}
+.icon-clrBar .path3:before {
+  content: "\b8007";
+  margin-left: -1em;
+  color: rgb(255, 111, 0);
+}
+.icon-clrFunnel .path1:before {
+  content: "\b8008";
+  color: rgb(255, 111, 0);
+}
+.icon-clrFunnel .path2:before {
+  content: "\b8009";
+  margin-left: -1em;
+  color: rgb(38, 169, 66);
+}
+.icon-clrFunnel .path3:before {
+  content: "\b800a";
+  margin-left: -1em;
+  color: rgb(10, 115, 235);
+}
+.icon-clrLine:before {
+  content: "\b800b";
+  color: #0a73eb;
+}
+.icon-clrMultiline .path1:before {
+  content: "\b800c";
+  color: rgb(10, 115, 235);
+}
+.icon-clrMultiline .path2:before {
+  content: "\b800d";
+  margin-left: -1em;
+  color: rgb(255, 111, 0);
+}
+.icon-clrPercentageBar .path1:before {
+  content: "\b800e";
+  color: rgb(10, 115, 235);
+}
+.icon-clrPercentageBar .path2:before {
+  content: "\b800f";
+  margin-left: -1em;
+  color: rgb(255, 111, 0);
+}
+.icon-clrPie .path1:before {
+  content: "\b8010";
+  color: rgb(255, 111, 0);
+}
+.icon-clrPie .path2:before {
+  content: "\b8011";
+  margin-left: -1em;
+  color: rgb(38, 169, 66);
+}
+.icon-clrPie .path3:before {
+  content: "\b8012";
+  margin-left: -1em;
+  color: rgb(10, 115, 235);
+}
+.icon-clrStackedBar .path1:before {
+  content: "\b8013";
+  color: rgb(10, 115, 235);
+}
+.icon-clrStackedBar .path2:before {
+  content: "\b8014";
+  margin-left: -1em;
+  color: rgb(255, 111, 0);
+}
+.icon-clrTableAccount .path1:before {
+  content: "\b8015";
+  color: rgb(10, 115, 235);
+}
+.icon-clrTableAccount .path2:before {
+  content: "\b8016";
+  margin-left: -1em;
+  color: rgb(38, 169, 66);
+}
+.icon-clrTableContact .path1:before {
+  content: "\b8017";
+  color: rgb(10, 115, 235);
+}
+.icon-clrTableContact .path2:before {
+  content: "\b8018";
+  margin-left: -1em;
+  color: rgb(38, 169, 66);
+}
+.icon-clrTableReport:before {
+  content: "\b8019";
+  color: #0a73eb;
+}
+.icon-clrTableTask .path1:before {
+  content: "\b801a";
+  color: rgb(10, 115, 235);
+}
+.icon-clrTableTask .path2:before {
+  content: "\b801b";
+  margin-left: -1em;
+  color: rgb(38, 169, 66);
+}
+.icon-clrTableticket .path1:before {
+  content: "\b801c";
+  color: rgb(10, 115, 235);
+}
+.icon-clrTableticket .path2:before {
+  content: "\b801d";
+  margin-left: -1em;
+  color: rgb(38, 169, 66);
+}
+.icon-dialMeter:before {
+  content: "\b801e";
+}
+.icon-lineGraph:before {
+  content: "\b801f";
+}
+.icon-matrixReport .path1:before {
+  content: "\b8020";
+  color: rgb(196, 196, 196);
+}
+.icon-matrixReport .path2:before {
+  content: "\b8021";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-multilineGraph:before {
+  content: "\b8022";
+}
+.icon-overviewFill:before {
+  content: "\b8023";
+}
+.icon-overviewLine:before {
+  content: "\b8024";
+}
+.icon-overviewMultiline:before {
+  content: "\b8025";
+}
+.icon-pieChart:before {
+  content: "\b8026";
+}
+.icon-report:before {
+  content: "\b8027";
+}
+.icon-summaryReport .path1:before {
+  content: "\b8028";
+  color: rgb(196, 196, 196);
+}
+.icon-summaryReport .path2:before {
+  content: "\b8029";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-tabularReport:before {
+  content: "\b802a";
+}
+.icon-wordCloud:before {
+  content: "\b802b";
+}
+.icon-reportRedirection:before {
+  content: "\b802c";
+}
+.icon-clrBulletChart .path1:before {
+  content: "\b802d";
+  color: rgb(63, 112, 183);
+}
+.icon-clrBulletChart .path2:before {
+  content: "\b802e";
+  margin-left: -1em;
+  color: rgb(38, 169, 74);
+}
+.icon-clrBulletChart .path3:before {
+  content: "\b802f";
+  margin-left: -1em;
+  color: rgb(243, 113, 35);
+}
+.icon-clrCompare .path1:before {
+  content: "\b8030";
+  color: rgb(38, 169, 74);
+}
+.icon-clrCompare .path2:before {
+  content: "\b8031";
+  margin-left: -1em;
+  color: rgb(63, 112, 183);
+}
+.icon-clrCompare .path3:before {
+  content: "\b8032";
+  margin-left: -1em;
+  color: rgb(243, 112, 33);
+}
+.icon-clrDialchart .path1:before {
+  content: "\b8033";
+  color: rgb(38, 169, 74);
+}
+.icon-clrDialchart .path2:before {
+  content: "\b8034";
+  margin-left: -1em;
+  color: rgb(63, 112, 183);
+}
+.icon-clrDialchart .path3:before {
+  content: "\b8035";
+  margin-left: -1em;
+  color: rgb(243, 113, 35);
+}
+.icon-clrMetricCards .path1:before {
+  content: "\b8036";
+  color: rgb(63, 112, 183);
+}
+.icon-clrMetricCards .path2:before {
+  content: "\b8037";
+  margin-left: -1em;
+  color: rgb(243, 112, 33);
+}
+.icon-KPICards:before {
+  content: "\b8038";
+}
 }