@zohodesk/icons 1.3.15 → 1.4.0

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## 1.4.0
+
+- `@dot-system/css-utility` classes adopted and cva added (consumers need to import the utility CSS)
+- Collapse per-icon font-family selector lists in CSS modules into a single `.ff` class, applied via iconContent['ff'] when rendering FontIcon.
+
 ## 1.3.15
 
 - ReactProductUpdatesIcon --> 12 icons included.

package/README.md

@@ -1,7 +1,25 @@
-# DOT FontIcons
+# @zohodesk/icons
 
-In this GiftBox we Provide FontIcons
+Font-icon support for DOT React applications. This package is part of the **DOT System** (**D**esign **O**ptimization **T**hinking).
+
+## Installation
+
+```bash
+npm install @zohodesk/icons
+```
+
+## Usage
+
+Import the icon helpers you need from `@zohodesk/icons` and use them to render and theme font icons in your React app, including:
+
+- Displaying font icons in UI
+- Sharing icon configuration across the tree
+- Aligning icons with DOT styling
+
+```js
+import * as icons from '@zohodesk/icons';
+```
 
 ## Changelog
 
-See [CHANGELOG.md](./CHANGELOG.md) for details on release history and updates.
+See [CHANGELOG.md](https://unpkg.com/@zohodesk/icons/CHANGELOG.md) for details on release history and updates.

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-ziaSummary,.icon-ziaTranslator,.icon-ziaContentEnhancer,.icon-ziaQualityChecker,.icon-ziaGenerateContent,.icon-ziaReplyAssistant,.icon-ziaRegerate,.icon-chatGPT,.icon-playground{
-	font-family:"zdfonts-rAI" !important;
-}
-
+.ff{font-family:"zdfonts-rAI" !important;}
 .icon-ziaSummary:before {
   content: "\c8000";
 }

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-learning,.icon-hearing,.icon-mobility,.icon-vision,.icon-dyslexia,.icon-seizure,.icon-adhd,.icon-astigmaism,.icon-blindness,.icon-colorBlindness,.icon-elderly,.icon-epilepsy,.icon-visuallyImpaired{
-	font-family:"zdfonts-rAccessibility" !important;
-}
-
+.ff{font-family:"zdfonts-rAccessibility" !important;}
 .icon-learning:before {
   content: "\c6000";
 }

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-bar,.icon-donut,.icon-happinessRating,.icon-line,.icon-liveTraffic,.icon-mostThread,.icon-multiLine,.icon-negativeRating,.icon-offlineAgent,.icon-onlineAgent,.icon-openTicket,.icon-overdueTicket,.icon-percentage,.icon-pie,.icon-responseTrend,.icon-stackedBar,.icon-unassignedTicket,.icon-growth,.icon-askZia{
-	font-family:"zdfonts-rAnalyticsColor" !important;
-}
-
+.ff{font-family:"zdfonts-rAnalyticsColor" !important;}
 .icon-bar .path1:before {
   content: "\c9500";
   color: rgb(227, 40, 40);

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-auAction,.icon-auIf,.icon-auSchedule,.icon-auBranch,.icon-auTrigger,.icon-fitToView,.icon-reCentre,.icon-addComment,.icon-addFollower,.icon-addSkill,.icon-addTag,.icon-alert,.icon-articleSuggestion,.icon-assignTicket,.icon-automation,.icon-changeLayout,.icon-createRecord,.icon-customFunction,.icon-deleteRecord,.icon-getRecord,.icon-moveDepartment,.icon-notifyIM,.icon-reassignRequest,.icon-recalculateSkill,.icon-removeSkill,.icon-removeTag,.icon-replyIM,.icon-sendEmailReply,.icon-shareTicket,.icon-spamTicket,.icon-updateRecord,.icon-updateTicket,.icon-webhooks,.icon-ziaBot,.icon-ziaExtract,.icon-ziaGenerate,.icon-ziaPredict,.icon-failure,.icon-nodeRemove,.icon-reschedule,.icon-scheduleDelay,.icon-skip{
-	font-family:"zdfonts-rAutomation" !important;
-}
-
+.ff{font-family:"zdfonts-rAutomation" !important;}
 .icon-auAction .path1:before {
   content: "\c8500";
   color: rgb(0, 0, 0);

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-associatedDept,.icon-callBack,.icon-dialpad,.icon-ivr,.icon-microphone,.icon-mute,.icon-onHold,.icon-pause,.icon-unassociatedDept,.icon-voiceMail,.icon-contactInformation,.icon-listening{
-	font-family:"zdfonts-rCallBar" !important;
-}
-
+.ff{font-family:"zdfonts-rCallBar" !important;}
 .icon-associatedDept:before {
   content: "\c2000";
 }

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.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;
-}
-
+.ff{font-family:"zdfonts-rChannels" !important;}
 .icon-chCall:before {
   content: "\b9000";
 }

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.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;
-}
-
+.ff{font-family:"zdfonts-rCustomize" !important;}
 .icon-callStatus:before {
   content: "\b7000";
 }

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-customMobileApp{
-	font-family:"zdfonts-rDeveloperSpace" !important;
-}
-
+.ff{font-family:"zdfonts-rDeveloperSpace" !important;}
 .icon-customMobileApp:before {
   content: "\c9000";
 }

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-android,.icon-chrome,.icon-clrAi,.icon-clrCss,.icon-clrDoc,.icon-clrDwg,.icon-clrExe,.icon-clrHelp,.icon-clrHtml,.icon-clrImage,.icon-clrMp3,.icon-clrMp4,.icon-clrPdf,.icon-clrPpt,.icon-clrPsd,.icon-clrText,.icon-clrVideo,.icon-clrXls,.icon-clrXml,.icon-clrZip,.icon-exe,.icon-explorer,.icon-file,.icon-fileEmpty,.icon-fileExcel,.icon-fileMp3,.icon-fileImage,.icon-fileOffice,.icon-fileMp4,.icon-filePdf,.icon-fileWord,.icon-fileXml,.icon-fileZip,.icon-firebox,.icon-iOS,.icon-linux,.icon-playstore,.icon-clrCsv{
-	font-family:"zdfonts-rExportFiles" !important;
-}
-
+.ff{font-family:"zdfonts-rExportFiles" !important;}
 .icon-android:before {
   content: "\b6000";
 }

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-signOut,.icon-phoneFill,.icon-more,.icon-alignLeft,.icon-alignRight,.icon-allignCenter,.icon-allignJustify,.icon-bold,.icon-bullets,.icon-clearFormat,.icon-decreaceIndent,.icon-font,.icon-fontColour,.icon-formatPainter,.icon-horizontalRule,.icon-increaceIndent,.icon-insertCode,.icon-insertHtml,.icon-insertImage,.icon-insertQuote,.icon-italic,.icon-numbering,.icon-spellCheck,.icon-strikeThrough,.icon-underLine,.icon-agent,.icon-agentFill,.icon-alarmclock,.icon-alertTriangle,.icon-alertTriangleFill,.icon-arrowDown,.icon-arrowDownCircle,.icon-arrowFill,.icon-ascending,.icon-attachment,.icon-avatar,.icon-backspaceDelete,.icon-bad,.icon-badFill,.icon-bell,.icon-bgColor,.icon-camera,.icon-checkbox,.icon-circleMinus,.icon-circlePlus,.icon-clear,.icon-clock,.icon-cloud,.icon-copy,.icon-delete,.icon-descending,.icon-dislike,.icon-download,.icon-dragandDrop,.icon-dropdown,.icon-dropdownCircle,.icon-dropdownStroke,.icon-edit,.icon-editPen,.icon-eraser,.icon-exclamationfill,.icon-funnel,.icon-good,.icon-goodFill,.icon-helpRound,.icon-helpStroke,.icon-hideTab,.icon-home,.icon-info,.icon-invisible,.icon-like,.icon-lock,.icon-maximize,.icon-minimize,.icon-minus,.icon-move,.icon-newLink,.icon-ok,.icon-okFill,.icon-paperPlane,.icon-phone,.icon-pin,.icon-plus,.icon-power,.icon-print,.icon-priorityMode,.icon-refresh,.icon-reload,.icon-reply,.icon-replyAll,.icon-resize,.icon-screen,.icon-search,.icon-share,.icon-signal,.icon-sorting,.icon-sortingAZ,.icon-spam,.icon-speaker,.icon-speakerOff,.icon-starFill,.icon-starStroke,.icon-tick,.icon-tickRoundFill,.icon-timeLine,.icon-unlock,.icon-upload,.icon-visible,.icon-zoomIn,.icon-zoomOut,.icon-follow,.icon-forward,.icon-forwardFill,.icon-unFollow,.icon-infoStroke,.icon-onHold,.icon-clearFilter,.icon-placeholder,.icon-gift,.icon-freeTrial,.icon-skills,.icon-contactInformation,.icon-relatedDetails,.icon-template,.icon-department,.icon-doubleTick,.icon-bounce,.icon-accessibility,.icon-read,.icon-unread,.icon-wmsSun,.icon-wmsMoon,.icon-configuaration,.icon-premium,.icon-money,.icon-Marketplace,.icon-ticketDetail,.icon-spaceBar,.icon-enter,.icon-comma,.icon-skipReplyall,.icon-roundRobinSequential,.icon-filterAdd,.icon-jsonWebToken,.icon-parentChild,.icon-saml,.icon-smsAuth,.icon-ticketOwner,.icon-mesengerFill,.icon-telegramFill,.icon-sortingArrow,.icon-androidFill,.icon-customDashboard,.icon-databaseEncryption,.icon-myPins,.icon-pinned,.icon-unDo,.icon-flagFill,.icon-instagram,.icon-line,.icon-answerBot,.icon-primaryContact,.icon-wallet,.icon-agentportal,.icon-fileMail,.icon-rename,.icon-fileDoc,.icon-fileSheet,.icon-filePpt,.icon-fileUnknown,.icon-imPause,.icon-imPlay,.icon-imRecord,.icon-radar,.icon-pricingTag,.icon-doubleArrow,.icon-followUpTicket,.icon-mailDefault,.icon-enterprisePlan,.icon-expressPlan,.icon-freePlan,.icon-OCR,.icon-professionalPlan,.icon-standerdPlan,.icon-ultimatePlan,.icon-process,.icon-featureHome,.icon-manualTranslation,.icon-tour{
-	font-family:"zdfonts-rGeneral" !important;
-}
-
+.ff{font-family:"zdfonts-rGeneral" !important;}
 .icon-signOut:before {
   content: "\b2000";
 }

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-endChat,.icon-incomingMissed,.icon-outgoingMissed,.icon-arattai,.icon-arattaiBusiness{
-	font-family:"zdfonts-rIM" !important;
-}
-
+.ff{font-family:"zdfonts-rIM" !important;}
 .icon-endChat:before {
   content: "\c7500";
 }

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-intAnalytics,.icon-intBigin,.icon-intBooks,.icon-intBugTracker,.icon-intClick,.icon-intInventry,.icon-intJira,.icon-intOffice365,.icon-intOrchestly,.icon-intProject,.icon-intSalesforce,.icon-intSkydesk,.icon-intSlack,.icon-intSprints,.icon-intTwilio,.icon-zia,.icon-intInvoice,.icon-intSubscription,.icon-searchZoho,.icon-inSalesIQ,.icon-intBilling,.icon-agentStudio{
-	font-family:"zdfonts-rIntegrations" !important;
-}
-
+.ff{font-family:"zdfonts-rIntegrations" !important;}
 .icon-intAnalytics:before {
   content: "\b3000";
   color: #e32829;

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-lhsActivity,.icon-lhsAccount,.icon-lhsAgentQueue,.icon-lhsArticle,.icon-lhsCall,.icon-lhsContact,.icon-lhsDashboard,.icon-lhsEvent,.icon-lhsFacebook,.icon-lhsFeeds,.icon-lhsforum,.icon-lhsGallery,.icon-lhsOverview,.icon-lhsReport,.icon-lhsTag,.icon-lhsTask,.icon-lhsTeamQueue,.icon-lhsTwitter,.icon-lhsViews,.icon-lhsProduct,.icon-lhsAdvancedAnalytics,.icon-lhsKB,.icon-lhsManage,.icon-lhsTicket{
-	font-family:"zdfonts-rLhs" !important;
-}
-
+.ff{font-family:"zdfonts-rLhs" !important;}
 .icon-lhsActivity .path1:before {
   content: "\c3000";
   color: rgb(1, 1, 1);

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-placeholder1,.icon-placeholder2,.icon-placeholder3,.icon-placeholder4,.icon-placeholder5,.icon-placeholder6,.icon-placeholder7,.icon-placeholder8,.icon-placeholder9,.icon-placeholder10,.icon-placeholder11,.icon-placeholder12,.icon-placeholder13,.icon-bolt,.icon-allApps{
-	font-family:"zdfonts-rMarketplace" !important;
-}
-
+.ff{font-family:"zdfonts-rMarketplace" !important;}
 .icon-placeholder1 .path1:before {
   content: "\b4000";
   color: rgb(51, 51, 51);

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-addDashboard,.icon-area,.icon-barHorizantal,.icon-barLine,.icon-barVertical,.icon-clrBar,.icon-clrFunnel,.icon-clrLine,.icon-clrMultiline,.icon-clrPercentageBar,.icon-clrPie,.icon-clrStackedBar,.icon-clrTableAccount,.icon-clrTableContact,.icon-clrTableReport,.icon-clrTableTask,.icon-clrTableticket,.icon-dialMeter,.icon-lineGraph,.icon-matrixReport,.icon-multilineGraph,.icon-overviewFill,.icon-overviewLine,.icon-overviewMultiline,.icon-pieChart,.icon-report,.icon-summaryReport,.icon-tabularReport,.icon-wordCloud,.icon-reportRedirection,.icon-clrBulletChart,.icon-clrCompare,.icon-clrDialchart,.icon-clrMetricCards,.icon-KPICards{
-	font-family:"zdfonts-rReports" !important;
-}
-
+.ff{font-family:"zdfonts-rReports" !important;}
 .icon-addDashboard:before {
   content: "\b8000";
 }

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-account,.icon-activeUser,.icon-addFile,.icon-addTickets,.icon-annoncement,.icon-buildExtension,.icon-change,.icon-channel,.icon-chatBubble,.icon-contact,.icon-contract,.icon-conversation,.icon-dashboard,.icon-deactivateAgent,.icon-desk,.icon-donutChart,.icon-dragUpdown,.icon-escalate,.icon-generateToken,.icon-hotspot,.icon-htmlCode,.icon-invoice,.icon-location,.icon-manage,.icon-onHoldPause,.icon-pageSense,.icon-permission,.icon-ppt,.icon-reinvite,.icon-returns,.icon-selfService,.icon-setpracket,.icon-shuffle,.icon-survey,.icon-syncAfter,.icon-syncSchedule,.icon-syncSetting,.icon-template,.icon-uploadExtension,.icon-api,.icon-autitLog{
-	font-family:"zdfonts-rSetup" !important;
-}
-
+.ff{font-family:"zdfonts-rSetup" !important;}
 .icon-account:before {
   content: "\b5000";
 }

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-activity,.icon-addAgent,.icon-API,.icon-applyMacro,.icon-archivedView,.icon-article,.icon-blueprint,.icon-book,.icon-bot,.icon-botNegative,.icon-botNuetral,.icon-botPossitive,.icon-bug,.icon-clone,.icon-closedTime,.icon-comment,.icon-completedTask,.icon-countdownMode,.icon-createdTime,.icon-customizeTable,.icon-disLink,.icon-draftdelete,.icon-draftEdit,.icon-draftSend,.icon-ellipsis,.icon-event,.icon-expand,.icon-flag,.icon-followers,.icon-forwardDraft,.icon-crm,.icon-hash,.icon-hideTab,.icon-idea,.icon-in,.icon-link,.icon-macros,.icon-merge,.icon-noviewer,.icon-out,.icon-paidUser,.icon-peek,.icon-remoteAssist,.icon-responsiveReply,.icon-roles,.icon-rolesSub,.icon-sandClock,.icon-snippet,.icon-snippetPen,.icon-split,.icon-statusMode,.icon-table,.icon-tag,.icon-task,.icon-team,.icon-teamAgent,.icon-thread,.icon-ticket,.icon-timeEntry,.icon-timeEntryPause,.icon-timeEntryStart,.icon-timelineDots,.icon-transition,.icon-unArchivedView,.icon-commentFill,.icon-commentLine,.icon-primaryFolder,.icon-roundComment,.icon-scheduleReply,.icon-showOriginal,.icon-tickCircle,.icon-editFill,.icon-calendarFill,.icon-fontA,.icon-doubleArrow,.icon-preference,.icon-commentPath,.icon-followStroke,.icon-relatedDetails,.icon-ticketVisible,.icon-ticketInvisible,.icon-languageDetector,.icon-ticketView,.icon-prediction,.icon-parentTicket,.icon-childTicket,.icon-makeLonger,.icon-makeShorter,.icon-addResolution,.icon-clearSchedule,.icon-ziaTranslator,.icon-customModule,.icon-reschedule,.icon-publicPrivatePin,.icon-ticketSpam,.icon-ticketClosed,.icon-ticketContexual,.icon-ticketReopen,.icon-tempPreview,.icon-botNeutral,.icon-botPositive,.icon-nestedConversation,.icon-sideChat,.icon-maskContent,.icon-redactContent,.icon-unmaskContent,.icon-viewConent{
-	font-family:"zdfonts-rTickets" !important;
-}
-
+.ff{font-family:"zdfonts-rTickets" !important;}
 .icon-activity:before {
   content: "\b1000";
 }

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-demo,.icon-webinar,.icon-statusFill,.icon-statusStroke,.icon-enterpriceplanPlan,.icon-freePlan,.icon-mobile,.icon-overPhone,.icon-overWeb,.icon-professionalPlan,.icon-standerdPlan,.icon-diamond,.icon-userCommunity,.icon-weekDaysAssistance,.icon-whatsApp,.icon-advanceSearch,.icon-configuaration,.icon-disSortingFill,.icon-feedback,.icon-gamescope,.icon-hamburgerMenu,.icon-integration,.icon-keyboard,.icon-list,.icon-marketplace,.icon-menu,.icon-notification,.icon-settings,.icon-sortingFill,.icon-backArrow,.icon-features,.icon-defaultTicket,.icon-sandboxMode{
-	font-family:"zdfonts-rTopband" !important;
-}
-
+.ff{font-family:"zdfonts-rTopband" !important;}
 .icon-demo:before {
   content: "\c1000";
 }

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-accounts,.icon-activities,.icon-agentQueue,.icon-article,.icon-chCallIn,.icon-chChat,.icon-chChatIn,.icon-chChatOut,.icon-chForwardDraft,.icon-chFacebook,.icon-chFacebookIn,.icon-chFacebookOut,.icon-chForum,.icon-chForumIn,.icon-chForumOut,.icon-chMail,.icon-chMailForward,.icon-chMailIn,.icon-chMailOut,.icon-ttChTwitter,.icon-ttChTwitterIn,.icon-ttChTwitterOut,.icon-chWidget,.icon-contact,.icon-contracts,.icon-crm,.icon-dashboard,.icon-event,.icon-feeds,.icon-gallery,.icon-gear,.icon-manage,.icon-notification,.icon-overview,.icon-search,.icon-tags,.icon-task,.icon-teamQueue,.icon-views,.icon-chInstagram,.icon-chInstagramOut,.icon-chInstagramIn,.icon-flagFill,.icon-chWhatsApp,.icon-chWhatsAppIn,.icon-chWhatsAppOut,.icon-product,.icon-gamescope,.icon-chDraft,.icon-remoteAssist,.icon-conversation,.icon-chDirectFacebook,.icon-analytics,.icon-annoncement,.icon-books,.icon-bug,.icon-bot,.icon-chCall,.icon-chCallOut,.icon-chHappiness,.icon-chHappinessIn,.icon-chHappinessOut,.icon-chWeb,.icon-chWebIn,.icon-chWebOut,.icon-comments,.icon-follow,.icon-idea,.icon-info,.icon-QuestionStroke,.icon-reports,.icon-share,.icon-ticket,.icon-ticketProperties,.icon-timeLine,.icon-triangleAlert,.icon-moreApps,.icon-reply,.icon-skills,.icon-instaIM,.icon-imWeChat,.icon-imtwillio,.icon-imTelegram,.icon-imLine,.icon-imASAP,.icon-pdf,.icon-mp4,.icon-code,.icon-unknown,.icon-txt,.icon-zip,.icon-image,.icon-mp3,.icon-ttLocation,.icon-ttAttach,.icon-ttHash,.icon-supportPlan,.icon-zia,.icon-xls,.icon-ppt,.icon-fbMessanger,.icon-customModule,.icon-blocked,.icon-ended,.icon-allChannels,.icon-ttreschedule,.icon-chTwitterDirect,.icon-ttFilter,.icon-notificationBell,.icon-selfservicePortal,.icon-ttComment,.icon-ttCommentOut,.icon-ttCommentIn,.icon-aiInbox,.icon-aiChatSummary,.icon-compactView,.icon-fullView,.icon-splitView,.icon-weCom,.icon-exploreExtension,.icon-uploadExtension,.icon-buildExtension,.icon-ttMic{
-	font-family:"zdfonts-rTwotone" !important;
-}
-
+.ff{font-family:"zdfonts-rTwotone" !important;}
 .icon-accounts .path1:before {
   content: "\c5000";
   color: rgb(153, 153, 153);

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-agentDetails,.icon-communityDashboard,.icon-privacySecurity,.icon-addThread,.icon-articleNumber,.icon-attachmentAnnotator,.icon-gcEnhancement,.icon-instantMessaging,.icon-multipleTime,.icon-multiYear,.icon-openID,.icon-passwordProtection,.icon-subtab,.icon-templates,.icon-ziaAssistanceCF{
-	font-family:"zdfonts-rUpdates" !important;
-}
-
+.ff{font-family:"zdfonts-rUpdates" !important;}
 .icon-agentDetails:before {
   content: "\c7000";
 }

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.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-react-addforms" !important;
-}
-
+.ff{font-family:"zdfonts-react-addforms" !important;}
 .icon-addClone .path1:before {
   content: "\e100";
   color: rgb(244, 244, 244);

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-current-stats,.icon-draganddrop-small,.icon-duetime1,.icon-exclamation-black,.icon-eye-blocked,.icon-news,.icon-setup-fields1,.icon-transition,.icon-roundRobinSequential{
-	font-family:"zdfonts-react-automate" !important;
-}
-
+.ff{font-family:"zdfonts-react-automate" !important;}
 .icon-current-stats .path1:before {
   content: "\e200";
   color: rgb(237, 83, 102);

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.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,.icon-xTwiiter{
-	font-family:"zdfonts-react-channels" !important;
-}
-
+.ff{font-family:"zdfonts-react-channels" !important;}
 .icon-android:before {
   content: "\e300";
 }

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.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,.icon-videoCall,.icon-telephoneThick{
-	font-family:"zdfonts-react-common" !important;
-}
-
+.ff{font-family:"zdfonts-react-common" !important;}
 .icon-clip2:before {
   content: "\f700";
 }

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-Announcement,.icon-arrow-shuffle,.icon-attention,.icon-bubble,.icon-bulb_new,.icon-caution-o,.icon-circle-plus,.icon-compose,.icon-discussions,.icon-inapp-close,.icon-kb_view_icon,.icon-lights-thick,.icon-locked,.icon-megaphone,.icon-megaphone2,.icon-menu57,.icon-moderation-new,.icon-move-mp,.icon-page-not-found,.icon-question-mark,.icon-sorting-dis,.icon-sorting-disnew,.icon-sorting2,.icon-Sticky,.icon-twitter4,.icon-Unassociated,.icon-url-not-found,.icon-zsbell,.icon-moderater-tick{
-	font-family:"zdfonts-react-community" !important;
-}
-
+.ff{font-family:"zdfonts-react-community" !important;}
 .icon-Announcement:before {
   content: "\e400";
 }

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-checkmark-o,.icon-circle-check,.icon-contract,.icon-globe,.icon-globe1{
-	font-family:"zdfonts-react-customers" !important;
-}
-
+.ff{font-family:"zdfonts-react-customers" !important;}
 .icon-checkmark-o:before {
   content: "\e500";
 }

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-ai,.icon-callDir,.icon-callStatus,.icon-clear,.icon-css,.icon-Currency,.icon-Datepicker,.icon-DateTime,.icon-Decimal,.icon-doc,.icon-dwg,.icon-exe2,.icon-help-centre,.icon-html,.icon-ics,.icon-Idea-new,.icon-imageicn,.icon-inappweb-main,.icon-integer,.icon-look-up,.icon-menu57,.icon-mp3,.icon-mp4,.icon-Multiselectpicklist,.icon-pdf,.icon-percentage,.icon-phone-type,.icon-picklist,.icon-ppt2,.icon-psd,.icon-questionfile,.icon-remove-field,.icon-remove,.icon-replace_value,.icon-settings2,.icon-sh2,.icon-sort1-a-z,.icon-sugsol,.icon-Textarea,.icon-texticn,.icon-TextType,.icon-ticket,.icon-twitter4,.icon-txt,.icon-video,.icon-xls,.icon-xml2,.icon-ZD-accounts,.icon-ZD-contracts,.icon-ZD-dashboards,.icon-ZD-products,.icon-ZD-timeentry,.icon-zip3,.icon-skills,.icon-customAction,.icon-ZD-IM{
-	font-family:"zdfonts-react-customize" !important;
-}
-
+.ff{font-family:"zdfonts-react-customize" !important;}
 .icon-ai .path1:before {
   content: "\e600";
   color: rgb(233, 233, 224);

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-circular-minus,.icon-game01,.icon-game02,.icon-game03,.icon-game04,.icon-game05,.icon-game07,.icon-game08,.icon-zdshield1,.icon-zdshield2,.icon-zdshield3,.icon-zdshield4{
-	font-family:"zdfonts-react-gamescope" !important;
-}
-
+.ff{font-family:"zdfonts-react-gamescope" !important;}
 .icon-circular-minus:before {
   content: "\f800";
 }

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-audio,.icon-download,.icon-faq,.icon-file,.icon-image,.icon-location,.icon-message,.icon-note,.icon-rightarrow,.icon-text,.icon-arthmetic,.icon-asap09,.icon-audiobutton,.icon-emojibutton,.icon-imagebutton,.icon-inputaudio,.icon-inputcurrency,.icon-inputimage,.icon-inputmail,.icon-inputnumber,.icon-inputslider,.icon-inputtext,.icon-inputurl,.icon-inputvideo,.icon-jump,.icon-pathdivider,.icon-starbutton,.icon-textbutton,.icon-thumbbutton,.icon-videobutton,.icon-webhook,.icon-Alert,.icon-Alert2,.icon-ArrowLeft,.icon-Atsign,.icon-Bold,.icon-Calendar,.icon-ChevronDown,.icon-ChevronLeft,.icon-ChevronRight,.icon-CircleCross,.icon-Clear,.icon-ClipBoard,.icon-Clock,.icon-Cross,.icon-Desktop,.icon-Duplicate,.icon-EmojiSmile,.icon-Flag,.icon-FullScreen,.icon-Grid,.icon-Home,.icon-Image,.icon-Info,.icon-Italic,.icon-Layer,.icon-Link,.icon-List,.icon-Maximize,.icon-Minimize,.icon-Mobile,.icon-Navigation,.icon-Pen,.icon-Plus,.icon-QuestionCircle,.icon-Refresh,.icon-Search,.icon-Tick,.icon-Trash,.icon-Trash2,.icon-UnderLine,.icon-Video,.icon-Video2,.icon-Zap,.icon-Zoomin,.icon-Zoomout,.icon-hearteyes,.icon-neutralface,.icon-slightfrowning,.icon-slightsmile,.icon-starfrowing,.icon-starheart,.icon-starneutral,.icon-starsmile,.icon-starunamused,.icon-thumbsdown,.icon-thumbsup,.icon-unamused,.icon-gcLogo,.icon-button,.icon-cloud,.icon-dynamicCard,.icon-staticCard,.icon-dynamicInfo,.icon-staticInfo,.icon-object,.icon-number,.icon-arrayOfString,.icon-arrayOfObject,.icon-inputFile,.icon-deskLogo,.icon-dynamicButton,.icon-blocks,.icon-connection,.icon-request,.icon-response,.icon-agent,.icon-urlbutton,.icon-inputlocation,.icon-array,.icon-dropoff,.icon-click,.icon-boolean,.icon-jumpstate,.icon-lineHight,.icon-arrayOfImage,.icon-arrayOfNumber,.icon-alertcircle,.icon-alertfilled,.icon-attachment,.icon-alertNew,.icon-atsignNew,.icon-boldNew,.icon-calendarNew,.icon-centerAlign,.icon-chevrondownNew,.icon-chevrondownSmall,.icon-chevronleftNew,.icon-clickNew,.icon-cloudNew,.icon-collapse,.icon-command,.icon-copyNew,.icon-crossCircleNew,.icon-crossNew,.icon-deleteNew,.icon-display,.icon-downloadNew,.icon-draggable,.icon-edit,.icon-erase,.icon-exit,.icon-external,.icon-eye,.icon-flagNew,.icon-folder,.icon-font,.icon-fontColor,.icon-fontColortwo,.icon-fontSize,.icon-fullScreenNew,.icon-gif,.icon-graph,.icon-gridNew,.icon-headingOne,.icon-headingThree,.icon-headingTwo,.icon-history,.icon-home,.icon-imageNew,.icon-images,.icon-infofilled,.icon-infoNew,.icon-internal,.icon-italicNew,.icon-jumpstateNew,.icon-justifiedAlign,.icon-plusNew,.icon-leftAlign,.icon-lineHeight,.icon-linkNew,.icon-list,.icon-locationNew,.icon-mail,.icon-maximizeNew,.icon-metrics,.icon-minimizeNew,.icon-minusSquare,.icon-notsupport,.icon-options,.icon-numberlist,.icon-people,.icon-questioncircleFilled,.icon-plusSquare,.icon-questioncircleNew,.icon-recenter,.icon-variable,.icon-redo,.icon-reloadNew,.icon-rightAlign,.icon-searchNew,.icon-settings,.icon-smileyNew,.icon-strikethrough,.icon-string,.icon-subscript,.icon-superscript,.icon-tick,.icon-tickCircle,.icon-tickSquare,.icon-tip,.icon-underlineNew,.icon-undo,.icon-upload,.icon-videoNew,.icon-zoominNew,.icon-zoomoutNew,.icon-webhookNew,.icon-displayCard,.icon-minimalView,.icon-textNew,.icon-moveLeft,.icon-feedbackButton,.icon-control,.icon-detailView,.icon-smileyButtonNew,.icon-moveRight,.icon-messageNewFilled,.icon-inputFilled,.icon-numberNew,.icon-controlFilled,.icon-audioNew,.icon-dynamicButtonNew,.icon-choiceFilled,.icon-card,.icon-slider,.icon-integrationFilled,.icon-calendarInput,.icon-messageNew,.icon-fork,.icon-imageButtonNew,.icon-operation,.icon-input,.icon-integration,.icon-currency,.icon-displayMessage,.icon-textButtonNew,.icon-videoButtonNew,.icon-audioButtonNew,.icon-fileNew,.icon-choice,.icon-linkButton,.icon-print,.icon-toggleOn,.icon-sortDown,.icon-outdated,.icon-shareFilled,.icon-embed,.icon-multilingual,.icon-activities,.icon-customize,.icon-share,.icon-clipBoardFilled,.icon-qr,.icon-analytics,.icon-sortUp,.icon-star,.icon-publicUrl,.icon-publish,.icon-play,.icon-asap,.icon-iframe,.icon-starFilled,.icon-fillter,.icon-clipBoardNew,.icon-toggleOff,.icon-customizeFilled,.icon-multilingualFilled,.icon-analyticsFilled,.icon-TT-sparkles,.icon-TT-form,.icon-TT-template,.icon-IG-connect,.icon-IG-sheet,.icon-IG-meeting,.icon-IG-mail,.icon-zohoCalander,.icon-combine,.icon-combineOld,.icon-flowNavigatorFilled,.icon-flowNavigator,.icon-homeFilled,.icon-atsignNewFilled,.icon-metricsFilled,.icon-collapseAll,.icon-expandAll,.icon-horizontalView,.icon-wechatColor,.icon-wechat,.icon-wecomColor,.icon-wecom,.icon-Check-Filled,.icon-ChevronUpDown,.icon-Logs,.icon-Organisation,.icon-OrganisationFilled,.icon-Pending-Filled,.icon-Stars,.icon-zohoCheckout,.icon-arattaiMono,.icon-arattaiBusinessMono{
-	font-family:"zdfonts-react-gcFonts" !important;
-}
-
+.ff{font-family:"zdfonts-react-gcFonts" !important;}
 .icon-audio:before {
   content: "\c4000";
 }

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-arrow-left,.icon-camera,.icon-channels-4,.icon-check,.icon-close-e,.icon-CRM_new,.icon-delete-2,.icon-delete2,.icon-exclamation-thincircle,.icon-fb2,.icon-Get_Start_rocket,.icon-Getsrart-gear-bg,.icon-GetStartBG,.icon-GetStartstar,.icon-greenemail,.icon-ic-social_arrow-line,.icon-ic-social_fb-2,.icon-ic-social_twitter-2,.icon-info31,.icon-invite-agents,.icon-livechat,.icon-open,.icon-pen2,.icon-Quicksetup,.icon-Quicksetupgear,.icon-Quicksetupgear1,.icon-rebrand_new,.icon-Rebrand,.icon-rebrand2,.icon-SkyDeskSupport,.icon-spam,.icon-telephone,.icon-TelephonyDashboard,.icon-ticknew,.icon-TPCRM05-01,.icon-twit,.icon-zd_live_chat,.icon-zd-self-service,.icon-zd-social,.icon-Zoho-Desk,.icon-Bigin_Logo{
-	font-family:"zdfonts-react-gettingstarted" !important;
-}
-
+.ff{font-family:"zdfonts-react-gettingstarted" !important;}
 .icon-arrow-left:before {
   content: "\f900";
 }

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-add-column-left,.icon-add-column-right,.icon-add-row-above,.icon-add-row-below,.icon-add-table-header,.icon-article-emptyattach-3px,.icon-Attach-inapp,.icon-caution-thick,.icon-default-table,.icon-delete-column,.icon-delete-row,.icon-delete-table,.icon-desk-KB,.icon-desk-KB2,.icon-document-new,.icon-document9,.icon-editor-image,.icon-exclamation1,.icon-eye4,.icon-format-table,.icon-import-article,.icon-KB-ANALYTICS_Analyse,.icon-KB-ANALYTICS_Calculator,.icon-KB-ANALYTICS_Dashboard,.icon-KB-ANALYTICS_Graph-1,.icon-KB-ANALYTICS_Graph-2,.icon-KB-ANALYTICS_Graph-3,.icon-KB-ANALYTICS_Graph-4,.icon-KB-ANALYTICS_Graph-5,.icon-KB-ANALYTICS_Graph-6,.icon-KB-ANALYTICS_Graph-7,.icon-KB-ANALYTICS_Report,.icon-KB-ANALYTICS_Table,.icon-KB-ANALYTICS_Task-2,.icon-KB-ANALYTICS_Task,.icon-KB-ANANLYTICS_Analysis-1,.icon-KB-ANANLYTICS_Analysis-2,.icon-KB-ANANLYTICS_Analysis-3,.icon-KB-ANANLYTICS_Calculator,.icon-KB-ANANLYTICS_Dashboard,.icon-KB-ANANLYTICS_Graph-1,.icon-KB-ANANLYTICS_Graph-2,.icon-KB-ANANLYTICS_Graph-3,.icon-KB-ANANLYTICS_Graph-4,.icon-KB-ANANLYTICS_Graph-5,.icon-KB-ANANLYTICS_Report-1,.icon-KB-ANANLYTICS_Table,.icon-KB-ANANLYTICS_Task-1,.icon-KB-ANANLYTICS_Task-2,.icon-KB-BUSINESS_Award,.icon-KB-BUSINESS_Calculator,.icon-KB-BUSINESS_Cart,.icon-KB-BUSINESS_Coin,.icon-KB-BUSINESS_Coins,.icon-KB-BUSINESS_Flag,.icon-KB-BUSINESS_Graph,.icon-KB-BUSINESS_Growth,.icon-KB-BUSINESS_Idea-1,.icon-KB-BUSINESS_Idea,.icon-KB-BUSINESS_Idea2,.icon-KB-BUSINESS_Leadership,.icon-KB-BUSINESS_Manager-Chair,.icon-KB-BUSINESS_Meeting,.icon-KB-BUSINESS_Meeting2,.icon-KB-BUSINESS_Money-bag,.icon-KB-BUSINESS_Money-bag2,.icon-KB-BUSINESS_Network,.icon-KB-BUSINESS_Persionolity,.icon-KB-BUSINESS_Product,.icon-KB-BUSINESS_Report,.icon-KB-BUSINESS_Success,.icon-KB-BUSINESS_Success2,.icon-KB-BUSINESS_Suitcase,.icon-KB-BUSINESS_Suitcase2,.icon-KB-BUSINESS_Target,.icon-KB-BUSINESS_Tie,.icon-kb-catlogo-book,.icon-kb-catlogo-camera,.icon-kb-catlogo-globe,.icon-kb-catlogo-headphone,.icon-kb-catlogo-match,.icon-kb-catlogo-mic,.icon-kb-catlogo-mobile,.icon-kb-catlogo-monitor,.icon-kb-catlogo-mp4,.icon-kb-catlogo-pendrive,.icon-kb-catlogo-radio,.icon-kb-catlogo-roundmic,.icon-kb-catlogo-satelite,.icon-kb-catlogo-system,.icon-kb-catlogo-tablet,.icon-kb-catlogo-train,.icon-kb-catlogo-videocamera,.icon-kb-catlogo-volume,.icon-kb-catlogo-wifimodem,.icon-kb-essential-alarm,.icon-kb-essential-attach,.icon-kb-essential-bag,.icon-kb-essential-bell,.icon-kb-essential-block,.icon-kb-essential-bluetooth,.icon-kb-essential-close,.icon-kb-essential-connect,.icon-kb-essential-dustbin,.icon-kb-essential-eye,.icon-kb-essential-female,.icon-kb-essential-gear,.icon-kb-essential-home,.icon-kb-essential-key-1,.icon-kb-essential-key,.icon-kb-essential-lock,.icon-kb-essential-men,.icon-kb-essential-ok,.icon-kb-essential-onoffbtn,.icon-kb-essential-pen,.icon-kb-essential-pin,.icon-kb-essential-plus,.icon-kb-essential-search,.icon-kb-essential-sendmessage,.icon-kb-essential-shield,.icon-kb-essential-signal,.icon-kb-essential-tags,.icon-kb-essential-tools,.icon-KB-ESSENTIALS_Add,.icon-KB-ESSENTIALS_Agent-lady,.icon-KB-ESSENTIALS_Agent-man,.icon-KB-ESSENTIALS_Attach-pin,.icon-KB-ESSENTIALS_Bag,.icon-KB-ESSENTIALS_Ban,.icon-KB-ESSENTIALS_Bluetooth,.icon-KB-ESSENTIALS_Clock,.icon-KB-ESSENTIALS_Close,.icon-KB-ESSENTIALS_Dustbin,.icon-KB-ESSENTIALS_Eye,.icon-KB-ESSENTIALS_Home,.icon-KB-ESSENTIALS_Key-2,.icon-KB-ESSENTIALS_Key,.icon-KB-ESSENTIALS_Lock,.icon-KB-ESSENTIALS_Navigation,.icon-KB-ESSENTIALS_Network,.icon-KB-ESSENTIALS_Notification,.icon-KB-ESSENTIALS_OK,.icon-KB-ESSENTIALS_Pencil,.icon-KB-ESSENTIALS_Pin,.icon-KB-ESSENTIALS_Search,.icon-KB-ESSENTIALS_Security,.icon-KB-ESSENTIALS_Settings-2,.icon-KB-ESSENTIALS_Settings,.icon-KB-ESSENTIALS_Switch,.icon-KB-ESSENTIALS_Tag,.icon-KB-ESSENTIALS_Wifi,.icon-KB-FINANCE_Agreement,.icon-KB-FINANCE_Bank,.icon-KB-FINANCE_Cah-Bag,.icon-KB-FINANCE_Coin,.icon-KB-FINANCE_Debit-card,.icon-KB-FINANCE_Diamond,.icon-KB-FINANCE_Home-loan,.icon-KB-FINANCE_Mobile-Banking,.icon-KB-FINANCE_Piggy,.icon-KB-FINANCE_Report,.icon-KB-FINANCE_Swipe-Machine,.icon-KB-FINANCE_Wallet,.icon-kb-finance-briefcase,.icon-kb-finance-cards,.icon-kb-finance-graph,.icon-kb-finance-handmoney,.icon-kb-finance-home,.icon-kb-finance-homemoney,.icon-kb-finance-invoice,.icon-kb-finance-mobilewallet,.icon-kb-finance-piggy,.icon-kb-finance-swipe,.icon-kb-finance-wallet,.icon-KB-PRODUCTIVITY_Agreement,.icon-KB-PRODUCTIVITY_Balence,.icon-KB-PRODUCTIVITY_Calender,.icon-KB-PRODUCTIVITY_Calender2,.icon-KB-PRODUCTIVITY_Clock-2,.icon-KB-PRODUCTIVITY_Clock,.icon-KB-PRODUCTIVITY_Computer,.icon-KB-PRODUCTIVITY_File,.icon-KB-PRODUCTIVITY_Files,.icon-KB-PRODUCTIVITY_Graph,.icon-KB-PRODUCTIVITY_Idea,.icon-KB-PRODUCTIVITY_Idea2,.icon-KB-PRODUCTIVITY_Mail,.icon-KB-PRODUCTIVITY_Mail2,.icon-KB-PRODUCTIVITY_Settings,.icon-KB-PRODUCTIVITY_Success,.icon-KB-PRODUCTIVITY_Success2,.icon-KB-PRODUCTIVITY_Support,.icon-KB-PRODUCTIVITY_Target,.icon-KB-PRODUCTIVITY_Target2,.icon-KB-PRODUCTIVITY_Time-1,.icon-KB-PRODUCTIVITY_Time,.icon-kb-quick-edit,.icon-KB-SOCIAL_Android,.icon-KB-SOCIAL_Android2,.icon-KB-SOCIAL_Chat,.icon-KB-SOCIAL_Chat2,.icon-KB-SOCIAL_Cloud,.icon-KB-SOCIAL_Connect,.icon-KB-SOCIAL_Facebook,.icon-KB-SOCIAL_Facebook2,.icon-KB-SOCIAL_Instagram,.icon-KB-SOCIAL_Instagram2,.icon-KB-SOCIAL_Like-1,.icon-KB-SOCIAL_Like-12,.icon-KB-SOCIAL_Like,.icon-KB-SOCIAL_Like2,.icon-KB-SOCIAL_Location,.icon-KB-SOCIAL_Location2,.icon-KB-SOCIAL_Mail,.icon-KB-SOCIAL_Message,.icon-KB-SOCIAL_Network,.icon-KB-SOCIAL_Rate,.icon-KB-SOCIAL_Rate2,.icon-KB-SOCIAL_Social,.icon-KB-SOCIAL_Social2,.icon-KB-SOCIAL_Sound-cloud,.icon-KB-SOCIAL_Twitter,.icon-KB-SOCIAL_Twitter2,.icon-KB-TOP-BAR_Gamification,.icon-KB-TOP-BAR_Notification,.icon-KB-TOP-BAR_Setup,.icon-KB-TRAVEL_Bicycle,.icon-KB-TRAVEL_Bike,.icon-KB-TRAVEL_Boat,.icon-KB-TRAVEL_Car,.icon-KB-TRAVEL_Cards,.icon-KB-TRAVEL_Chess,.icon-KB-TRAVEL_Coffee,.icon-KB-TRAVEL_Dice,.icon-KB-TRAVEL_Flight,.icon-KB-TRAVEL_Gamification,.icon-KB-TRAVEL_Helicopter,.icon-KB-TRAVEL_Music,.icon-KB-TRAVEL_Scooter,.icon-KB-TRAVEL_Train,.icon-KB-TRAVEL_Travel-bag,.icon-kb-travel-airplane,.icon-kb-travel-ball,.icon-kb-travel-bike,.icon-kb-travel-car,.icon-kb-travel-cards,.icon-kb-travel-chesscoin,.icon-kb-travel-cub,.icon-kb-travel-cycle,.icon-kb-travel-dice,.icon-kb-travel-helihopter,.icon-kb-travel-mp3,.icon-kb-travel-sailboat,.icon-kb-travel-scooter,.icon-kb-travel-trolleybag,.icon-kb-travel-videogame,.icon-KB-UI_Charging,.icon-KB-UI_Cloud,.icon-KB-UI_Dashboard,.icon-KB-UI_Download,.icon-KB-UI_Images,.icon-KB-UI_Laptop,.icon-KB-UI_Layers,.icon-KB-UI_Mouse,.icon-KB-UI_Refresh,.icon-KB-UI_Save,.icon-KB-UI_Settings,.icon-KB-UI_Switch,.icon-KB-UI_UI,.icon-KB-UI_Warning,.icon-KB-UI-Interface_browse,.icon-KB-UI-Interface_Charging,.icon-KB-UI-Interface_Cloud,.icon-KB-UI-Interface_Download,.icon-KB-UI-Interface_Image,.icon-KB-UI-Interface_Laptop,.icon-KB-UI-Interface_Layer,.icon-KB-UI-Interface_Menu,.icon-KB-UI-Interface_Mouse,.icon-KB-UI-Interface_Power,.icon-KB-UI-Interface_Refresh,.icon-KB-UI-Interface_Save,.icon-KB-UI-Interface_Settings,.icon-KB-UI-Interface_Warning,.icon-KBEditor-anchor,.icon-KBEditor-permalink,.icon-KBEditor-quote,.icon-kn-catlogo-abacus,.icon-kn-catlogo-board,.icon-kn-catlogo-bulb,.icon-kn-catlogo-certificate,.icon-kn-catlogo-compass,.icon-kn-catlogo-fourround,.icon-kn-catlogo-lamb,.icon-kn-catlogo-microscope,.icon-kn-catlogo-pen,.icon-kn-catlogo-sandclock,.icon-kn-catlogo-setsquare,.icon-kn-catlogo-testflask,.icon-kn-catlogo-testround,.icon-kn-catlogo-testtube,.icon-move2,.icon-no-border,.icon-Problem-new,.icon-table-1,.icon-table-2,.icon-table-3,.icon-table-4v,.icon-table-color-picker,.icon-viewarticle-new,.icon-viewarticle{
-	font-family:"zdfonts-react-kb" !important;
-}
-
+.ff{font-family:"zdfonts-react-kb" !important;}
 .icon-add-column-left .path1:before {
   content: "\e700";
   color: rgb(0, 163, 254);

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-add52,.icon-Addtick-inapp,.icon-book42,.icon-chat51,.icon-delete,.icon-file,.icon-mobile,.icon-multibrand-enb,.icon-newchatgreenicn,.icon-smily-bad-filled,.icon-smily-bad,.icon-smily-good-filled,.icon-smily-good,.icon-speechbubble56,.icon-team-assign{
-	font-family:"zdfonts-react-organization" !important;
-}
-
+.ff{font-family:"zdfonts-react-organization" !important;}
 .icon-add52:before {
   content: "\e900";
 }

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-App-minimize,.icon-buildExtension,.icon-Exclamation-new,.icon-installExtension,.icon-JIRA_logo2,.icon-placeholder1,.icon-placeholder2,.icon-placeholder3,.icon-placeholder4,.icon-placeholder5,.icon-placeholder6,.icon-placeholder7,.icon-placeholder8,.icon-placeholder9,.icon-Problem,.icon-surveyff,.icon-surveyffn1-01,.icon-sync-after,.icon-sync-schedule,.icon-sync-setting,.icon-sync,.icon-syncing-new,.icon-uploadExtension,.icon-placeholder11,.icon-placeholder10{
-	font-family:"zdfonts-react-others" !important;
-}
-
+.ff{font-family:"zdfonts-react-others" !important;}
 .icon-App-minimize:before {
   content: "\f100";
 }

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-pagesense,.icon-add-component,.icon-attach16,.icon-checkmark,.icon-comment-new,.icon-comment,.icon-department,.icon-edit-mp-012,.icon-expand,.icon-expand1,.icon-flag5,.icon-forward-new,.icon-insight,.icon-JIRA_logo1,.icon-matrix-report2,.icon-multiline,.icon-overview-icon1,.icon-overview-icon2,.icon-overview-icon3,.icon-prop,.icon-r-area,.icon-r-donut,.icon-r-funnel1,.icon-r-funnel2,.icon-r-line1,.icon-r-line2,.icon-r-pie1,.icon-r-pie2,.icon-r-table1,.icon-r-table2,.icon-r-vbar1,.icon-r-vbar01,.icon-r-vbar2,.icon-r-vbar02,.icon-r-vbar3,.icon-r-vbar03,.icon-replyall-new,.icon-reports-area,.icon-reports-funnel,.icon-reports-line,.icon-reports-pie,.icon-reports-table1,.icon-resize,.icon-set-as-default,.icon-solution_new1,.icon-summary-report2,.icon-t-line2,.icon-tabular-report2,.icon-tag,.icon-vertical-bar1,.icon-vertical-bar2,.icon-vertical-bar3,.icon-tableTask,.icon-tableTicket,.icon-tableContact,.icon-tableAccount,.icon-multipleLine,.icon-table,.icon-percentageBar,.icon-pie,.icon-line,.icon-funnel,.icon-stackedBar,.icon-bar,.icon-barGraph,.icon-barLineGraph,.icon-dialMeter,.icon-donutChart,.icon-lineGraph,.icon-listGraph,.icon-multilineGraph,.icon-pieChart,.icon-pieChartFill,.icon-tableChart,.icon-wordCloud,.icon-barHorizontal,.icon-reportRedirection,.icon-graphView{
-	font-family:"zdfonts-react-reports" !important;
-}
-
+.ff{font-family:"zdfonts-react-reports" !important;}
 .icon-pagesense:before {
   content: "\f200";
 }

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-regenerateToken,.icon-access2,.icon-addons2,.icon-api2,.icon-arrow-t-right,.icon-ASAP-setup,.icon-assign,.icon-automation,.icon-bubbles3,.icon-business-hour,.icon-channels-4,.icon-circlePlus1,.icon-com-addbadge,.icon-com-badges,.icon-com-bluebadge,.icon-com-gamedisable,.icon-com-greenbadge,.icon-com-levelexpert,.icon-com-levels,.icon-com-points,.icon-com-redbadge,.icon-common-badges1,.icon-common-badges2,.icon-common-badges3,.icon-common-badges4,.icon-common-badges5,.icon-common-badges6,.icon-common-badges7,.icon-common-badges8,.icon-common-badges9,.icon-common-badges10,.icon-community1,.icon-company,.icon-contract,.icon-copy4,.icon-cp2,.icon-csrating,.icon-customize,.icon-department,.icon-draganddrop-small,.icon-Email-type,.icon-email2,.icon-escalate,.icon-eye3,.icon-fields1,.icon-free-traial-extn,.icon-google-apps,.icon-integ2,.icon-kb-essential-pen,.icon-kb-essential-tools,.icon-KB-UI-Interface_Image,.icon-layouts,.icon-lifeline15,.icon-linkurl,.icon-macro,.icon-My-Information,.icon-new-noti1,.icon-newchatgreenicn,.icon-open,.icon-organisation,.icon-others,.icon-power-button,.icon-products,.icon-rebrand1,.icon-recyclebin,.icon-setup_1,.icon-setup-sort27,.icon-social,.icon-sort27,.icon-supervise,.icon-sync-after,.icon-sync-schedule,.icon-sync-setting,.icon-sync,.icon-syncing-new,.icon-syncing,.icon-t-status1,.icon-tab-1,.icon-Tablock,.icon-teams,.icon-teams1,.icon-teams2,.icon-telephony,.icon-templates,.icon-tick_new1,.icon-workflow,.icon-zwitch,.icon-rolesSub,.icon-roles{
-	font-family:"zdfonts-react-setup" !important;
-}
-
+.ff{font-family:"zdfonts-react-setup" !important;}
 .icon-regenerateToken:before {
   content: "\f300";
 }

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.icon-BrandsDefault,.icon-ic-social_advance-filter,.icon-ic-social_am,.icon-ic-social_arrow-fill,.icon-ic-social_arrow-line,.icon-ic-social_assign-1,.icon-ic-social_assign-2,.icon-ic-social_awesome,.icon-ic-social_Brand,.icon-ic-social_calander,.icon-ic-social_close,.icon-ic-social_comment,.icon-ic-social_conversation,.icon-ic-social_convert-ticket-1,.icon-ic-social_convert-ticket-2,.icon-ic-social_crm-info,.icon-ic-social_dashboard,.icon-ic-social_delete-07,.icon-ic-social_delete-20,.icon-ic-social_down,.icon-ic-social_download,.icon-ic-social_favorite-2,.icon-ic-social_favorite,.icon-ic-social_fb-2,.icon-ic-social_fb-attachment,.icon-ic-social_fb-comment,.icon-ic-social_fb-emoji,.icon-ic-social_fb-like,.icon-ic-social_fb-line,.icon-ic-social_fb-message,.icon-ic-social_fb-post,.icon-ic-social_fb-react-angrya,.icon-ic-social_fb-react-haha,.icon-ic-social_fb-react-like,.icon-ic-social_fb-react-love,.icon-ic-social_fb-react-sad,.icon-ic-social_fb-react-wow,.icon-ic-social_fb-share-2,.icon-ic-social_fb-share,.icon-ic-social_fb-square,.icon-ic-social_fb-sticker,.icon-ic-social_feeds,.icon-ic-social_filter,.icon-ic-social_great,.icon-ic-social_help,.icon-ic-social_inbox,.icon-ic-social_jpg,.icon-ic-social_line_graph,.icon-ic-social_location,.icon-ic-social_mention,.icon-ic-social_mine,.icon-ic-social_mobile-phone,.icon-ic-social_monitor,.icon-ic-social_more,.icon-ic-social_new-window,.icon-ic-social_next,.icon-ic-social_pdf,.icon-ic-social_periority-clock,.icon-ic-social_pm,.icon-ic-social_post-normal,.icon-ic-social_post-selected,.icon-ic-social_previous,.icon-ic-social_profile-normal,.icon-ic-social_profile-selected,.icon-ic-social_reply-2,.icon-ic-social_reply,.icon-ic-social_report-3,.icon-ic-social_reports,.icon-ic-social_search-1,.icon-ic-social_search-2,.icon-ic-social_search-3,.icon-ic-social_spam-2,.icon-ic-social_spam,.icon-ic-social_tag,.icon-ic-social_team,.icon-ic-social_ticket-normal,.icon-ic-social_ticket-selected,.icon-ic-social_twitter-2,.icon-ic-social_twitter-attachment,.icon-ic-social_twitter-emoji,.icon-ic-social_twitter-like,.icon-ic-social_twitter-line,.icon-ic-social_twitter-message,.icon-ic-social_twitter-post,.icon-ic-social_twitter-reply,.icon-ic-social_twitter-retweet,.icon-ic-social_twitter-square,.icon-ic-social_up,.icon-ic-social_user-2,.icon-ic-social_video,.icon-ic-social_view,.icon-ic-social_worst,.icon-ic-social_zoom-in,.icon-ic-social_zoom-out,.icon-ic-social-all-feeds,.icon-ic-social-menu,.icon-ic-social-tick,.icon-Re-Authentication{
-	font-family:"zdfonts-react-social" !important;
-}
-
+.ff{font-family:"zdfonts-react-social" !important;}
 .icon-BrandsDefault:before {
   content: "\f450";
 }

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

@@ -13,11 +13,7 @@
 @layer dot-icons.core {
 /*$Id$*/
 
-
-.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;
-}
-
+.ff{font-family:"zdfonts-ticket-channels" !important;}
 .icon-happinessBad:before {
   content: "\e1000";
 }