@zohodesk/icons 1.0.0-beta.1 → 1.0.0-beta.101

package/{temp/fonts/webapps/support/css/zd-font-addforms.css → assets_final/react/zd-font-react-addforms.module.css}

@@ -1,6 +1,6 @@
 /*$Id$*/
 @font-face {
-  font-family:"zdfonts-addforms";
+  font-family:"zdf-react-addforms_1";
   src:
     url('../fonts/zd-addforms.woff2') format('woff2'),
     
@@ -8,10 +8,11 @@
     url('../fonts/zd-addforms.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
+  font-display: block;
 }
 
 .icon-addClone,.icon-addMail,.icon-addAccounts,.icon-addCalls,.icon-addCases,.icon-addContacts,.icon-addContracts,.icon-addEvents,.icon-addProducts,.icon-addTasks,.icon-addTimeEntry,.icon-addTopic,.icon-addtopicpin,.icon-avatar40x40,.icon-default-account,.icon-default-contact,.icon-editAccounts,.icon-editCalls,.icon-editCases,.icon-editContacts,.icon-editContracts,.icon-editEvents,.icon-editProducts,.icon-editTasks,.icon-editTimeEntry{
-	font-family:"zdfonts-addforms" !important;
+	font-family:"zdf-react-addforms_1" !important;
 }
 
 .icon-addClone .path1:before {

package/{temp/fonts/webapps/support/css/zd-font-automate.css → assets_final/react/zd-font-react-automate.module.css}

@@ -1,6 +1,6 @@
 /*$Id$*/
 @font-face {
-  font-family:"zdfonts-automate";
+  font-family:"zdf-react-automate_1";
   src:
     url('../fonts/zd-automate.woff2') format('woff2'),
     
@@ -8,10 +8,11 @@
     url('../fonts/zd-automate.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
+  font-display: block;
 }
 
 .icon-current-stats,.icon-draganddrop-small,.icon-duetime1,.icon-exclamation-black,.icon-eye-blocked,.icon-news,.icon-setup-fields1,.icon-transition{
-	font-family:"zdfonts-automate" !important;
+	font-family:"zdf-react-automate_1" !important;
 }
 
 .icon-current-stats .path1:before {

package/{temp/fonts/webapps/support/css/zd-font-channels.css → assets_final/react/zd-font-react-channels.module.css}

@@ -1,6 +1,6 @@
 /*$Id$*/
 @font-face {
-  font-family:"zdfonts-channels";
+  font-family:"zdf-react-channels_1";
   src:
     url('../fonts/zd-channels.woff2') format('woff2'),
     
@@ -8,10 +8,11 @@
     url('../fonts/zd-channels.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
+  font-display: block;
 }
 
-.icon-android,.icon-androidd,.icon-apple,.icon-ASAP_setup,.icon-ASAP-empty,.icon-ASAP-setup,.icon-book3,.icon-call-out2,.icon-call-outbound,.icon-close2,.icon-collapse1,.icon-css5,.icon-denied,.icon-download,.icon-drag-left,.icon-drag-up-down-01,.icon-draw12,.icon-edit1,.icon-font-edit,.icon-gear,.icon-html9,.icon-inapp-embed,.icon-inapplist,.icon-key,.icon-lock-01,.icon-modownarrow,.icon-moicons-01,.icon-moicons-02,.icon-moicons-03,.icon-moicons-mute,.icon-momissed,.icon-mopause,.icon-mopause3,.icon-navicon,.icon-no-widgets,.icon-pencil2,.icon-sort,.icon-tab-custom,.icon-telephone98,.icon-telephony-ONhold,.icon-unlock-01,.icon-upload,.icon-webform{
-	font-family:"zdfonts-channels" !important;
+.icon-android,.icon-androidd,.icon-apple,.icon-ASAP_setup,.icon-ASAP-empty,.icon-ASAP-setup,.icon-book3,.icon-call-out2,.icon-call-outbound,.icon-close2,.icon-collapse1,.icon-css5,.icon-denied,.icon-download,.icon-drag-left,.icon-drag-up-down-01,.icon-draw12,.icon-edit1,.icon-font-edit,.icon-gear,.icon-html9,.icon-inapp-embed,.icon-inapplist,.icon-key,.icon-lock-01,.icon-modownarrow,.icon-moicons-01,.icon-moicons-02,.icon-moicons-03,.icon-moicons-mute,.icon-momissed,.icon-mopause,.icon-mopause3,.icon-navicon,.icon-no-widgets,.icon-pencil2,.icon-sort,.icon-tab-custom,.icon-telephone98,.icon-telephony-ONhold,.icon-unlock-01,.icon-upload,.icon-webform,.icon-callBack,.icon-instagramOut,.icon-instagramIn,.icon-instagram{
+	font-family:"zdf-react-channels_1" !important;
 }
 
 .icon-android:before {
@@ -415,3 +416,27 @@
 .icon-webform:before {
   content: "\e35f";
 }
+.icon-callBack:before {
+  content: "\e360";
+}
+.icon-instagramOut .path1:before {
+  content: "\e361";
+  color: rgb(1, 1, 1);
+}
+.icon-instagramOut .path2:before {
+  content: "\e362";
+  margin-left: -1em;
+  color: rgb(46, 115, 185);
+}
+.icon-instagramIn .path1:before {
+  content: "\e363";
+  color: rgb(1, 1, 1);
+}
+.icon-instagramIn .path2:before {
+  content: "\e364";
+  margin-left: -1em;
+  color: rgb(47, 169, 97);
+}
+.icon-instagram:before {
+  content: "\e365";
+}

package/assets_final/react/zd-font-react-channels.plain.css

@@ -0,0 +1,442 @@
+/*$Id$*/
+@font-face {
+  font-family:"zdf-react-channels_1";
+  src:
+    url('../fonts/zd-channels.woff2') format('woff2'),
+    
+    url('../fonts/zd-channels.woff') format('woff'),
+    url('../fonts/zd-channels.svg#zdfonts') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+.icon-android,.icon-androidd,.icon-apple,.icon-ASAP_setup,.icon-ASAP-empty,.icon-ASAP-setup,.icon-book3,.icon-call-out2,.icon-call-outbound,.icon-close2,.icon-collapse1,.icon-css5,.icon-denied,.icon-download,.icon-drag-left,.icon-drag-up-down-01,.icon-draw12,.icon-edit1,.icon-font-edit,.icon-gear,.icon-html9,.icon-inapp-embed,.icon-inapplist,.icon-key,.icon-lock-01,.icon-modownarrow,.icon-moicons-01,.icon-moicons-02,.icon-moicons-03,.icon-moicons-mute,.icon-momissed,.icon-mopause,.icon-mopause3,.icon-navicon,.icon-no-widgets,.icon-pencil2,.icon-sort,.icon-tab-custom,.icon-telephone98,.icon-telephony-ONhold,.icon-unlock-01,.icon-upload,.icon-webform,.icon-callBack,.icon-instagramOut,.icon-instagramIn,.icon-instagram{
+	font-family:"zdf-react-channels_1" !important;
+}
+
+.icon-android:before {
+  content: "\e300";
+}
+.icon-androidd:before {
+  content: "\e301";
+}
+.icon-apple:before {
+  content: "\e302";
+}
+.icon-ASAP_setup .path1:before {
+  content: "\e303";
+  color: rgb(239, 238, 238);
+}
+.icon-ASAP_setup .path2:before {
+  content: "\e304";
+  margin-left: -0.75em;
+  color: rgb(255, 255, 255);
+}
+.icon-ASAP_setup .path3:before {
+  content: "\e305";
+  margin-left: -0.75em;
+  color: rgb(209, 209, 209);
+}
+.icon-ASAP_setup .path4:before {
+  content: "\e306";
+  margin-left: -0.75em;
+  color: rgb(255, 255, 255);
+}
+.icon-ASAP-empty .path1:before {
+  content: "\e307";
+  color: rgb(0, 189, 130);
+}
+.icon-ASAP-empty .path2:before {
+  content: "\e308";
+  margin-left: -1.40625em;
+  color: rgb(0, 169, 115);
+}
+.icon-ASAP-empty .path3:before {
+  content: "\e309";
+  margin-left: -1.40625em;
+  color: rgb(246, 246, 246);
+}
+.icon-ASAP-empty .path4:before {
+  content: "\e30a";
+  margin-left: -1.40625em;
+  color: rgb(51, 51, 51);
+  opacity: 0.7;
+}
+.icon-ASAP-empty .path5:before {
+  content: "\e30b";
+  margin-left: -1.40625em;
+  color: rgb(102, 102, 102);
+}
+.icon-ASAP-setup:before {
+  content: "\e30c";
+}
+.icon-book3:before {
+  content: "\e30d";
+}
+.icon-call-out2:before {
+  content: "\e30e";
+}
+.icon-call-outbound:before {
+  content: "\e30f";
+}
+.icon-close2:before {
+  content: "\e310";
+}
+.icon-collapse1:before {
+  content: "\e311";
+}
+.icon-css5:before {
+  content: "\e312";
+}
+.icon-denied .path1:before {
+  content: "\e313";
+  color: rgb(140, 140, 140);
+}
+.icon-denied .path2:before {
+  content: "\e314";
+  margin-left: -1.0791015625em;
+  color: rgb(255, 255, 255);
+}
+.icon-denied .path3:before {
+  content: "\e315";
+  margin-left: -1.0791015625em;
+  color: rgb(239, 239, 239);
+}
+.icon-denied .path4:before {
+  content: "\e316";
+  margin-left: -1.0791015625em;
+  color: rgb(140, 140, 140);
+}
+.icon-denied .path5:before {
+  content: "\e317";
+  margin-left: -1.0791015625em;
+  color: rgb(140, 140, 140);
+}
+.icon-denied .path6:before {
+  content: "\e318";
+  margin-left: -1.0791015625em;
+  color: rgb(140, 140, 140);
+}
+.icon-denied .path7:before {
+  content: "\e319";
+  margin-left: -1.0791015625em;
+  color: rgb(140, 140, 140);
+}
+.icon-denied .path8:before {
+  content: "\e31a";
+  margin-left: -1.0791015625em;
+  color: rgb(140, 140, 140);
+}
+.icon-denied .path9:before {
+  content: "\e31b";
+  margin-left: -1.0791015625em;
+  color: rgb(140, 140, 140);
+}
+.icon-denied .path10:before {
+  content: "\e31c";
+  margin-left: -1.0791015625em;
+  color: rgb(140, 140, 140);
+}
+.icon-denied .path11:before {
+  content: "\e31d";
+  margin-left: -1.0791015625em;
+  color: rgb(140, 140, 140);
+}
+.icon-download:before {
+  content: "\e31e";
+}
+.icon-drag-left .path1:before {
+  content: "\e31f";
+  color: rgb(69, 82, 100);
+}
+.icon-drag-left .path2:before {
+  content: "\e320";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-drag-left .path3:before {
+  content: "\e321";
+  margin-left: -1em;
+  color: rgb(235, 236, 238);
+}
+.icon-drag-left .path4:before {
+  content: "\e322";
+  margin-left: -1em;
+  color: rgb(69, 82, 100);
+}
+.icon-drag-left .path5:before {
+  content: "\e323";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-drag-up-down-01 .path1:before {
+  content: "\e324";
+  color: rgb(69, 82, 100);
+}
+.icon-drag-up-down-01 .path2:before {
+  content: "\e325";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-drag-up-down-01 .path3:before {
+  content: "\e326";
+  margin-left: -1em;
+  color: rgb(235, 236, 238);
+}
+.icon-drag-up-down-01 .path4:before {
+  content: "\e327";
+  margin-left: -1em;
+  color: rgb(69, 82, 100);
+}
+.icon-drag-up-down-01 .path5:before {
+  content: "\e328";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-draw12:before {
+  content: "\e329";
+}
+.icon-edit1:before {
+  content: "\e32a";
+}
+.icon-font-edit:before {
+  content: "\e32b";
+}
+.icon-gear:before {
+  content: "\e32c";
+}
+.icon-html9:before {
+  content: "\e32d";
+}
+.icon-inapp-embed:before {
+  content: "\e32e";
+}
+.icon-inapplist:before {
+  content: "\e32f";
+}
+.icon-key:before {
+  content: "\e330";
+}
+.icon-lock-01:before {
+  content: "\e331";
+}
+.icon-modownarrow:before {
+  content: "\e332";
+}
+.icon-moicons-01:before {
+  content: "\e333";
+}
+.icon-moicons-02:before {
+  content: "\e334";
+}
+.icon-moicons-03:before {
+  content: "\e335";
+}
+.icon-moicons-mute:before {
+  content: "\e336";
+}
+.icon-momissed:before {
+  content: "\e337";
+}
+.icon-mopause:before {
+  content: "\e338";
+}
+.icon-mopause3:before {
+  content: "\e339";
+}
+.icon-navicon:before {
+  content: "\e33a";
+}
+.icon-no-widgets .path1:before {
+  content: "\e33b";
+  color: rgb(255, 255, 255);
+}
+.icon-no-widgets .path2:before {
+  content: "\e33c";
+  margin-left: -1.732421875em;
+  color: rgb(239, 239, 239);
+}
+.icon-no-widgets .path3:before {
+  content: "\e33d";
+  margin-left: -1.732421875em;
+  color: rgb(255, 255, 255);
+}
+.icon-no-widgets .path4:before {
+  content: "\e33e";
+  margin-left: -1.732421875em;
+  color: rgb(239, 239, 239);
+}
+.icon-no-widgets .path5:before {
+  content: "\e33f";
+  margin-left: -1.732421875em;
+  color: rgb(140, 140, 140);
+}
+.icon-no-widgets .path6:before {
+  content: "\e340";
+  margin-left: -1.732421875em;
+  color: rgb(140, 140, 140);
+}
+.icon-no-widgets .path7:before {
+  content: "\e341";
+  margin-left: -1.732421875em;
+  color: rgb(140, 140, 140);
+}
+.icon-no-widgets .path8:before {
+  content: "\e342";
+  margin-left: -1.732421875em;
+  color: rgb(140, 140, 140);
+}
+.icon-no-widgets .path9:before {
+  content: "\e343";
+  margin-left: -1.732421875em;
+  color: rgb(140, 140, 140);
+}
+.icon-no-widgets .path10:before {
+  content: "\e344";
+  margin-left: -1.732421875em;
+  color: rgb(140, 140, 140);
+}
+.icon-no-widgets .path11:before {
+  content: "\e345";
+  margin-left: -1.732421875em;
+  color: rgb(140, 140, 140);
+}
+.icon-no-widgets .path12:before {
+  content: "\e346";
+  margin-left: -1.732421875em;
+  color: rgb(140, 140, 140);
+}
+.icon-no-widgets .path13:before {
+  content: "\e347";
+  margin-left: -1.732421875em;
+  color: rgb(140, 140, 140);
+}
+.icon-no-widgets .path14:before {
+  content: "\e348";
+  margin-left: -1.732421875em;
+  color: rgb(140, 140, 140);
+}
+.icon-no-widgets .path15:before {
+  content: "\e349";
+  margin-left: -1.732421875em;
+  color: rgb(140, 140, 140);
+}
+.icon-no-widgets .path16:before {
+  content: "\e34a";
+  margin-left: -1.732421875em;
+  color: rgb(140, 140, 140);
+}
+.icon-no-widgets .path17:before {
+  content: "\e34b";
+  margin-left: -1.732421875em;
+  color: rgb(140, 140, 140);
+}
+.icon-no-widgets .path18:before {
+  content: "\e34c";
+  margin-left: -1.732421875em;
+  color: rgb(140, 140, 140);
+}
+.icon-no-widgets .path19:before {
+  content: "\e34d";
+  margin-left: -1.732421875em;
+  color: rgb(140, 140, 140);
+}
+.icon-no-widgets .path20:before {
+  content: "\e34e";
+  margin-left: -1.732421875em;
+  color: rgb(140, 140, 140);
+}
+.icon-no-widgets .path21:before {
+  content: "\e34f";
+  margin-left: -1.732421875em;
+  color: rgb(140, 140, 140);
+}
+.icon-no-widgets .path22:before {
+  content: "\e350";
+  margin-left: -1.732421875em;
+  color: rgb(140, 140, 140);
+}
+.icon-no-widgets .path23:before {
+  content: "\e351";
+  margin-left: -1.732421875em;
+  color: rgb(140, 140, 140);
+}
+.icon-no-widgets .path24:before {
+  content: "\e352";
+  margin-left: -1.732421875em;
+  color: rgb(140, 140, 140);
+}
+.icon-no-widgets .path25:before {
+  content: "\e353";
+  margin-left: -1.732421875em;
+  color: rgb(140, 140, 140);
+}
+.icon-no-widgets .path26:before {
+  content: "\e354";
+  margin-left: -1.732421875em;
+  color: rgb(140, 140, 140);
+}
+.icon-no-widgets .path27:before {
+  content: "\e355";
+  margin-left: -1.732421875em;
+  color: rgb(140, 140, 140);
+}
+.icon-no-widgets .path28:before {
+  content: "\e356";
+  margin-left: -1.732421875em;
+  color: rgb(140, 140, 140);
+}
+.icon-no-widgets .path29:before {
+  content: "\e357";
+  margin-left: -1.732421875em;
+  color: rgb(140, 140, 140);
+}
+.icon-pencil2:before {
+  content: "\e358";
+}
+.icon-sort:before {
+  content: "\e359";
+}
+.icon-tab-custom:before {
+  content: "\e35a";
+}
+.icon-telephone98:before {
+  content: "\e35b";
+}
+.icon-telephony-ONhold:before {
+  content: "\e35c";
+}
+.icon-unlock-01:before {
+  content: "\e35d";
+}
+.icon-upload:before {
+  content: "\e35e";
+}
+.icon-webform:before {
+  content: "\e35f";
+}
+.icon-callBack:before {
+  content: "\e360";
+}
+.icon-instagramOut .path1:before {
+  content: "\e361";
+  color: rgb(1, 1, 1);
+}
+.icon-instagramOut .path2:before {
+  content: "\e362";
+  margin-left: -1em;
+  color: rgb(46, 115, 185);
+}
+.icon-instagramIn .path1:before {
+  content: "\e363";
+  color: rgb(1, 1, 1);
+}
+.icon-instagramIn .path2:before {
+  content: "\e364";
+  margin-left: -1em;
+  color: rgb(47, 169, 97);
+}
+.icon-instagram:before {
+  content: "\e365";
+}

package/{temp/fonts/webapps/support/css/zd-font-common.css → assets_final/react/zd-font-react-common.module.css}

@@ -1,6 +1,6 @@
 /*$Id$*/
 @font-face {
-  font-family:"zdfonts-common";
+  font-family:"zdf-react-common_1";
   src:
     url('../fonts/zd-common.woff2') format('woff2'),
     
@@ -8,10 +8,11 @@
     url('../fonts/zd-common.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
+  font-display: block;
 }
 
-.icon-clip2,.icon-add-new,.icon-agent1,.icon-ai,.icon-alarm-clock,.icon-archive,.icon-arrow-down-single,.icon-arrow-left,.icon-arrow-left3,.icon-arrow-right3,.icon-arrows-1,.icon-arrowup-single,.icon-bcarr,.icon-blueprint,.icon-books,.icon-calendar-icons,.icon-ch-email,.icon-ch-phone,.icon-Checkbox-type,.icon-checkmarks,.icon-chrome,.icon-circle-cross,.icon-circle-minus,.icon-circleminus3,.icon-circlePlus,.icon-circlePlus3,.icon-clip,.icon-clock,.icon-clock33,.icon-close1,.icon-closedtime1,.icon-cloud,.icon-comment-thick,.icon-comment-timer-pause,.icon-comments_1,.icon-comments-new-2,.icon-completed_task1,.icon-createdtime2,.icon-css,.icon-css5,.icon-deactive-user,.icon-delete2,.icon-desk_dislike-new,.icon-desk_like-new,.icon-dislike-new,.icon-dislike,.icon-doc,.icon-dwg,.icon-email-dft,.icon-exclamation-lightborder,.icon-exclamation-thincircle,.icon-exclamation,.icon-exe,.icon-exe2,.icon-file-excel,.icon-file-music,.icon-file-openoffice,.icon-file-pdf,.icon-file-picture,.icon-file-text2,.icon-file-video,.icon-file-word,.icon-file-zip,.icon-firefox,.icon-game06,.icon-geometry,.icon-globe2,.icon-help-round,.icon-help,.icon-html,.icon-ics,.icon-IE,.icon-imageicn,.icon-images,.icon-inbox,.icon-info,.icon-info31,.icon-information,.icon-information57,.icon-Invoice,.icon-iphone,.icon-like,.icon-like2-new,.icon-like2,.icon-marketplace,.icon-menu57,.icon-mp3,.icon-mp4,.icon-Myinfo,.icon-On-hold,.icon-overdue2,.icon-pdf,.icon-pin-dark,.icon-ppt,.icon-ppt2,.icon-psd,.icon-questionfile,.icon-Quicksetupgear,.icon-re-invite,.icon-reload,.icon-salesforce,.icon-sh2,.icon-spam,.icon-statusChange,.icon-task_overdue-new,.icon-task-call,.icon-task-meeting,.icon-task-none,.icon-task-time-entry,.icon-telephone,.icon-TelephonyDashboard,.icon-tick8,.icon-ticknew,.icon-Time-tracker,.icon-timeline2,.icon-TPCRM05-01,.icon-twilio,.icon-twitter4,.icon-txt,.icon-unarchive,.icon-unknown,.icon-update-success,.icon-video,.icon-xls,.icon-xml,.icon-xml2,.icon-zip3,.icon-playStore,.icon-Bigin_Logo{
-	font-family:"zdfonts-common" !important;
+.icon-clip2,.icon-add-new,.icon-agent1,.icon-ai,.icon-alarm-clock,.icon-archive,.icon-arrow-down-single,.icon-arrow-left,.icon-arrow-left3,.icon-arrow-right3,.icon-arrows-1,.icon-arrowup-single,.icon-bcarr,.icon-blueprint,.icon-books,.icon-calendar-icons,.icon-ch-email,.icon-ch-phone,.icon-Checkbox-type,.icon-checkmarks,.icon-chrome,.icon-circle-cross,.icon-circle-minus,.icon-circleminus3,.icon-circlePlus,.icon-circlePlus3,.icon-clip,.icon-clock,.icon-clock33,.icon-close1,.icon-closedtime1,.icon-cloud,.icon-comment-thick,.icon-comment-timer-pause,.icon-comments_1,.icon-comments-new-2,.icon-completed_task1,.icon-createdtime2,.icon-css,.icon-css5,.icon-deactive-user,.icon-delete2,.icon-desk_dislike-new,.icon-desk_like-new,.icon-dislike-new,.icon-dislike,.icon-doc,.icon-dwg,.icon-email-dft,.icon-exclamation-lightborder,.icon-exclamation-thincircle,.icon-exclamation,.icon-exe,.icon-exe2,.icon-file-excel,.icon-file-music,.icon-file-openoffice,.icon-file-pdf,.icon-file-picture,.icon-file-text2,.icon-file-video,.icon-file-word,.icon-file-zip,.icon-firefox,.icon-game06,.icon-geometry,.icon-globe2,.icon-help-round,.icon-help,.icon-html,.icon-ics,.icon-IE,.icon-imageicn,.icon-images,.icon-inbox,.icon-info,.icon-info31,.icon-information,.icon-information57,.icon-Invoice,.icon-iphone,.icon-like,.icon-like2-new,.icon-like2,.icon-marketplace,.icon-menu57,.icon-mp3,.icon-mp4,.icon-Myinfo,.icon-On-hold,.icon-overdue2,.icon-pdf,.icon-pin-dark,.icon-ppt,.icon-ppt2,.icon-psd,.icon-questionfile,.icon-Quicksetupgear,.icon-re-invite,.icon-reload,.icon-salesforce,.icon-sh2,.icon-spam,.icon-statusChange,.icon-task_overdue-new,.icon-task-call,.icon-task-meeting,.icon-task-none,.icon-task-time-entry,.icon-telephone,.icon-TelephonyDashboard,.icon-tick8,.icon-ticknew,.icon-Time-tracker,.icon-timeline2,.icon-TPCRM05-01,.icon-twilio,.icon-twitter4,.icon-txt,.icon-unarchive,.icon-unknown,.icon-update-success,.icon-video,.icon-xls,.icon-xml,.icon-xml2,.icon-zip3,.icon-playStore,.icon-Bigin_Logo,.icon-archived,.icon-accessibility{
+	font-family:"zdf-react-common_1" !important;
 }
 
 .icon-clip2:before {
@@ -710,6 +711,7 @@
 }
 .icon-TPCRM05-01:before {
   content: "\f7b4";
+  color: #226db4;
 }
 .icon-twilio:before {
   content: "\f7b5";
@@ -878,3 +880,9 @@
   content: "\f7d9";
   color: #049949;
 }
+.icon-archived:before {
+  content: "\f7da";
+}
+.icon-accessibility:before {
+  content: "\f7db";
+}