@zohodesk/icons 1.3.15 → 1.4.0-exp-1

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

@@ -1,10 +1,7 @@
 @font-face {
   font-family:"zdfonts-rChannels";
-  src:
-    url('../fonts/zd-rChannels.woff2') format('woff2'),
-    
-    url('../fonts/zd-rChannels.woff') format('woff'),
-    url('../fonts/zd-rChannels.svg#zdfonts') format('svg');
+  src: url('../fonts/zd-rChannels.woff2') format('woff2'),
+       url('../fonts/zd-rChannels.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -13,207 +10,83 @@
 @layer dot-icons.core {
 /*$Id$*/
 
+.ff{font-family:"zdfonts-rChannels" !important;}
+/* Define icon codes */
+.icon-telegram:before { content: "\d702f"; }
 
-.icon-chCall,.icon-chChat,.icon-chChatIn,.icon-chChatOut,.icon-chFacebook,.icon-chFacebookIn,.icon-chFacebookOut,.icon-chFeedbackWidget,.icon-chForum,.icon-chForumIn,.icon-chForumOut,.icon-chMail,.icon-chMailIn,.icon-chMailOut,.icon-chTwitter,.icon-chTwitterIn,.icon-chTwitterOut,.icon-chWeb,.icon-chWebIn,.icon-chWebOut,.icon-directFacebook,.icon-chDraft,.icon-chForwardDraft,.icon-chHappiness,.icon-chHappinessIn,.icon-chEmailForward,.icon-chCallOut,.icon-chCallIn,.icon-fbMessenger,.icon-telegram{
-	font-family:"zdfonts-rChannels" !important;
-}
+.icon-fbMessenger:before { content: "\d702e"; }
 
-.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";
-}
+.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"; }
 }

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

@@ -1,10 +1,7 @@
 @font-face {
   font-family:"zdfonts-rCustomize";
-  src:
-    url('../fonts/zd-rCustomize.woff2') format('woff2'),
-    
-    url('../fonts/zd-rCustomize.woff') format('woff'),
-    url('../fonts/zd-rCustomize.svg#zdfonts') format('svg');
+  src: url('../fonts/zd-rCustomize.woff2') format('woff2'),
+       url('../fonts/zd-rCustomize.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -13,181 +10,101 @@
 @layer dot-icons.core {
 /*$Id$*/
 
+.ff{font-family:"zdfonts-rCustomize" !important;}
+/* Define icon codes */
+.icon-formulaField:before { content: "\d8032"; }
 
-.icon-callStatus,.icon-callTransfer,.icon-currency,.icon-dateTimePicker,.icon-decimal,.icon-doller,.icon-integer,.icon-layout,.icon-lookUp,.icon-multiselect,.icon-percentage,.icon-removefield,.icon-replace,.icon-selectLine,.icon-text,.icon-textArea,.icon-textType,.icon-customAction,.icon-formula,.icon-ticketID,.icon-happinessLevel3,.icon-happinessLevel2,.icon-happinessLevel1,.icon-happinessLevel5,.icon-happinessLevel4,.icon-happinessLevel6,.icon-happinessLevel7,.icon-happinessLevel10,.icon-happinessLevel9,.icon-happinessLevel8,.icon-npsOk,.icon-npsGud,.icon-npsBad,.icon-cesGud,.icon-cesOk,.icon-cesBad,.icon-primaryField,.icon-terminate,.icon-modules,.icon-regEx,.icon-clrSinglePick,.icon-clrMultiPick,.icon-function,.icon-operater,.icon-formulaField{
-	font-family:"zdfonts-rCustomize" !important;
-}
+.icon-operater:before { content: "\d8031"; }
 
-.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";
-}
+.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"; }
 }

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

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