@zohodesk/icons 1.3.15 → 1.4.0-exp-1

package/assets/react/zd-font-react-ticket-channels.module.css

@@ -1,10 +1,7 @@
 @font-face {
-  font-family:"zdfonts-ticket-channels";
-  src:
-    url('../fonts/zd-ticket-channels.woff2') format('woff2'),
-    
-    url('../fonts/zd-ticket-channels.woff') format('woff'),
-    url('../fonts/zd-ticket-channels.svg#zdfonts') format('svg');
+  font-family:"zdfonts-react-channels";
+  src: url('../fonts/zd-ticket-channels.woff2') format('woff2'),
+       url('../fonts/zd-ticket-channels.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -13,251 +10,97 @@
 @layer dot-icons.core {
 /*$Id$*/
 
+.ff{font-family:"zdfonts-react-channels" !important;}
+/* Define icon codes */
+.icon-happinessBad:before { content: "\c1000"; }
 
-.icon-happinessBad,.icon-happinessGood,.icon-happinessOk,.icon-chForwardDraft,.icon-chWidget,.icon-chWebOut,.icon-chMailForward,.icon-chDraftNew,.icon-chDirectFB,.icon-chPhoneOut,.icon-chPhoneIn,.icon-chChat,.icon-chChatIn,.icon-chChatOut,.icon-chDraft,.icon-chFacebook,.icon-chFacebookIn,.icon-chFacebookOut,.icon-chForum,.icon-chForumIn,.icon-chForumOut,.icon-chHappiness,.icon-chHappinessIn,.icon-chMail,.icon-chMailDraft,.icon-chMailIn,.icon-chMailOut,.icon-chPhone,.icon-chTwitter,.icon-chTwitterIn,.icon-chTwitterOut,.icon-chWeb,.icon-chWemIn,.icon-chWenOut{
-	font-family:"zdfonts-ticket-channels" !important;
-}
+.icon-happinessGood:before { content: "\c1001"; }
 
-.icon-happinessBad:before {
-  content: "\e1000";
-}
-.icon-happinessGood:before {
-  content: "\e1001";
-}
-.icon-happinessOk:before {
-  content: "\e1002";
-}
-.icon-chForwardDraft .path1:before {
-  content: "\e1003";
-  color: rgb(0, 0, 0);
-}
-.icon-chForwardDraft .path2:before {
-  content: "\e1004";
-  margin-left: -1em;
-  color: rgb(0, 0, 0);
-}
-.icon-chForwardDraft .path3:before {
-  content: "\e1005";
-  margin-left: -1em;
-  color: rgb(0, 0, 0);
-}
-.icon-chForwardDraft .path4:before {
-  content: "\e1006";
-  margin-left: -1em;
-  color: rgb(0, 0, 0);
-}
-.icon-chForwardDraft .path5:before {
-  content: "\e1007";
-  margin-left: -1em;
-  color: rgb(0, 0, 0);
-}
-.icon-chForwardDraft .path6:before {
-  content: "\e1008";
-  margin-left: -1em;
-  color: rgb(51, 51, 51);
-}
-.icon-chWidget:before {
-  content: "\e1009";
-}
-.icon-chWebOut .path1:before {
-  content: "\e100a";
-  color: rgb(0, 0, 0);
-}
-.icon-chWebOut .path2:before {
-  content: "\e100b";
-  margin-left: -1em;
-  color: rgb(51, 51, 51);
-}
-.icon-chMailForward:before {
-  content: "\e100c";
-}
-.icon-chDraftNew:before {
-  content: "\e100d";
-}
-.icon-chDirectFB .path1:before {
-  content: "\e100e";
-  color: rgb(0, 0, 0);
-}
-.icon-chDirectFB .path2:before {
-  content: "\e100f";
-  margin-left: -1em;
-  color: rgb(102, 102, 102);
-}
-.icon-chPhoneOut .path1:before {
-  content: "\e1010";
-  color: rgb(0, 0, 0);
-}
-.icon-chPhoneOut .path2:before {
-  content: "\e1011";
-  margin-left: -1em;
-  color: rgb(51, 51, 51);
-}
-.icon-chPhoneIn .path1:before {
-  content: "\e1012";
-  color: rgb(0, 0, 0);
-}
-.icon-chPhoneIn .path2:before {
-  content: "\e1013";
-  margin-left: -1em;
-  color: rgb(51, 51, 51);
-}
-.icon-chChat:before {
-  content: "\e1014";
-}
-.icon-chChatIn .path1:before {
-  content: "\e1015";
-  color: rgb(0, 0, 0);
-}
-.icon-chChatIn .path2:before {
-  content: "\e1016";
-  margin-left: -1em;
-  color: rgb(51, 51, 51);
-}
-.icon-chChatOut .path1:before {
-  content: "\e1017";
-  color: rgb(0, 0, 0);
-}
-.icon-chChatOut .path2:before {
-  content: "\e1018";
-  margin-left: -1em;
-  color: rgb(51, 51, 51);
-}
-.icon-chDraft .path1:before {
-  content: "\e1019";
-  color: rgb(0, 0, 0);
-}
-.icon-chDraft .path2:before {
-  content: "\e101a";
-  margin-left: -1em;
-  color: rgb(51, 51, 51);
-}
-.icon-chFacebook:before {
-  content: "\e101b";
-}
-.icon-chFacebookIn .path1:before {
-  content: "\e101c";
-  color: rgb(0, 0, 0);
-}
-.icon-chFacebookIn .path2:before {
-  content: "\e101d";
-  margin-left: -1em;
-  color: rgb(51, 51, 51);
-}
-.icon-chFacebookOut .path1:before {
-  content: "\e101e";
-  color: rgb(0, 0, 0);
-}
-.icon-chFacebookOut .path2:before {
-  content: "\e101f";
-  margin-left: -1em;
-  color: rgb(51, 51, 51);
-}
-.icon-chForum:before {
-  content: "\e1020";
-}
-.icon-chForumIn .path1:before {
-  content: "\e1021";
-  color: rgb(0, 0, 0);
-}
-.icon-chForumIn .path2:before {
-  content: "\e1022";
-  margin-left: -1em;
-  color: rgb(51, 51, 51);
-}
-.icon-chForumOut .path1:before {
-  content: "\e1023";
-  color: rgb(0, 0, 0);
-}
-.icon-chForumOut .path2:before {
-  content: "\e1024";
-  margin-left: -1em;
-  color: rgb(51, 51, 51);
-}
-.icon-chHappiness:before {
-  content: "\e1025";
-}
-.icon-chHappinessIn .path1:before {
-  content: "\e1026";
-  color: rgb(0, 0, 0);
-}
-.icon-chHappinessIn .path2:before {
-  content: "\e1027";
-  margin-left: -1em;
-  color: rgb(51, 51, 51);
-}
-.icon-chMail:before {
-  content: "\e1028";
-}
-.icon-chMailDraft .path1:before {
-  content: "\e1029";
-  color: rgb(0, 0, 0);
-}
-.icon-chMailDraft .path2:before {
-  content: "\e102a";
-  margin-left: -1em;
-  color: rgb(51, 51, 51);
-}
-.icon-chMailIn .path1:before {
-  content: "\e102b";
-  color: rgb(0, 0, 0);
-}
-.icon-chMailIn .path2:before {
-  content: "\e102c";
-  margin-left: -1em;
-  color: rgb(51, 51, 51);
-}
-.icon-chMailOut .path1:before {
-  content: "\e102d";
-  color: rgb(0, 0, 0);
-}
-.icon-chMailOut .path2:before {
-  content: "\e102e";
-  margin-left: -1em;
-  color: rgb(51, 51, 51);
-}
-.icon-chPhone:before {
-  content: "\e102f";
-}
-.icon-chTwitter:before {
-  content: "\e1030";
-}
-.icon-chTwitterIn .path1:before {
-  content: "\e1031";
-  color: rgb(0, 0, 0);
-}
-.icon-chTwitterIn .path2:before {
-  content: "\e1032";
-  margin-left: -1em;
-  color: rgb(51, 51, 51);
-}
-.icon-chTwitterOut .path1:before {
-  content: "\e1033";
-  color: rgb(0, 0, 0);
-}
-.icon-chTwitterOut .path2:before {
-  content: "\e1034";
-  margin-left: -1em;
-  color: rgb(51, 51, 51);
-}
-.icon-chWeb:before {
-  content: "\e1035";
-}
-.icon-chWemIn .path1:before {
-  content: "\e1036";
-  color: rgb(0, 0, 0);
-}
-.icon-chWemIn .path2:before {
-  content: "\e1037";
-  margin-left: -1em;
-  color: rgb(51, 51, 51);
-}
-.icon-chWenOut .path1:before {
-  content: "\e1038";
-  color: rgb(0, 0, 0);
-}
-.icon-chWenOut .path2:before {
-  content: "\e1039";
-  margin-left: -1em;
-  color: rgb(51, 51, 51);
-}
+.icon-happinessOk:before { content: "\c1002"; }
+
+.icon-chForwardDraft .path1:before { content: "\c1003";  color: rgb(0, 0, 0); }
+.icon-chForwardDraft .path2:before { content: "\c1004"; margin-left: -1em; color: rgb(0, 0, 0); }
+.icon-chForwardDraft .path3:before { content: "\c1005"; margin-left: -1em; color: rgb(0, 0, 0); }
+.icon-chForwardDraft .path4:before { content: "\c1006"; margin-left: -1em; color: rgb(0, 0, 0); }
+.icon-chForwardDraft .path5:before { content: "\c1007"; margin-left: -1em; color: rgb(0, 0, 0); }
+.icon-chForwardDraft .path6:before { content: "\c1008"; margin-left: -1em; color: rgb(51, 51, 51); }
+
+.icon-chWidget:before { content: "\c1009"; }
+
+.icon-chWebOut .path1:before { content: "\c100a";  color: rgb(0, 0, 0); }
+.icon-chWebOut .path2:before { content: "\c100b"; margin-left: -1em; color: rgb(51, 51, 51); }
+
+.icon-chMailForward:before { content: "\c100c"; }
+
+.icon-chDraftNew:before { content: "\c100d"; }
+
+.icon-chDirectFB .path1:before { content: "\c100e";  color: rgb(0, 0, 0); }
+.icon-chDirectFB .path2:before { content: "\c100f"; margin-left: -1em; color: rgb(102, 102, 102); }
+
+.icon-chPhoneOut .path1:before { content: "\c1010";  color: rgb(0, 0, 0); }
+.icon-chPhoneOut .path2:before { content: "\c1011"; margin-left: -1em; color: rgb(51, 51, 51); }
+
+.icon-chPhoneIn .path1:before { content: "\c1012";  color: rgb(0, 0, 0); }
+.icon-chPhoneIn .path2:before { content: "\c1013"; margin-left: -1em; color: rgb(51, 51, 51); }
+
+.icon-chChat:before { content: "\c1014"; }
+
+.icon-chChatIn .path1:before { content: "\c1015";  color: rgb(0, 0, 0); }
+.icon-chChatIn .path2:before { content: "\c1016"; margin-left: -1em; color: rgb(51, 51, 51); }
+
+.icon-chChatOut .path1:before { content: "\c1017";  color: rgb(0, 0, 0); }
+.icon-chChatOut .path2:before { content: "\c1018"; margin-left: -1em; color: rgb(51, 51, 51); }
+
+.icon-chDraft .path1:before { content: "\c1019";  color: rgb(0, 0, 0); }
+.icon-chDraft .path2:before { content: "\c101a"; margin-left: -1em; color: rgb(51, 51, 51); }
+
+.icon-chFacebook:before { content: "\c101b"; }
+
+.icon-chFacebookIn .path1:before { content: "\c101c";  color: rgb(0, 0, 0); }
+.icon-chFacebookIn .path2:before { content: "\c101d"; margin-left: -1em; color: rgb(51, 51, 51); }
+
+.icon-chFacebookOut .path1:before { content: "\c101e";  color: rgb(0, 0, 0); }
+.icon-chFacebookOut .path2:before { content: "\c101f"; margin-left: -1em; color: rgb(51, 51, 51); }
+
+.icon-chForum:before { content: "\c1020"; }
+
+.icon-chForumIn .path1:before { content: "\c1021";  color: rgb(0, 0, 0); }
+.icon-chForumIn .path2:before { content: "\c1022"; margin-left: -1em; color: rgb(51, 51, 51); }
+
+.icon-chForumOut .path1:before { content: "\c1023";  color: rgb(0, 0, 0); }
+.icon-chForumOut .path2:before { content: "\c1024"; margin-left: -1em; color: rgb(51, 51, 51); }
+
+.icon-chHappiness:before { content: "\c1025"; }
+
+.icon-chHappinessIn .path1:before { content: "\c1026";  color: rgb(0, 0, 0); }
+.icon-chHappinessIn .path2:before { content: "\c1027"; margin-left: -1em; color: rgb(51, 51, 51); }
+
+.icon-chMail:before { content: "\c1028"; }
+
+.icon-chMailDraft .path1:before { content: "\c1029";  color: rgb(0, 0, 0); }
+.icon-chMailDraft .path2:before { content: "\c102a"; margin-left: -1em; color: rgb(51, 51, 51); }
+
+.icon-chMailIn .path1:before { content: "\c102b";  color: rgb(0, 0, 0); }
+.icon-chMailIn .path2:before { content: "\c102c"; margin-left: -1em; color: rgb(51, 51, 51); }
+
+.icon-chMailOut .path1:before { content: "\c102d";  color: rgb(0, 0, 0); }
+.icon-chMailOut .path2:before { content: "\c102e"; margin-left: -1em; color: rgb(51, 51, 51); }
+
+.icon-chPhone:before { content: "\c102f"; }
+
+.icon-chTwitter:before { content: "\c1030"; }
+
+.icon-chTwitterIn .path1:before { content: "\c1031";  color: rgb(0, 0, 0); }
+.icon-chTwitterIn .path2:before { content: "\c1032"; margin-left: -1em; color: rgb(51, 51, 51); }
+
+.icon-chTwitterOut .path1:before { content: "\c1033";  color: rgb(0, 0, 0); }
+.icon-chTwitterOut .path2:before { content: "\c1034"; margin-left: -1em; color: rgb(51, 51, 51); }
+
+.icon-chWeb:before { content: "\c1035"; }
+
+.icon-chWemIn .path1:before { content: "\c1036";  color: rgb(0, 0, 0); }
+.icon-chWemIn .path2:before { content: "\c1037"; margin-left: -1em; color: rgb(51, 51, 51); }
+
+.icon-chWenOut .path1:before { content: "\c1038";  color: rgb(0, 0, 0); }
+.icon-chWenOut .path2:before { content: "\c1039"; margin-left: -1em; color: rgb(51, 51, 51); }
 }