@zohodesk/icons 1.4.0-exp-1 → 1.4.1

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

@@ -1,7 +1,10 @@
 @font-face {
-  font-family:"zdfonts-react-channels";
-  src: url('../fonts/zd-ticket-channels.woff2') format('woff2'),
-       url('../fonts/zd-ticket-channels.woff') format('woff');
+  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-weight: normal;
   font-style: normal;
   font-display: block;
@@ -10,97 +13,247 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-.ff{font-family:"zdfonts-react-channels" !important;}
-/* Define icon codes */
-.icon-happinessBad:before { content: "\c1000"; }
-
-.icon-happinessGood:before { content: "\c1001"; }
-
-.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); }
+.ff{font-family:"zdfonts-ticket-channels" !important;}
+.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);
+}
 }