@zohodesk/icons 1.4.0-exp-1 → 1.4.1

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

@@ -1,7 +1,10 @@
 @font-face {
   font-family:"zdfonts-rChannels";
-  src: url('../fonts/zd-rChannels.woff2') format('woff2'),
-       url('../fonts/zd-rChannels.woff') format('woff');
+  src:
+    url('../fonts/zd-rChannels.woff2') format('woff2'),
+    
+    url('../fonts/zd-rChannels.woff') format('woff'),
+    url('../fonts/zd-rChannels.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -11,82 +14,202 @@
 /*$Id$*/
 
 .ff{font-family:"zdfonts-rChannels" !important;}
-/* Define icon codes */
-.icon-telegram:before { content: "\d702f"; }
-
-.icon-fbMessenger:before { content: "\d702e"; }
-
-.icon-chCallIn .path1:before { content: "\d702c";  color: rgb(1, 1, 1); }
-.icon-chCallIn .path2:before { content: "\d702d"; margin-left: -1em; color: rgb(51, 51, 51); }
-
-.icon-chCallOut .path1:before { content: "\d702a";  color: rgb(1, 1, 1); }
-.icon-chCallOut .path2:before { content: "\d702b"; margin-left: -1em; color: rgb(51, 51, 51); }
-
-.icon-chEmailForward .path1:before { content: "\d7028";  color: rgb(0, 0, 0); }
-.icon-chEmailForward .path2:before { content: "\d7029"; margin-left: -1em; color: rgb(51, 51, 51); }
-
-.icon-chHappinessIn .path1:before { content: "\d7026";  color: rgb(1, 1, 1); }
-.icon-chHappinessIn .path2:before { content: "\d7027"; margin-left: -1em; color: rgb(51, 51, 51); }
-
-.icon-chHappiness:before { content: "\d7025"; }
-
-.icon-chForwardDraft .path1:before { content: "\d7023";  color: rgb(1, 1, 1); }
-.icon-chForwardDraft .path2:before { content: "\d7024"; margin-left: -1em; color: rgb(51, 51, 51); }
-
-.icon-chDraft:before { content: "\d7022"; }
-
-.icon-directFacebook .path1:before { content: "\d7020";  color: rgb(0, 0, 0); }
-.icon-directFacebook .path2:before { content: "\d7021"; margin-left: -1em; color: rgb(103, 103, 103); }
-
-.icon-chWebOut .path1:before { content: "\d701e";  color: rgb(0, 0, 0); }
-.icon-chWebOut .path2:before { content: "\d701f"; margin-left: -1em; color: rgb(51, 51, 51); }
-
-.icon-chWebIn .path1:before { content: "\d701c";  color: rgb(0, 0, 0); }
-.icon-chWebIn .path2:before { content: "\d701d"; margin-left: -1em; color: rgb(51, 51, 51); }
-
-.icon-chWeb:before { content: "\d701b"; }
-
-.icon-chTwitterOut .path1:before { content: "\d7019";  color: rgb(0, 0, 0); }
-.icon-chTwitterOut .path2:before { content: "\d701a"; margin-left: -1em; color: rgb(51, 51, 51); }
-
-.icon-chTwitterIn .path1:before { content: "\d7017";  color: rgb(0, 0, 0); }
-.icon-chTwitterIn .path2:before { content: "\d7018"; margin-left: -1em; color: rgb(51, 51, 51); }
-
-.icon-chTwitter:before { content: "\d7016"; }
-
-.icon-chMailOut .path1:before { content: "\d7014";  color: rgb(0, 0, 0); }
-.icon-chMailOut .path2:before { content: "\d7015"; margin-left: -1em; color: rgb(51, 51, 51); }
-
-.icon-chMailIn .path1:before { content: "\d7012";  color: rgb(0, 0, 0); }
-.icon-chMailIn .path2:before { content: "\d7013"; margin-left: -1em; color: rgb(51, 51, 51); }
-
-.icon-chMail:before { content: "\d7011"; }
-
-.icon-chForumOut .path1:before { content: "\d700f";  color: rgb(0, 0, 0); }
-.icon-chForumOut .path2:before { content: "\d7010"; margin-left: -1em; color: rgb(51, 51, 51); }
-
-.icon-chForumIn .path1:before { content: "\d700d";  color: rgb(0, 0, 0); }
-.icon-chForumIn .path2:before { content: "\d700e"; margin-left: -1em; color: rgb(51, 51, 51); }
-
-.icon-chForum:before { content: "\d700c"; }
-
-.icon-chFeedbackWidget:before { content: "\d700b"; }
-
-.icon-chFacebookOut .path1:before { content: "\d7009";  color: rgb(0, 0, 0); }
-.icon-chFacebookOut .path2:before { content: "\d700a"; margin-left: -1em; color: rgb(51, 51, 51); }
-
-.icon-chFacebookIn .path1:before { content: "\d7007";  color: rgb(0, 0, 0); }
-.icon-chFacebookIn .path2:before { content: "\d7008"; margin-left: -1em; color: rgb(51, 51, 51); }
-
-.icon-chFacebook:before { content: "\d7006"; }
-
-.icon-chChatOut .path1:before { content: "\d7004";  color: rgb(0, 0, 0); }
-.icon-chChatOut .path2:before { content: "\d7005"; margin-left: -1em; color: rgb(51, 51, 51); }
-
-.icon-chChatIn .path1:before { content: "\d7002";  color: rgb(0, 0, 0); }
-.icon-chChatIn .path2:before { content: "\d7003"; margin-left: -1em; color: rgb(51, 51, 51); }
-
-.icon-chChat:before { content: "\d7001"; }
-
-.icon-chCall:before { content: "\d7000"; }
+.icon-chCall:before {
+  content: "\b9000";
+}
+.icon-chChat:before {
+  content: "\b9001";
+}
+.icon-chChatIn .path1:before {
+  content: "\b9002";
+  color: rgb(0, 0, 0);
+}
+.icon-chChatIn .path2:before {
+  content: "\b9003";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-chChatOut .path1:before {
+  content: "\b9004";
+  color: rgb(0, 0, 0);
+}
+.icon-chChatOut .path2:before {
+  content: "\b9005";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-chFacebook:before {
+  content: "\b9006";
+}
+.icon-chFacebookIn .path1:before {
+  content: "\b9007";
+  color: rgb(0, 0, 0);
+}
+.icon-chFacebookIn .path2:before {
+  content: "\b9008";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-chFacebookOut .path1:before {
+  content: "\b9009";
+  color: rgb(0, 0, 0);
+}
+.icon-chFacebookOut .path2:before {
+  content: "\b900a";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-chFeedbackWidget:before {
+  content: "\b900b";
+}
+.icon-chForum:before {
+  content: "\b900c";
+}
+.icon-chForumIn .path1:before {
+  content: "\b900d";
+  color: rgb(0, 0, 0);
+}
+.icon-chForumIn .path2:before {
+  content: "\b900e";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-chForumOut .path1:before {
+  content: "\b900f";
+  color: rgb(0, 0, 0);
+}
+.icon-chForumOut .path2:before {
+  content: "\b9010";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-chMail:before {
+  content: "\b9011";
+}
+.icon-chMailIn .path1:before {
+  content: "\b9012";
+  color: rgb(0, 0, 0);
+}
+.icon-chMailIn .path2:before {
+  content: "\b9013";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-chMailOut .path1:before {
+  content: "\b9014";
+  color: rgb(0, 0, 0);
+}
+.icon-chMailOut .path2:before {
+  content: "\b9015";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-chTwitter:before {
+  content: "\b9016";
+}
+.icon-chTwitterIn .path1:before {
+  content: "\b9017";
+  color: rgb(0, 0, 0);
+}
+.icon-chTwitterIn .path2:before {
+  content: "\b9018";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-chTwitterOut .path1:before {
+  content: "\b9019";
+  color: rgb(0, 0, 0);
+}
+.icon-chTwitterOut .path2:before {
+  content: "\b901a";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-chWeb:before {
+  content: "\b901b";
+}
+.icon-chWebIn .path1:before {
+  content: "\b901c";
+  color: rgb(0, 0, 0);
+}
+.icon-chWebIn .path2:before {
+  content: "\b901d";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-chWebOut .path1:before {
+  content: "\b901e";
+  color: rgb(0, 0, 0);
+}
+.icon-chWebOut .path2:before {
+  content: "\b901f";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-directFacebook .path1:before {
+  content: "\b9020";
+  color: rgb(0, 0, 0);
+}
+.icon-directFacebook .path2:before {
+  content: "\b9021";
+  margin-left: -1em;
+  color: rgb(103, 103, 103);
+}
+.icon-chDraft:before {
+  content: "\b9022";
+}
+.icon-chForwardDraft .path1:before {
+  content: "\b9023";
+  color: rgb(1, 1, 1);
+}
+.icon-chForwardDraft .path2:before {
+  content: "\b9024";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-chHappiness:before {
+  content: "\b9025";
+}
+.icon-chHappinessIn .path1:before {
+  content: "\b9026";
+  color: rgb(1, 1, 1);
+}
+.icon-chHappinessIn .path2:before {
+  content: "\b9027";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-chEmailForward .path1:before {
+  content: "\b9028";
+  color: rgb(0, 0, 0);
+}
+.icon-chEmailForward .path2:before {
+  content: "\b9029";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-chCallOut .path1:before {
+  content: "\b902a";
+  color: rgb(1, 1, 1);
+}
+.icon-chCallOut .path2:before {
+  content: "\b902b";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-chCallIn .path1:before {
+  content: "\b902c";
+  color: rgb(1, 1, 1);
+}
+.icon-chCallIn .path2:before {
+  content: "\b902d";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-fbMessenger:before {
+  content: "\b902e";
+}
+.icon-telegram:before {
+  content: "\b902f";
+}
 }

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

@@ -1,7 +1,10 @@
 @font-face {
   font-family:"zdfonts-rCustomize";
-  src: url('../fonts/zd-rCustomize.woff2') format('woff2'),
-       url('../fonts/zd-rCustomize.woff') format('woff');
+  src:
+    url('../fonts/zd-rCustomize.woff2') format('woff2'),
+    
+    url('../fonts/zd-rCustomize.woff') format('woff'),
+    url('../fonts/zd-rCustomize.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -11,100 +14,176 @@
 /*$Id$*/
 
 .ff{font-family:"zdfonts-rCustomize" !important;}
-/* Define icon codes */
-.icon-formulaField:before { content: "\d8032"; }
-
-.icon-operater:before { content: "\d8031"; }
-
-.icon-function:before { content: "\d8030"; }
-
-.icon-clrMultiPick:before { content: "\d802f"; }
-
-.icon-clrSinglePick:before { content: "\d802e"; }
-
-.icon-regEx:before { content: "\d802d"; }
-
-.icon-modules:before { content: "\d802c"; }
-
-.icon-terminate:before { content: "\d802b"; }
-
-.icon-primaryField:before { content: "\d802a"; color: rgb(244, 164, 0); }
-
-.icon-cesBad .path1:before { content: "\d8028";  color: rgb(0, 0, 0); }
-.icon-cesBad .path2:before { content: "\d8029"; margin-left: -1em; color: rgb(144, 144, 144); }
-
-.icon-cesOk .path1:before { content: "\d8026";  color: rgb(0, 0, 0); }
-.icon-cesOk .path2:before { content: "\d8027"; margin-left: -1em; color: rgb(144, 144, 144); }
-
-.icon-cesGud .path1:before { content: "\d8024";  color: rgb(0, 0, 0); }
-.icon-cesGud .path2:before { content: "\d8025"; margin-left: -1em; color: rgb(144, 144, 144); }
-
-.icon-npsBad .path1:before { content: "\d8022";  color: rgb(144, 144, 144); }
-.icon-npsBad .path2:before { content: "\d8023"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-npsGud .path1:before { content: "\d8020";  color: rgb(144, 144, 144); }
-.icon-npsGud .path2:before { content: "\d8021"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-npsOk .path1:before { content: "\d801e";  color: rgb(144, 144, 144); }
-.icon-npsOk .path2:before { content: "\d801f"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-happinessLevel8:before { content: "\d801d"; }
-
-.icon-happinessLevel9:before { content: "\d801c"; }
-
-.icon-happinessLevel10:before { content: "\d801b"; }
-
-.icon-happinessLevel7:before { content: "\d801a"; }
-
-.icon-happinessLevel6:before { content: "\d8019"; }
-
-.icon-happinessLevel4:before { content: "\d8018"; }
-
-.icon-happinessLevel5:before { content: "\d8017"; }
-
-.icon-happinessLevel1:before { content: "\d8016"; }
-
-.icon-happinessLevel2:before { content: "\d8015"; }
-
-.icon-happinessLevel3:before { content: "\d8014"; }
-
-.icon-ticketID:before { content: "\d8013"; }
-
-.icon-formula:before { content: "\d8012"; }
-
-.icon-customAction:before { content: "\d8011"; }
-
-.icon-textType:before { content: "\d8010"; }
-
-.icon-textArea:before { content: "\d800f"; }
-
-.icon-text:before { content: "\d800e"; }
-
-.icon-selectLine:before { content: "\d800d"; }
-
-.icon-replace:before { content: "\d800c"; }
-
-.icon-removefield:before { content: "\d800b"; }
-
-.icon-percentage:before { content: "\d800a"; }
-
-.icon-multiselect:before { content: "\d8009"; }
-
-.icon-lookUp:before { content: "\d8008"; }
-
-.icon-layout:before { content: "\d8007"; }
-
-.icon-integer:before { content: "\d8006"; }
-
-.icon-doller:before { content: "\d8005"; }
-
-.icon-decimal:before { content: "\d8004"; }
-
-.icon-dateTimePicker:before { content: "\d8003"; }
-
-.icon-currency:before { content: "\d8002"; }
-
-.icon-callTransfer:before { content: "\d8001"; }
-
-.icon-callStatus:before { content: "\d8000"; }
+.icon-callStatus:before {
+  content: "\b7000";
+}
+.icon-callTransfer:before {
+  content: "\b7001";
+}
+.icon-currency:before {
+  content: "\b7002";
+}
+.icon-dateTimePicker:before {
+  content: "\b7003";
+}
+.icon-decimal:before {
+  content: "\b7004";
+}
+.icon-doller:before {
+  content: "\b7005";
+}
+.icon-integer:before {
+  content: "\b7006";
+}
+.icon-layout:before {
+  content: "\b7007";
+}
+.icon-lookUp:before {
+  content: "\b7008";
+}
+.icon-multiselect:before {
+  content: "\b7009";
+}
+.icon-percentage:before {
+  content: "\b700a";
+}
+.icon-removefield:before {
+  content: "\b700b";
+}
+.icon-replace:before {
+  content: "\b700c";
+}
+.icon-selectLine:before {
+  content: "\b700d";
+}
+.icon-text:before {
+  content: "\b700e";
+}
+.icon-textArea:before {
+  content: "\b700f";
+}
+.icon-textType:before {
+  content: "\b7010";
+}
+.icon-customAction:before {
+  content: "\b7011";
+}
+.icon-formula:before {
+  content: "\b7012";
+}
+.icon-ticketID:before {
+  content: "\b7013";
+}
+.icon-happinessLevel3:before {
+  content: "\b7014";
+}
+.icon-happinessLevel2:before {
+  content: "\b7015";
+}
+.icon-happinessLevel1:before {
+  content: "\b7016";
+}
+.icon-happinessLevel5:before {
+  content: "\b7017";
+}
+.icon-happinessLevel4:before {
+  content: "\b7018";
+}
+.icon-happinessLevel6:before {
+  content: "\b7019";
+}
+.icon-happinessLevel7:before {
+  content: "\b701a";
+}
+.icon-happinessLevel10:before {
+  content: "\b701b";
+}
+.icon-happinessLevel9:before {
+  content: "\b701c";
+}
+.icon-happinessLevel8:before {
+  content: "\b701d";
+}
+.icon-npsOk .path1:before {
+  content: "\b701e";
+  color: rgb(144, 144, 144);
+}
+.icon-npsOk .path2:before {
+  content: "\b701f";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-npsGud .path1:before {
+  content: "\b7020";
+  color: rgb(144, 144, 144);
+}
+.icon-npsGud .path2:before {
+  content: "\b7021";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-npsBad .path1:before {
+  content: "\b7022";
+  color: rgb(144, 144, 144);
+}
+.icon-npsBad .path2:before {
+  content: "\b7023";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-cesGud .path1:before {
+  content: "\b7024";
+  color: rgb(0, 0, 0);
+}
+.icon-cesGud .path2:before {
+  content: "\b7025";
+  margin-left: -1em;
+  color: rgb(144, 144, 144);
+}
+.icon-cesOk .path1:before {
+  content: "\b7026";
+  color: rgb(0, 0, 0);
+}
+.icon-cesOk .path2:before {
+  content: "\b7027";
+  margin-left: -1em;
+  color: rgb(144, 144, 144);
+}
+.icon-cesBad .path1:before {
+  content: "\b7028";
+  color: rgb(0, 0, 0);
+}
+.icon-cesBad .path2:before {
+  content: "\b7029";
+  margin-left: -1em;
+  color: rgb(144, 144, 144);
+}
+.icon-primaryField:before {
+  content: "\b702a";
+  color: #f4a400;
+}
+.icon-terminate:before {
+  content: "\b702b";
+}
+.icon-modules:before {
+  content: "\b702c";
+}
+.icon-regEx:before {
+  content: "\b702d";
+}
+.icon-clrSinglePick:before {
+  content: "\b702e";
+}
+.icon-clrMultiPick:before {
+  content: "\b702f";
+}
+.icon-function:before {
+  content: "\b7030";
+}
+.icon-operater:before {
+  content: "\b7031";
+}
+.icon-formulaField:before {
+  content: "\b7032";
+}
 }

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

@@ -1,7 +1,10 @@
 @font-face {
   font-family:"zdfonts-rDeveloperSpace";
-  src: url('../fonts/zd-rDeveloperSpace.woff2') format('woff2'),
-       url('../fonts/zd-rDeveloperSpace.woff') format('woff');
+  src:
+    url('../fonts/zd-rDeveloperSpace.woff2') format('woff2'),
+    
+    url('../fonts/zd-rDeveloperSpace.woff') format('woff'),
+    url('../fonts/zd-rDeveloperSpace.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -11,6 +14,7 @@
 /*$Id$*/
 
 .ff{font-family:"zdfonts-rDeveloperSpace" !important;}
-/* Define icon codes */
-.icon-customMobileApp:before { content: "\d9000"; }
+.icon-customMobileApp:before {
+  content: "\c9000";
+}
 }