@zohodesk/icons 1.4.0-exp-1 → 1.4.1

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

@@ -1,7 +1,10 @@
 @font-face {
   font-family:"zdfonts-rTickets";
-  src: url('../fonts/zd-rTickets.woff2') format('woff2'),
-       url('../fonts/zd-rTickets.woff') format('woff');
+  src:
+    url('../fonts/zd-rTickets.woff2') format('woff2'),
+    
+    url('../fonts/zd-rTickets.woff') format('woff'),
+    url('../fonts/zd-rTickets.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -11,234 +14,418 @@
 /*$Id$*/
 
 .ff{font-family:"zdfonts-rTickets" !important;}
-/* Define icon codes */
-.icon-viewConent:before { content: "\e807a"; }
-
-.icon-unmaskContent:before { content: "\e8079"; }
-
-.icon-redactContent:before { content: "\e8078"; }
-
-.icon-maskContent:before { content: "\e8077"; }
-
-.icon-sideChat .path1:before { content: "\e8075";  color: rgb(223, 230, 241); }
-.icon-sideChat .path2:before { content: "\e8076"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-nestedConversation:before { content: "\e8074"; }
-
-.icon-botPositive:before { content: "\e8073"; }
-
-.icon-botNeutral:before { content: "\e8072"; }
-
-.icon-tempPreview:before { content: "\e8071"; }
-
-.icon-ticketReopen:before { content: "\e8070"; }
-
-.icon-ticketContexual:before { content: "\e806f"; }
-
-.icon-ticketClosed:before { content: "\e806e"; }
-
-.icon-ticketSpam:before { content: "\e806d"; }
-
-.icon-publicPrivatePin .path1:before { content: "\e806b";  color: rgb(1, 1, 1); }
-.icon-publicPrivatePin .path2:before { content: "\e806c"; margin-left: -1em; color: rgb(102, 103, 102); }
-
-.icon-reschedule:before { content: "\e806a"; }
-
-.icon-customModule:before { content: "\e8069"; }
-
-.icon-ziaTranslator:before { content: "\e8068"; }
-
-.icon-clearSchedule:before { content: "\e8067"; }
-
-.icon-addResolution:before { content: "\e8066"; }
-
-.icon-makeShorter:before { content: "\e8065"; }
-
-.icon-makeLonger:before { content: "\e8064"; }
-
-.icon-childTicket:before { content: "\e8063"; }
-
-.icon-parentTicket:before { content: "\e8062"; }
-
-.icon-prediction .path1:before { content: "\e8060";  color: rgb(199, 202, 219); opacity: 0.5; }
-.icon-prediction .path2:before { content: "\e8061"; margin-left: -1em; color: rgb(35, 31, 32); }
-
-.icon-ticketView:before { content: "\e805f"; }
-
-.icon-languageDetector:before { content: "\e805e"; }
-
-.icon-ticketInvisible:before { content: "\e805d"; }
-
-.icon-ticketVisible:before { content: "\e805c"; }
-
-.icon-relatedDetails:before { content: "\e805b"; }
-
-.icon-followStroke:before { content: "\e805a"; }
-
-.icon-commentPath .path1:before { content: "\e8058";  color: rgb(255, 255, 255); }
-.icon-commentPath .path2:before { content: "\e8059"; margin-left: -0.926758em; color: rgb(35, 31, 32); }
-
-.icon-preference:before { content: "\e8057"; }
-
-.icon-doubleArrow:before { content: "\e8056"; }
-
-.icon-fontA:before { content: "\e8055"; }
-
-.icon-calendarFill .path1:before { content: "\e8053";  color: rgb(51, 51, 51); }
-.icon-calendarFill .path2:before { content: "\e8054"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-editFill:before { content: "\e8052"; }
-
-.icon-tickCircle:before { content: "\e8051"; }
-
-.icon-showOriginal:before { content: "\e8050"; }
-
-.icon-scheduleReply:before { content: "\e804f"; }
-
-.icon-roundComment .path1:before { content: "\e804d";  color: rgb(255, 255, 255); }
-.icon-roundComment .path2:before { content: "\e804e"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-primaryFolder:before { content: "\e804c"; }
-
-.icon-commentLine:before { content: "\e804b"; }
-
-.icon-commentFill:before { content: "\e804a"; }
-
-.icon-unArchivedView:before { content: "\e8049"; }
-
-.icon-transition:before { content: "\e8048"; }
-
-.icon-timelineDots:before { content: "\e8047"; }
-
-.icon-timeEntryStart:before { content: "\e8046"; }
-
-.icon-timeEntryPause:before { content: "\e8045"; }
-
-.icon-timeEntry:before { content: "\e8044"; }
-
-.icon-ticket:before { content: "\e8043"; }
-
-.icon-thread:before { content: "\e8042"; }
-
-.icon-teamAgent:before { content: "\e8041"; }
-
-.icon-team:before { content: "\e8040"; }
-
-.icon-task:before { content: "\e803f"; }
-
-.icon-tag:before { content: "\e803e"; }
-
-.icon-table:before { content: "\e803d"; }
-
-.icon-statusMode:before { content: "\e803c"; }
-
-.icon-split:before { content: "\e803b"; }
-
-.icon-snippetPen:before { content: "\e803a"; }
-
-.icon-snippet .path1:before { content: "\e8038";  color: rgb(1, 1, 1); }
-.icon-snippet .path2:before { content: "\e8039"; margin-left: -1em; color: rgb(51, 51, 51); }
-
-.icon-sandClock:before { content: "\e8037"; }
-
-.icon-rolesSub:before { content: "\e8036"; }
-
-.icon-roles:before { content: "\e8035"; }
-
-.icon-responsiveReply .path1:before { content: "\e8032";  color: rgb(0, 0, 0); }
-.icon-responsiveReply .path2:before { content: "\e8033"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-responsiveReply .path3:before { content: "\e8034"; margin-left: -1em; color: rgb(51, 51, 51); }
-
-.icon-remoteAssist:before { content: "\e8031"; }
-
-.icon-peek:before { content: "\e8030"; }
-
-.icon-paidUser:before { content: "\e802f"; }
-
-.icon-out:before { content: "\e802e"; }
-
-.icon-noviewer:before { content: "\e802d"; }
-
-.icon-merge:before { content: "\e802c"; }
-
-.icon-macros:before { content: "\e802b"; }
-
-.icon-link:before { content: "\e802a"; }
-
-.icon-in:before { content: "\e8029"; }
-
-.icon-idea:before { content: "\e8028"; }
-
-.icon-hideTab:before { content: "\e8027"; }
-
-.icon-hash:before { content: "\e8026"; }
-
-.icon-crm:before { content: "\e8025"; color: rgb(34, 109, 180); }
-
-.icon-forwardDraft .path1:before { content: "\e8023";  color: rgb(0, 0, 0); }
-.icon-forwardDraft .path2:before { content: "\e8024"; margin-left: -1em; color: rgb(51, 51, 51); }
-
-.icon-followers:before { content: "\e8022"; }
-
-.icon-flag:before { content: "\e8021"; }
-
-.icon-expand:before { content: "\e8020"; }
-
-.icon-event:before { content: "\e801f"; }
-
-.icon-ellipsis:before { content: "\e801e"; }
-
-.icon-draftSend:before { content: "\e801d"; }
-
-.icon-draftEdit:before { content: "\e801c"; }
-
-.icon-draftdelete:before { content: "\e801b"; }
-
-.icon-disLink .path1:before { content: "\e8018";  color: rgb(51, 51, 51); }
-.icon-disLink .path2:before { content: "\e8019"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-disLink .path3:before { content: "\e801a"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-customizeTable:before { content: "\e8017"; }
-
-.icon-createdTime:before { content: "\e8016"; }
-
-.icon-countdownMode:before { content: "\e8015"; }
-
-.icon-completedTask:before { content: "\e8014"; }
-
-.icon-comment:before { content: "\e8013"; }
-
-.icon-closedTime:before { content: "\e8012"; }
-
-.icon-clone:before { content: "\e8011"; }
-
-.icon-bug:before { content: "\e8010"; }
-
-.icon-botPossitive:before { content: "\e800f"; }
-
-.icon-botNuetral:before { content: "\e800e"; }
-
-.icon-botNegative:before { content: "\e800d"; }
-
-.icon-bot .path1:before { content: "\e8008";  color: rgb(103, 190, 103); }
-.icon-bot .path2:before { content: "\e8009"; margin-left: -1em; color: rgb(146, 216, 241); }
-.icon-bot .path3:before { content: "\e800a"; margin-left: -1em; color: rgb(185, 229, 245); }
-.icon-bot .path4:before { content: "\e800b"; margin-left: -1em; color: rgb(35, 89, 140); }
-.icon-bot .path5:before { content: "\e800c"; margin-left: -1em; color: rgb(47, 51, 59); }
-
-.icon-book:before { content: "\e8007"; }
-
-.icon-blueprint:before { content: "\e8006"; }
-
-.icon-article:before { content: "\e8005"; }
-
-.icon-archivedView:before { content: "\e8004"; }
-
-.icon-applyMacro:before { content: "\e8003"; }
-
-.icon-API:before { content: "\e8002"; }
-
-.icon-addAgent:before { content: "\e8001"; }
-
-.icon-activity:before { content: "\e8000"; }
+.icon-activity:before {
+  content: "\b1000";
+}
+.icon-addAgent:before {
+  content: "\b1001";
+}
+.icon-API:before {
+  content: "\b1002";
+}
+.icon-applyMacro:before {
+  content: "\b1003";
+}
+.icon-archivedView:before {
+  content: "\b1004";
+}
+.icon-article:before {
+  content: "\b1005";
+}
+.icon-blueprint:before {
+  content: "\b1006";
+}
+.icon-book:before {
+  content: "\b1007";
+}
+.icon-bot .path1:before {
+  content: "\b1008";
+  color: rgb(103, 190, 103);
+}
+.icon-bot .path2:before {
+  content: "\b1009";
+  margin-left: -1em;
+  color: rgb(146, 216, 241);
+}
+.icon-bot .path3:before {
+  content: "\b100a";
+  margin-left: -1em;
+  color: rgb(185, 229, 245);
+}
+.icon-bot .path4:before {
+  content: "\b100b";
+  margin-left: -1em;
+  color: rgb(35, 89, 140);
+}
+.icon-bot .path5:before {
+  content: "\b100c";
+  margin-left: -1em;
+  color: rgb(47, 51, 59);
+}
+.icon-botNegative:before {
+  content: "\b100d";
+}
+.icon-botNuetral:before {
+  content: "\b100e";
+}
+.icon-botPossitive:before {
+  content: "\b100f";
+}
+.icon-bug:before {
+  content: "\b1010";
+}
+.icon-clone:before {
+  content: "\b1011";
+}
+.icon-closedTime:before {
+  content: "\b1012";
+}
+.icon-comment:before {
+  content: "\b1013";
+}
+.icon-completedTask:before {
+  content: "\b1014";
+}
+.icon-countdownMode:before {
+  content: "\b1015";
+}
+.icon-createdTime:before {
+  content: "\b1016";
+}
+.icon-customizeTable:before {
+  content: "\b1017";
+}
+.icon-disLink .path1:before {
+  content: "\b1018";
+  color: rgb(51, 51, 51);
+}
+.icon-disLink .path2:before {
+  content: "\b1019";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-disLink .path3:before {
+  content: "\b101a";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-draftdelete:before {
+  content: "\b101b";
+}
+.icon-draftEdit:before {
+  content: "\b101c";
+}
+.icon-draftSend:before {
+  content: "\b101d";
+}
+.icon-ellipsis:before {
+  content: "\b101e";
+}
+.icon-event:before {
+  content: "\b101f";
+}
+.icon-expand:before {
+  content: "\b1020";
+}
+.icon-flag:before {
+  content: "\b1021";
+}
+.icon-followers:before {
+  content: "\b1022";
+}
+.icon-forwardDraft .path1:before {
+  content: "\b1023";
+  color: rgb(0, 0, 0);
+}
+.icon-forwardDraft .path2:before {
+  content: "\b1024";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-crm:before {
+  content: "\b1025";
+  color: #226db4;
+}
+.icon-hash:before {
+  content: "\b1026";
+}
+.icon-hideTab:before {
+  content: "\b1027";
+}
+.icon-idea:before {
+  content: "\b1028";
+}
+.icon-in:before {
+  content: "\b1029";
+}
+.icon-link:before {
+  content: "\b102a";
+}
+.icon-macros:before {
+  content: "\b102b";
+}
+.icon-merge:before {
+  content: "\b102c";
+}
+.icon-noviewer:before {
+  content: "\b102d";
+}
+.icon-out:before {
+  content: "\b102e";
+}
+.icon-paidUser:before {
+  content: "\b102f";
+}
+.icon-peek:before {
+  content: "\b1030";
+}
+.icon-remoteAssist:before {
+  content: "\b1031";
+}
+.icon-responsiveReply .path1:before {
+  content: "\b1032";
+  color: rgb(0, 0, 0);
+}
+.icon-responsiveReply .path2:before {
+  content: "\b1033";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-responsiveReply .path3:before {
+  content: "\b1034";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-roles:before {
+  content: "\b1035";
+}
+.icon-rolesSub:before {
+  content: "\b1036";
+}
+.icon-sandClock:before {
+  content: "\b1037";
+}
+.icon-snippet .path1:before {
+  content: "\b1038";
+  color: rgb(1, 1, 1);
+}
+.icon-snippet .path2:before {
+  content: "\b1039";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-snippetPen:before {
+  content: "\b103a";
+}
+.icon-split:before {
+  content: "\b103b";
+}
+.icon-statusMode:before {
+  content: "\b103c";
+}
+.icon-table:before {
+  content: "\b103d";
+}
+.icon-tag:before {
+  content: "\b103e";
+}
+.icon-task:before {
+  content: "\b103f";
+}
+.icon-team:before {
+  content: "\b1040";
+}
+.icon-teamAgent:before {
+  content: "\b1041";
+}
+.icon-thread:before {
+  content: "\b1042";
+}
+.icon-ticket:before {
+  content: "\b1043";
+}
+.icon-timeEntry:before {
+  content: "\b1044";
+}
+.icon-timeEntryPause:before {
+  content: "\b1045";
+}
+.icon-timeEntryStart:before {
+  content: "\b1046";
+}
+.icon-timelineDots:before {
+  content: "\b1047";
+}
+.icon-transition:before {
+  content: "\b1048";
+}
+.icon-unArchivedView:before {
+  content: "\b1049";
+}
+.icon-commentFill:before {
+  content: "\b104a";
+}
+.icon-commentLine:before {
+  content: "\b104b";
+}
+.icon-primaryFolder:before {
+  content: "\b104c";
+}
+.icon-roundComment .path1:before {
+  content: "\b104d";
+  color: rgb(255, 255, 255);
+}
+.icon-roundComment .path2:before {
+  content: "\b104e";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-scheduleReply:before {
+  content: "\b104f";
+}
+.icon-showOriginal:before {
+  content: "\b1050";
+}
+.icon-tickCircle:before {
+  content: "\b1051";
+}
+.icon-editFill:before {
+  content: "\b1052";
+}
+.icon-calendarFill .path1:before {
+  content: "\b1053";
+  color: rgb(51, 51, 51);
+}
+.icon-calendarFill .path2:before {
+  content: "\b1054";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-fontA:before {
+  content: "\b1055";
+}
+.icon-doubleArrow:before {
+  content: "\b1056";
+}
+.icon-preference:before {
+  content: "\b1057";
+}
+.icon-commentPath .path1:before {
+  content: "\b1058";
+  color: rgb(255, 255, 255);
+}
+.icon-commentPath .path2:before {
+  content: "\b1059";
+  margin-left: -0.9267578125em;
+  color: rgb(35, 31, 32);
+}
+.icon-followStroke:before {
+  content: "\b105a";
+}
+.icon-relatedDetails:before {
+  content: "\b105b";
+}
+.icon-ticketVisible:before {
+  content: "\b105c";
+}
+.icon-ticketInvisible:before {
+  content: "\b105d";
+}
+.icon-languageDetector:before {
+  content: "\b105e";
+}
+.icon-ticketView:before {
+  content: "\b105f";
+}
+.icon-prediction .path1:before {
+  content: "\b1060";
+  color: rgb(199, 202, 219);
+  opacity: 0.5;
+}
+.icon-prediction .path2:before {
+  content: "\b1061";
+  margin-left: -1em;
+  color: rgb(35, 31, 32);
+}
+.icon-parentTicket:before {
+  content: "\b1062";
+}
+.icon-childTicket:before {
+  content: "\b1063";
+}
+.icon-makeLonger:before {
+  content: "\b1064";
+}
+.icon-makeShorter:before {
+  content: "\b1065";
+}
+.icon-addResolution:before {
+  content: "\b1066";
+}
+.icon-clearSchedule:before {
+  content: "\b1067";
+}
+.icon-ziaTranslator:before {
+  content: "\b1068";
+}
+.icon-customModule:before {
+  content: "\b1069";
+}
+.icon-reschedule:before {
+  content: "\b106a";
+}
+.icon-publicPrivatePin .path1:before {
+  content: "\b106b";
+  color: rgb(1, 1, 1);
+}
+.icon-publicPrivatePin .path2:before {
+  content: "\b106c";
+  margin-left: -1em;
+  color: rgb(102, 103, 102);
+}
+.icon-ticketSpam:before {
+  content: "\b106d";
+}
+.icon-ticketClosed:before {
+  content: "\b106e";
+}
+.icon-ticketContexual:before {
+  content: "\b106f";
+}
+.icon-ticketReopen:before {
+  content: "\b1070";
+}
+.icon-tempPreview:before {
+  content: "\b1071";
+}
+.icon-botNeutral:before {
+  content: "\b1072";
+}
+.icon-botPositive:before {
+  content: "\b1073";
+}
+.icon-nestedConversation:before {
+  content: "\b1074";
+}
+.icon-sideChat .path1:before {
+  content: "\b1075";
+  color: rgb(223, 230, 241);
+}
+.icon-sideChat .path2:before {
+  content: "\b1076";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-maskContent:before {
+  content: "\b1077";
+}
+.icon-redactContent:before {
+  content: "\b1078";
+}
+.icon-unmaskContent:before {
+  content: "\b1079";
+}
+.icon-viewConent:before {
+  content: "\b107a";
+}
 }