@zohodesk/icons 1.0.0-exp.4 → 1.0.0-temp-101

package/lib/Icon/FontFactory.js

@@ -46,7 +46,8 @@ var FontFactory = {
     'ZD-dueTime': 'icon-duetime1',
     'ZD-exclamationBlack': 'icon-exclamation-black',
     'ZD-news': 'icon-news',
-    'ZD-setupFields': 'icon-setup-fields1'
+    'ZD-setupFields': 'icon-setup-fields1',
+    'ZD-roundRobinSequential': 'icon-roundRobinSequential'
   },
   ChannelsFontIcon: {
     'ZD-denied': ['icon-denied', 11],
@@ -91,7 +92,8 @@ var FontFactory = {
     'ZD-callBack': 'icon-callBack',
     'ZD-instagramOut': ['icon-instagramOut', 2],
     'ZD-instagramIn': ['icon-instagramIn', 2],
-    'ZD-instagram': 'icon-instagram'
+    'ZD-instagram': 'icon-instagram',
+    'ZD-xTwiiter': ['icon-xTwiiter', 2]
   },
   CommonFontIcon: {
     'ZD-alarmClock': 'icon-alarm-clock',
@@ -218,7 +220,10 @@ var FontFactory = {
     'ZD-twilio': 'icon-twilio',
     'ZD-salesforce': ['icon-salesforce', 2],
     'ZD-playStore': 'icon-playStore',
-    'ZD-biginLogo': 'icon-Bigin_Logo'
+    'ZD-biginLogo': 'icon-Bigin_Logo',
+    'ZD-accessibility': 'icon-accessibility',
+    'ZD-videoCall': 'icon-videoCall',
+    'ZD-telephoneHandset': 'icon-telephoneThick'
   },
   CommunityFontIcon: {
     'ZD-discussions': 'icon-discussions',
@@ -245,7 +250,8 @@ var FontFactory = {
     'ZD-sorting2': ['icon-sorting2', 2],
     'ZD-sticky': 'icon-Sticky',
     'ZD-urlNotFound': ['icon-url-not-found', 12],
-    'ZD-zsbell': 'icon-zsbell'
+    'ZD-zsbell': 'icon-zsbell',
+    'ZD-moderaterTick': 'icon-moderater-tick'
   },
   CustomersFontIcon: {
     'ZD-circleCheck': 'icon-circle-check',
@@ -283,7 +289,8 @@ var FontFactory = {
     'ZD-settings2': 'icon-settings2',
     'ZD-sort1az': 'icon-sort1-a-z',
     'ZD-callStatus': 'icon-callStatus',
-    'ZD-callDir': 'icon-callDir'
+    'ZD-callDir': 'icon-callDir',
+    'ZD-zdIm': ['icon-ZD-IM', 2]
   },
   GamescopeFontIcon: {
     'ZD-game01': ['icon-game01', 2],
@@ -731,7 +738,8 @@ var FontFactory = {
     'ZD-pieChartFill': 'icon-pieChartFill',
     'ZD-tableChart': 'icon-tableChart',
     'ZD-wordCloud': 'icon-wordCloud',
-    'ZD-barHorizontal': 'icon-barHorizontal'
+    'ZD-barHorizontal': 'icon-barHorizontal',
+    'ZD-RP-graphView': 'icon-graphView'
   },
   SetupFontIcon: {
     'ZD-access2': 'icon-access2',
@@ -1044,7 +1052,11 @@ var FontFactory = {
     'ZD-tableView': 'icon-tableView',
     'ZD-archivedFile': 'icon-archivedFile',
     'ZD-commentRound': ['icon-CommentRound', 2],
-    'ZD-languageDetector': 'icon-languageDetector'
+    'ZD-languageDetector': 'icon-languageDetector',
+    'ZD-ticketView': 'icon-ticketView',
+    'ZD-prediction': ['icon-prediction', 2],
+    'ZD-analytics': ['icon-analytics', 2],
+    'ZD-customer': ['icon-customer', 2]
   },
   TopbandFontIcon: {
     'ZD-arrowDown': 'icon-arrow-down',
@@ -1203,7 +1215,7 @@ var FontFactory = {
     'ZD-integrationPlug': 'icon-integrationPlug',
     'ZD-zia': 'icon-zia',
     'ZD-mute1New': 'icon-mute1-new',
-    'ZD-menu1': 'icon-menu1',
+    'ZD-menu1': ['icon-menu1', 0, true],
     'ZD-whatsApp': 'icon-whatsApp'
   },
   TicketsChannelFontIcon: {
@@ -1331,9 +1343,11 @@ var FontFactory = {
     'ZD-CH-happiness': 'icon-chHappiness',
     'ZD-CH-happinessIn': ['icon-chHappinessIn', 2],
     'ZD-CH-happinessOut': ['icon-chHappinessIn', 2],
-    'ZD-CH-happinessMissed': ['icon-chHappinessIn', 2]
+    'ZD-CH-happinessMissed': ['icon-chHappinessIn', 2],
+    'ZD-CH-fbMessenger': 'icon-fbMessenger',
+    'ZD-CH-telegram': 'icon-telegram'
   },
-  ReactCutomizeFontIcon: {
+  ReactCustomizeFontIcon: {
     'ZD-CM-callStatus': 'icon-callStatus',
     'ZD-CM-callTransfer': 'icon-callTransfer',
     'ZD-CM-currency': 'icon-currency',
@@ -1352,7 +1366,33 @@ var FontFactory = {
     'ZD-CM-textArea': 'icon-textArea',
     'ZD-CM-textType': 'icon-textType',
     'ZD-CM-customAction': 'icon-customAction',
-    'ZD-CM-formula': 'icon-formula'
+    'ZD-CM-formula': 'icon-formula',
+    'ZD-CM-ticketID': 'icon-ticketID',
+    'ZD-CM-happinessLevel1': 'icon-happinessLevel1',
+    'ZD-CM-happinessLevel2': 'icon-happinessLevel2',
+    'ZD-CM-happinessLevel3': 'icon-happinessLevel3',
+    'ZD-CM-happinessLevel4': 'icon-happinessLevel4',
+    'ZD-CM-happinessLevel5': 'icon-happinessLevel5',
+    'ZD-CM-happinessLevel6': 'icon-happinessLevel6',
+    'ZD-CM-happinessLevel7': 'icon-happinessLevel7',
+    'ZD-CM-happinessLevel8': 'icon-happinessLevel8',
+    'ZD-CM-happinessLevel9': 'icon-happinessLevel9',
+    'ZD-CM-happinessLevel10': 'icon-happinessLevel10',
+    'ZD-CM-npsOk': ['icon-npsOk', 2],
+    'ZD-CM-npsGud': ['icon-npsGud', 2],
+    'ZD-CM-npsBad': ['icon-npsBad', 2],
+    'ZD-CM-cesGud': ['icon-cesGud', 2],
+    'ZD-CM-cesOk': ['icon-cesOk', 2],
+    'ZD-CM-cesBad': ['icon-cesBad', 2],
+    'ZD-CM-primaryField': 'icon-primaryField',
+    'ZD-CM-terminate': 'icon-terminate',
+    'ZD-CM-modules': 'icon-modules',
+    'ZD-CM-regEx': 'icon-regEx',
+    'ZD-CM-clrSinglePick': 'icon-clrSinglePick',
+    'ZD-CM-clrMultiPick': 'icon-clrMultiPick',
+    'ZD-CM-function': 'icon-function',
+    'ZD-CM-operater': 'icon-operater',
+    'ZD-CM-formulaField': 'icon-formulaField'
   },
   ReactExportFilesFontIcon: {
     'ZD-EF-android': 'icon-android',
@@ -1486,7 +1526,7 @@ var FontFactory = {
     'ZD-GN-alignRight': ['icon-alignRight', 2],
     'ZD-GN-allignCenter': ['icon-allignCenter', 2],
     'ZD-GN-allignJustify': ['icon-allignJustify', 2]
-  }, _defineProperty(_ReactGeneralFontIcon, "ZD-GN-bold", 'icon-bold'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-bullets', ['icon-bullets', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-clearFormat', ['icon-clearFormat', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-decreaceIndent', ['icon-decreaceIndent', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-font', 'icon-font'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-fontColour', ['icon-fontColour', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-formatPainter', ['icon-formatPainter', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-horizontalRule', ['icon-horizontalRule', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-increaceIndent', ['icon-increaceIndent', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-insertCode', 'icon-insertCode'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-insertHtml', ['icon-insertHtml', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-insertImage', ['icon-insertImage', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-insertQuote', 'icon-insertQuote'), _defineProperty(_ReactGeneralFontIcon, "ZD-GN-italic", 'icon-italic'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-numbering', ['icon-numbering', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-spellCheck', ['icon-spellCheck', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-strikeThrough', ['icon-strikeThrough', 3]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-underLine', ['icon-underLine', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-signOut', 'icon-signOut'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-phoneFill', 'icon-phoneFill'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-follow', 'icon-follow'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-forward', 'icon-forward'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-forwardFill', 'icon-forwardFill'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-showOriginal', 'icon-showOriginal'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-unFollow', 'icon-unFollow'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-infoStroke', 'icon-infoStroke'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-onHold', 'icon-onHold'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-clearFilter', 'icon-clearFilter'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-placeholder', 'icon-placeholder'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-gift', 'icon-gift'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-freeTrial', 'icon-freeTrial'), _ReactGeneralFontIcon),
+  }, _defineProperty(_ReactGeneralFontIcon, "ZD-GN-bold", 'icon-bold'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-bullets', ['icon-bullets', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-clearFormat', ['icon-clearFormat', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-decreaceIndent', ['icon-decreaceIndent', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-font', 'icon-font'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-fontColour', ['icon-fontColour', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-formatPainter', ['icon-formatPainter', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-horizontalRule', ['icon-horizontalRule', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-increaceIndent', ['icon-increaceIndent', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-insertCode', 'icon-insertCode'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-insertHtml', ['icon-insertHtml', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-insertImage', ['icon-insertImage', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-insertQuote', 'icon-insertQuote'), _defineProperty(_ReactGeneralFontIcon, "ZD-GN-italic", 'icon-italic'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-numbering', ['icon-numbering', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-spellCheck', ['icon-spellCheck', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-strikeThrough', ['icon-strikeThrough', 3]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-underLine', ['icon-underLine', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-signOut', 'icon-signOut'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-phoneFill', 'icon-phoneFill'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-follow', 'icon-follow'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-forward', 'icon-forward'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-forwardFill', 'icon-forwardFill'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-unFollow', 'icon-unFollow'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-infoStroke', 'icon-infoStroke'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-onHold', 'icon-onHold'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-clearFilter', 'icon-clearFilter'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-placeholder', 'icon-placeholder'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-gift', 'icon-gift'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-freeTrial', 'icon-freeTrial'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-skills', 'icon-skills'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-contactInformation', 'icon-contactInformation'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-relatedDetails', 'icon-relatedDetails'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-template', ['icon-template', 5]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-department', 'icon-department'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-doubleTick', 'icon-doubleTick'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-bounce', 'icon-bounce'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-accessibility', 'icon-accessibility'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-read', ['icon-read', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-unread', ['icon-unread', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-wmsSun', 'icon-wmsSun'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-wmsMoon', 'icon-wmsMoon'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-configuaration', 'icon-configuaration'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-premium', 'icon-premium'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-money', 'icon-money'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-Marketplace', ['icon-Marketplace', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-ticketDetail', ['icon-ticketDetail', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-comma', 'icon-comma'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-enter', 'icon-enter'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-spaceBar', 'icon-spaceBar'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-skipReplyall', 'icon-skipReplyall'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-rrSequential', 'icon-roundRobinSequential'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-filterAdd', 'icon-filterAdd'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-jsonWebToken', 'icon-jsonWebToken'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-parentChild', 'icon-parentChild'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-saml', 'icon-saml'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-smsAuth', 'icon-smsAuth'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-ticketOwner', 'icon-ticketOwner'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-mesengerFill', 'icon-mesengerFill'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-telegramFill', 'icon-telegramFill'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-sortingArrow', ['icon-sortingArrow', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-androidFill', 'icon-androidFill'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-customDashboard', 'icon-customDashboard'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-databaseEncryption', 'icon-databaseEncryption'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-myPins', 'icon-myPins'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-pinned', ['icon-pinned', 3]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-flagFill', 'icon-flagFill'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-instagram', 'icon-instagram'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-line', 'icon-line'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-answerBot', 'icon-answerBot'), _ReactGeneralFontIcon),
   ReactIntegrationsFontIcon: {
     'ZD-IG-intAnalytics': 'icon-intAnalytics',
     'ZD-IG-intBigin': 'icon-intBigin',
@@ -1505,7 +1545,10 @@ var FontFactory = {
     'ZD-IG-intTwilio': 'icon-intTwilio',
     'ZD-IG-zia': 'icon-zia',
     'ZD-IG-intInvoice': 'icon-intInvoice',
-    'ZD-IG-intSubscription': 'icon-intSubscription'
+    'ZD-IG-intSubscription': 'icon-intSubscription',
+    'ZD-IG-searchZoho': 'icon-searchZoho',
+    'ZD-IG-inSalesIQ': 'icon-inSalesIQ',
+    'ZD-IG-intBilling': 'icon-intBilling'
   },
   ReactMarketplaceFontIcon: {
     'ZD-MP-placeholder1': ['icon-placeholder1', 2],
@@ -1519,7 +1562,10 @@ var FontFactory = {
     'ZD-MP-placeholder9': ['icon-placeholder9', 2],
     'ZD-MP-placeholder10': ['icon-placeholder10', 2],
     'ZD-MP-placeholder11': ['icon-placeholder11', 2],
-    'ZD-MP-placeholder12': ['icon-placeholder12', 2]
+    'ZD-MP-placeholder12': ['icon-placeholder12', 2],
+    'ZD-MP-placeholder13': ['icon-placeholder13', 2],
+    'ZD-MP-bolt': 'icon-bolt',
+    'ZD-MP-allApps': 'icon-allApps'
   },
   ReactReportsFontIcon: {
     'ZD-RP-addDashboard': 'icon-addDashboard',
@@ -1551,7 +1597,11 @@ var FontFactory = {
     'ZD-RP-summaryReport': ['icon-summaryReport', 2],
     'ZD-RP-tabularReport': 'icon-tabularReport',
     'ZD-RP-wordCloud': 'icon-wordCloud',
-    'ZD-RP-reportRedirection': 'icon-reportRedirection'
+    'ZD-RP-reportRedirection': 'icon-reportRedirection',
+    'ZD-RP-clrBulletChart': ['icon-clrBulletChart', 3],
+    'ZD-RP-clrCompare': ['icon-clrCompare', 3],
+    'ZD-RP-clrDialchart': ['icon-clrDialchart', 3],
+    'ZD-RP-clrMetricCards': ['icon-clrMetricCards', 2]
   },
   ReactSetupFontIcon: {
     'ZD-SE-account': 'icon-account',
@@ -1592,7 +1642,9 @@ var FontFactory = {
     'ZD-SE-syncSchedule': 'icon-syncSchedule',
     'ZD-SE-syncSetting': 'icon-syncSetting',
     'ZD-SE-template': 'icon-template',
-    'ZD-SE-uploadExtension': ['icon-uploadExtension', 9]
+    'ZD-SE-uploadExtension': ['icon-uploadExtension', 9],
+    'ZD-SE-api': 'icon-api',
+    'ZD-SE-autitLog': 'icon-autitLog'
   },
   ReactTicketsFontIcon: {
     'ZD-TK-activity': 'icon-activity',
@@ -1634,7 +1686,6 @@ var FontFactory = {
     'ZD-TK-macros': 'icon-macros',
     'ZD-TK-merge': 'icon-merge',
     'ZD-TK-noviewer': 'icon-noviewer',
-    'ZD-TK-originalView': 'icon-originalView',
     'ZD-TK-out': 'icon-out',
     'ZD-TK-paidUser': ['icon-paidUser', 2],
     'ZD-TK-peek': 'icon-peek',
@@ -1652,7 +1703,7 @@ var FontFactory = {
     'ZD-TK-task': 'icon-task',
     'ZD-TK-team': 'icon-team',
     'ZD-TK-teamAgent': 'icon-teamAgent',
-    'ZD-TK-thread': 'icon-thread',
+    'ZD-TK-thread': ['icon-thread', 0, true],
     'ZD-TK-ticket': 'icon-ticket',
     'ZD-TK-timeEntry': 'icon-timeEntry',
     'ZD-TK-timeEntryPause': 'icon-timeEntryPause',
@@ -1676,7 +1727,27 @@ var FontFactory = {
     'ZD-TK-followStroke': 'icon-followStroke',
     'ZD-TK-relatedDetails': 'icon-relatedDetails',
     'ZD-TK-ticketVisible': 'icon-ticketVisible',
-    'ZD-TK-ticketInvisible': 'icon-ticketInvisible'
+    'ZD-TK-ticketInvisible': 'icon-ticketInvisible',
+    'ZD-TK-languageDetector': 'icon-languageDetector',
+    'ZD-TK-ticketView': 'icon-ticketView',
+    'ZD-TK-prediction': ['icon-prediction', 2],
+    'ZD-TK-parentTicket': 'icon-parentTicket',
+    'ZD-TK-childTicket': 'icon-childTicket',
+    'ZD-TK-makeLonger': 'icon-makeLonger',
+    'ZD-TK-makeShorter': 'icon-makeShorter',
+    'ZD-TK-addResolution': 'icon-addResolution',
+    'ZD-TK-clearSchedule': 'icon-clearSchedule',
+    'ZD-TK-ziaTranslator': 'icon-ziaTranslator',
+    'ZD-TK-customModule': 'icon-customModule',
+    'ZD-TK-reschedule': 'icon-reschedule',
+    'ZD-TK-publicPrivatePin': ['icon-publicPrivatePin', 2],
+    'ZD-TK-ticketSpam': 'icon-ticketSpam',
+    'ZD-TK-ticketClosed': 'icon-ticketClosed',
+    'ZD-TK-ticketContexual': 'icon-ticketContexual',
+    'ZD-TK-ticketReopen': 'icon-ticketReopen',
+    'ZD-TK-tempPreview': 'icon-tempPreview',
+    'ZD-TK-botPositive': 'icon-botPositive',
+    'ZD-TK-botNeutral': 'icon-botNeutral'
   },
   ReactTopbandFontIcon: {
     'ZD-TB-advanceSearch': 'icon-advanceSearch',
@@ -1689,7 +1760,7 @@ var FontFactory = {
     'ZD-TB-keyboard': 'icon-keyboard',
     'ZD-TB-list': 'icon-list',
     'ZD-TB-marketplace': ['icon-marketplace', 3],
-    'ZD-TB-menu': 'icon-menu',
+    'ZD-TB-menu': ['icon-menu', 0, true],
     'ZD-TB-notification': 'icon-notification',
     'ZD-TB-settings': 'icon-settings',
     'ZD-TB-sortingFill': ['icon-sortingFill', 3],
@@ -1708,7 +1779,10 @@ var FontFactory = {
     'ZD-TB-standerdPlan': 'icon-standerdPlan',
     'ZD-TB-statusFill': 'icon-statusFill',
     'ZD-TB-statusStroke': ['icon-statusStroke', 2],
-    'ZD-TB-backArrow': ['icon-backArrow', 0, true]
+    'ZD-TB-backArrow': ['icon-backArrow', 0, true],
+    'ZD-TB-features': 'icon-features',
+    'ZD-TB-defaultTicket': 'icon-defaultTicket',
+    'ZD-TB-sandboxMode': 'icon-sandboxMode'
   },
   ReactGCFontIcon: (_ReactGCFontIcon = {
     'GC-alert': 'icon-Alert',
@@ -1731,7 +1805,7 @@ var FontFactory = {
     'GC-desktop': 'icon-Desktop',
     'GC-duplicate': 'icon-Duplicate',
     'GC-emojibutton': ['icon-emojibutton', 3]
-  }, _defineProperty(_ReactGCFontIcon, "GC-duplicate", 'icon-Duplicate'), _defineProperty(_ReactGCFontIcon, 'GC-emojismile', ['icon-EmojiSmile', 3]), _defineProperty(_ReactGCFontIcon, 'GC-flag', 'icon-Flag'), _defineProperty(_ReactGCFontIcon, 'GC-fullscreen', 'icon-FullScreen'), _defineProperty(_ReactGCFontIcon, 'GC-grid', 'icon-Grid'), _defineProperty(_ReactGCFontIcon, 'GC-home', 'icon-Home'), _defineProperty(_ReactGCFontIcon, 'GC-image', 'icon-Image'), _defineProperty(_ReactGCFontIcon, 'GC-imagebutton', ['icon-imagebutton', 5]), _defineProperty(_ReactGCFontIcon, 'GC-info', 'icon-Info'), _defineProperty(_ReactGCFontIcon, 'GC-inputaudio', ['icon-inputaudio', 4]), _defineProperty(_ReactGCFontIcon, 'GC-inputcurrency', ['icon-inputcurrency', 3]), _defineProperty(_ReactGCFontIcon, 'GC-inputimage', ['icon-inputimage', 5]), _defineProperty(_ReactGCFontIcon, 'GC-inputmail', ['icon-inputmail', 4]), _defineProperty(_ReactGCFontIcon, 'GC-inputnumber', ['icon-inputnumber', 3]), _defineProperty(_ReactGCFontIcon, 'GC-inputslider', ['icon-inputslider', 4]), _defineProperty(_ReactGCFontIcon, 'GC-inputtext', ['icon-inputtext', 3]), _defineProperty(_ReactGCFontIcon, 'GC-inputurl', ['icon-inputurl', 4]), _defineProperty(_ReactGCFontIcon, 'GC-inputvideo', ['icon-inputvideo', 3]), _defineProperty(_ReactGCFontIcon, 'GC-italic', 'icon-Italic'), _defineProperty(_ReactGCFontIcon, 'GC-jump', ['icon-jump', 3]), _defineProperty(_ReactGCFontIcon, 'GC-layer', 'icon-Layer'), _defineProperty(_ReactGCFontIcon, 'GC-link', 'icon-Link'), _defineProperty(_ReactGCFontIcon, 'GC-list', 'icon-List'), _defineProperty(_ReactGCFontIcon, 'GC-maximize', 'icon-Maximize'), _defineProperty(_ReactGCFontIcon, 'GC-minimize', 'icon-Minimize'), _defineProperty(_ReactGCFontIcon, 'GC-mobile', 'icon-Mobile'), _defineProperty(_ReactGCFontIcon, 'GC-navigation', 'icon-Navigation'), _defineProperty(_ReactGCFontIcon, 'GC-pathdivider', ['icon-pathdivider', 3]), _defineProperty(_ReactGCFontIcon, 'GC-pen', 'icon-Pen'), _defineProperty(_ReactGCFontIcon, 'GC-plus', 'icon-Plus'), _defineProperty(_ReactGCFontIcon, 'GC-questioncircle', 'icon-QuestionCircle'), _defineProperty(_ReactGCFontIcon, 'GC-refresh', 'icon-Refresh'), _defineProperty(_ReactGCFontIcon, 'GC-search', 'icon-Search'), _defineProperty(_ReactGCFontIcon, 'GC-starbutton', ['icon-starbutton', 3]), _defineProperty(_ReactGCFontIcon, 'GC-textbutton', ['icon-textbutton', 3]), _defineProperty(_ReactGCFontIcon, 'GC-thumbbutton', ['icon-thumbbutton', 4]), _defineProperty(_ReactGCFontIcon, 'GC-tick', 'icon-Tick'), _defineProperty(_ReactGCFontIcon, 'GC-trash', 'icon-Trash'), _defineProperty(_ReactGCFontIcon, 'GC-trash2', 'icon-Trash2'), _defineProperty(_ReactGCFontIcon, 'GC-underLine', 'icon-UnderLine'), _defineProperty(_ReactGCFontIcon, 'GC-video', 'icon-Video'), _defineProperty(_ReactGCFontIcon, 'GC-video2', 'icon-Video2'), _defineProperty(_ReactGCFontIcon, 'GC-videobutton', ['icon-videobutton', 3]), _defineProperty(_ReactGCFontIcon, 'GC-webhook', ['icon-webhook', 4]), _defineProperty(_ReactGCFontIcon, 'GC-zap', 'icon-Zap'), _defineProperty(_ReactGCFontIcon, 'GC-zoomin', 'icon-Zoomin'), _defineProperty(_ReactGCFontIcon, 'GC-zoomout', 'icon-Zoomout'), _defineProperty(_ReactGCFontIcon, 'GC-audio', 'icon-audio'), _defineProperty(_ReactGCFontIcon, 'GC-download', 'icon-download'), _defineProperty(_ReactGCFontIcon, 'GC-faq', ['icon-faq', 3]), _defineProperty(_ReactGCFontIcon, 'GC-file', 'icon-file'), _defineProperty(_ReactGCFontIcon, "GC-image", 'icon-image'), _defineProperty(_ReactGCFontIcon, 'GC-location', 'icon-location'), _defineProperty(_ReactGCFontIcon, 'GC-message', ['icon-message', 2]), _defineProperty(_ReactGCFontIcon, 'GC-note', 'icon-note'), _defineProperty(_ReactGCFontIcon, 'GC-rightarrow', 'icon-rightarrow'), _defineProperty(_ReactGCFontIcon, 'GC-text', 'icon-text'), _defineProperty(_ReactGCFontIcon, 'GC-hearteyes', ['icon-hearteyes', 8]), _defineProperty(_ReactGCFontIcon, 'GC-neutralface', ['icon-neutralface', 4]), _defineProperty(_ReactGCFontIcon, 'GC-slightfrowning', ['icon-slightfrowning', 4]), _defineProperty(_ReactGCFontIcon, 'GC-slightsmile', ['icon-slightsmile', 4]), _defineProperty(_ReactGCFontIcon, 'GC-starfrowing', ['icon-starfrowing', 4]), _defineProperty(_ReactGCFontIcon, 'GC-starheart', ['icon-starheart', 8]), _defineProperty(_ReactGCFontIcon, 'GC-starneutral', ['icon-starneutral', 5]), _defineProperty(_ReactGCFontIcon, 'GC-starsmile', ['icon-starsmile', 4]), _defineProperty(_ReactGCFontIcon, 'GC-starunamused', ['icon-starunamused', 4]), _defineProperty(_ReactGCFontIcon, 'GC-thumbsdown', ['icon-thumbsdown', 2]), _defineProperty(_ReactGCFontIcon, 'GC-thumbsup', ['icon-thumbsup', 2]), _defineProperty(_ReactGCFontIcon, 'GC-unamused', ['icon-unamused', 4]), _defineProperty(_ReactGCFontIcon, 'GC-gcLogo', ['icon-gcLogo', 2]), _defineProperty(_ReactGCFontIcon, 'GC-button', ['icon-button', 2]), _ReactGCFontIcon),
+  }, _defineProperty(_ReactGCFontIcon, "GC-duplicate", 'icon-Duplicate'), _defineProperty(_ReactGCFontIcon, 'GC-emojismile', ['icon-EmojiSmile', 3]), _defineProperty(_ReactGCFontIcon, 'GC-flag', 'icon-Flag'), _defineProperty(_ReactGCFontIcon, 'GC-fullscreen', 'icon-FullScreen'), _defineProperty(_ReactGCFontIcon, 'GC-grid', 'icon-Grid'), _defineProperty(_ReactGCFontIcon, 'GC-home', 'icon-Home'), _defineProperty(_ReactGCFontIcon, 'GC-image', 'icon-Image'), _defineProperty(_ReactGCFontIcon, 'GC-imagebutton', ['icon-imagebutton', 5]), _defineProperty(_ReactGCFontIcon, 'GC-info', 'icon-Info'), _defineProperty(_ReactGCFontIcon, 'GC-inputaudio', ['icon-inputaudio', 4]), _defineProperty(_ReactGCFontIcon, 'GC-inputcurrency', ['icon-inputcurrency', 3]), _defineProperty(_ReactGCFontIcon, 'GC-inputimage', ['icon-inputimage', 5]), _defineProperty(_ReactGCFontIcon, 'GC-inputmail', ['icon-inputmail', 4]), _defineProperty(_ReactGCFontIcon, 'GC-inputnumber', ['icon-inputnumber', 3]), _defineProperty(_ReactGCFontIcon, 'GC-inputslider', ['icon-inputslider', 4]), _defineProperty(_ReactGCFontIcon, 'GC-inputtext', ['icon-inputtext', 3]), _defineProperty(_ReactGCFontIcon, 'GC-inputurl', ['icon-inputurl', 4]), _defineProperty(_ReactGCFontIcon, 'GC-inputvideo', ['icon-inputvideo', 3]), _defineProperty(_ReactGCFontIcon, 'GC-italic', 'icon-Italic'), _defineProperty(_ReactGCFontIcon, 'GC-jump', ['icon-jump', 3]), _defineProperty(_ReactGCFontIcon, 'GC-layer', 'icon-Layer'), _defineProperty(_ReactGCFontIcon, 'GC-link', 'icon-Link'), _defineProperty(_ReactGCFontIcon, 'GC-list', 'icon-List'), _defineProperty(_ReactGCFontIcon, 'GC-maximize', 'icon-Maximize'), _defineProperty(_ReactGCFontIcon, 'GC-minimize', 'icon-Minimize'), _defineProperty(_ReactGCFontIcon, 'GC-mobile', 'icon-Mobile'), _defineProperty(_ReactGCFontIcon, 'GC-navigation', 'icon-Navigation'), _defineProperty(_ReactGCFontIcon, 'GC-pathdivider', ['icon-pathdivider', 3]), _defineProperty(_ReactGCFontIcon, 'GC-pen', 'icon-Pen'), _defineProperty(_ReactGCFontIcon, 'GC-plus', 'icon-Plus'), _defineProperty(_ReactGCFontIcon, 'GC-questioncircle', 'icon-QuestionCircle'), _defineProperty(_ReactGCFontIcon, 'GC-refresh', 'icon-Refresh'), _defineProperty(_ReactGCFontIcon, 'GC-search', 'icon-Search'), _defineProperty(_ReactGCFontIcon, 'GC-starbutton', ['icon-starbutton', 3]), _defineProperty(_ReactGCFontIcon, 'GC-textbutton', ['icon-textbutton', 3]), _defineProperty(_ReactGCFontIcon, 'GC-thumbbutton', ['icon-thumbbutton', 4]), _defineProperty(_ReactGCFontIcon, 'GC-tick', 'icon-Tick'), _defineProperty(_ReactGCFontIcon, 'GC-trash', 'icon-Trash'), _defineProperty(_ReactGCFontIcon, 'GC-trash2', 'icon-Trash2'), _defineProperty(_ReactGCFontIcon, 'GC-underLine', 'icon-UnderLine'), _defineProperty(_ReactGCFontIcon, 'GC-video', 'icon-Video'), _defineProperty(_ReactGCFontIcon, 'GC-video2', 'icon-Video2'), _defineProperty(_ReactGCFontIcon, 'GC-videobutton', ['icon-videobutton', 3]), _defineProperty(_ReactGCFontIcon, 'GC-webhook', ['icon-webhook', 4]), _defineProperty(_ReactGCFontIcon, 'GC-zap', 'icon-Zap'), _defineProperty(_ReactGCFontIcon, 'GC-zoomin', 'icon-Zoomin'), _defineProperty(_ReactGCFontIcon, 'GC-zoomout', 'icon-Zoomout'), _defineProperty(_ReactGCFontIcon, 'GC-audio', 'icon-audio'), _defineProperty(_ReactGCFontIcon, 'GC-download', 'icon-download'), _defineProperty(_ReactGCFontIcon, 'GC-faq', ['icon-faq', 3]), _defineProperty(_ReactGCFontIcon, 'GC-file', 'icon-file'), _defineProperty(_ReactGCFontIcon, "GC-image", 'icon-image'), _defineProperty(_ReactGCFontIcon, 'GC-location', 'icon-location'), _defineProperty(_ReactGCFontIcon, 'GC-message', ['icon-message', 2]), _defineProperty(_ReactGCFontIcon, 'GC-note', 'icon-note'), _defineProperty(_ReactGCFontIcon, 'GC-rightarrow', 'icon-rightarrow'), _defineProperty(_ReactGCFontIcon, 'GC-text', 'icon-text'), _defineProperty(_ReactGCFontIcon, 'GC-hearteyes', ['icon-hearteyes', 8]), _defineProperty(_ReactGCFontIcon, 'GC-neutralface', ['icon-neutralface', 4]), _defineProperty(_ReactGCFontIcon, 'GC-slightfrowning', ['icon-slightfrowning', 4]), _defineProperty(_ReactGCFontIcon, 'GC-slightsmile', ['icon-slightsmile', 4]), _defineProperty(_ReactGCFontIcon, 'GC-starfrowing', ['icon-starfrowing', 4]), _defineProperty(_ReactGCFontIcon, 'GC-starheart', ['icon-starheart', 8]), _defineProperty(_ReactGCFontIcon, 'GC-starneutral', ['icon-starneutral', 5]), _defineProperty(_ReactGCFontIcon, 'GC-starsmile', ['icon-starsmile', 4]), _defineProperty(_ReactGCFontIcon, 'GC-starunamused', ['icon-starunamused', 4]), _defineProperty(_ReactGCFontIcon, 'GC-thumbsdown', ['icon-thumbsdown', 2]), _defineProperty(_ReactGCFontIcon, 'GC-thumbsup', ['icon-thumbsup', 2]), _defineProperty(_ReactGCFontIcon, 'GC-unamused', ['icon-unamused', 4]), _defineProperty(_ReactGCFontIcon, 'GC-gcLogo', ['icon-gcLogo', 2]), _defineProperty(_ReactGCFontIcon, 'GC-button', ['icon-button', 2]), _defineProperty(_ReactGCFontIcon, 'GC-cloud', 'icon-cloud'), _defineProperty(_ReactGCFontIcon, 'GC-dynamicCard', ['icon-dynamicCard', 6]), _defineProperty(_ReactGCFontIcon, 'GC-staticCard', ['icon-staticCard', 10]), _defineProperty(_ReactGCFontIcon, 'GC-dynamicInfo', ['icon-dynamicInfo', 5]), _defineProperty(_ReactGCFontIcon, 'GC-staticInfo', ['icon-staticInfo', 9]), _defineProperty(_ReactGCFontIcon, 'GC-object', 'icon-object'), _defineProperty(_ReactGCFontIcon, 'GC-number', 'icon-number'), _defineProperty(_ReactGCFontIcon, 'GC-arrayOfString', 'icon-arrayOfString'), _defineProperty(_ReactGCFontIcon, 'GC-arrayOfObject', 'icon-arrayOfObject'), _defineProperty(_ReactGCFontIcon, 'GC-inputFile', ['icon-inputFile', 2]), _defineProperty(_ReactGCFontIcon, 'GC-deskLogo', 'icon-deskLogo'), _defineProperty(_ReactGCFontIcon, 'GC-dynamicButton', ['icon-dynamicButton', 3]), _defineProperty(_ReactGCFontIcon, 'GC-blocks', 'icon-blocks'), _defineProperty(_ReactGCFontIcon, 'GC-connection', 'icon-connection'), _defineProperty(_ReactGCFontIcon, 'GC-request', 'icon-request'), _defineProperty(_ReactGCFontIcon, 'GC-response', 'icon-response'), _defineProperty(_ReactGCFontIcon, 'GC-agent', 'icon-agent'), _defineProperty(_ReactGCFontIcon, 'GC-urlbutton', 'icon-urlbutton'), _defineProperty(_ReactGCFontIcon, 'GC-inputlocation', ['icon-inputlocation', 2]), _defineProperty(_ReactGCFontIcon, 'GC-arrayIcon', 'icon-array'), _defineProperty(_ReactGCFontIcon, 'GC-dropoff', 'icon-dropoff'), _defineProperty(_ReactGCFontIcon, 'GC-click', 'icon-click'), _defineProperty(_ReactGCFontIcon, 'GC-boolean', 'icon-boolean'), _defineProperty(_ReactGCFontIcon, 'GC-jumpstate', 'icon-jumpstate'), _defineProperty(_ReactGCFontIcon, 'GC-lineHight', 'icon-lineHight'), _defineProperty(_ReactGCFontIcon, 'GC-arrayOfImage', 'icon-arrayOfImage'), _defineProperty(_ReactGCFontIcon, 'GC-arrayOfNumber', 'icon-arrayOfNumber'), _defineProperty(_ReactGCFontIcon, 'GC-alertcircle', 'icon-alertcircle'), _defineProperty(_ReactGCFontIcon, 'GC-alertfilled', 'icon-alertfilled'), _defineProperty(_ReactGCFontIcon, 'GC-attachment', 'icon-attachment'), _defineProperty(_ReactGCFontIcon, 'GC-alertNew', 'icon-alertNew'), _defineProperty(_ReactGCFontIcon, 'GC-atsignNew', 'icon-atsignNew'), _defineProperty(_ReactGCFontIcon, 'GC-boldNew', 'icon-boldNew'), _defineProperty(_ReactGCFontIcon, 'GC-calendarNew', 'icon-calendarNew'), _defineProperty(_ReactGCFontIcon, 'GC-centerAlign', 'icon-centerAlign'), _defineProperty(_ReactGCFontIcon, 'GC-chevrondownNew', 'icon-chevrondownNew'), _defineProperty(_ReactGCFontIcon, 'GC-chevrondownSmall', 'icon-chevrondownSmall'), _defineProperty(_ReactGCFontIcon, 'GC-chevronleftNew', 'icon-chevronleftNew'), _defineProperty(_ReactGCFontIcon, "GC-click", 'icon-click'), _defineProperty(_ReactGCFontIcon, 'GC-cloudNew', 'icon-cloudNew'), _defineProperty(_ReactGCFontIcon, 'GC-collapse', 'icon-collapse'), _defineProperty(_ReactGCFontIcon, 'GC-command', 'icon-command'), _defineProperty(_ReactGCFontIcon, 'GC-copyNew', 'icon-copyNew'), _defineProperty(_ReactGCFontIcon, 'GC-crossCircleNew', 'icon-crossCircleNew'), _defineProperty(_ReactGCFontIcon, 'GC-crossNew', 'icon-crossNew'), _defineProperty(_ReactGCFontIcon, 'GC-deleteNew', 'icon-deleteNew'), _defineProperty(_ReactGCFontIcon, 'GC-display', 'icon-display'), _defineProperty(_ReactGCFontIcon, 'GC-downloadNew', 'icon-downloadNew'), _defineProperty(_ReactGCFontIcon, 'GC-draggable', 'icon-draggable'), _defineProperty(_ReactGCFontIcon, 'GC-edit', 'icon-edit'), _defineProperty(_ReactGCFontIcon, 'GC-erase', 'icon-erase'), _defineProperty(_ReactGCFontIcon, 'GC-exit', 'icon-exit'), _defineProperty(_ReactGCFontIcon, 'GC-external', 'icon-external'), _defineProperty(_ReactGCFontIcon, 'GC-eye', 'icon-eye'), _defineProperty(_ReactGCFontIcon, 'GC-flagNew', 'icon-flagNew'), _defineProperty(_ReactGCFontIcon, 'GC-folder', 'icon-folder'), _defineProperty(_ReactGCFontIcon, 'GC-font', 'icon-font'), _defineProperty(_ReactGCFontIcon, 'GC-fontColor', 'icon-fontColor'), _defineProperty(_ReactGCFontIcon, 'GC-fontColortwo', 'icon-fontColortwo'), _defineProperty(_ReactGCFontIcon, 'GC-fontSize', 'icon-fontSize'), _defineProperty(_ReactGCFontIcon, 'GC-fullScreenNew', 'icon-fullScreenNew'), _defineProperty(_ReactGCFontIcon, 'GC-gif', 'icon-gif'), _defineProperty(_ReactGCFontIcon, 'GC-graph', 'icon-graph'), _defineProperty(_ReactGCFontIcon, 'GC-gridNew', 'icon-gridNew'), _defineProperty(_ReactGCFontIcon, 'GC-headingOne', 'icon-headingOne'), _defineProperty(_ReactGCFontIcon, 'GC-headingThree', 'icon-headingThree'), _defineProperty(_ReactGCFontIcon, 'GC-headingTwo', 'icon-headingTwo'), _defineProperty(_ReactGCFontIcon, 'GC-history', 'icon-history'), _defineProperty(_ReactGCFontIcon, "GC-home", 'icon-home'), _defineProperty(_ReactGCFontIcon, 'GC-imageNew', 'icon-imageNew'), _defineProperty(_ReactGCFontIcon, 'GC-images', 'icon-images'), _defineProperty(_ReactGCFontIcon, 'GC-infofilled', 'icon-infofilled'), _defineProperty(_ReactGCFontIcon, 'GC-infoNew', 'icon-infoNew'), _defineProperty(_ReactGCFontIcon, 'GC-internal', 'icon-internal'), _defineProperty(_ReactGCFontIcon, 'GC-italicNew', 'icon-italicNew'), _defineProperty(_ReactGCFontIcon, 'GC-jumpstateNew', 'icon-jumpstateNew'), _defineProperty(_ReactGCFontIcon, 'GC-justifiedAlign', 'icon-justifiedAlign'), _defineProperty(_ReactGCFontIcon, 'GC-plusNew', 'icon-plusNew'), _defineProperty(_ReactGCFontIcon, 'GC-leftAlign', 'icon-leftAlign'), _defineProperty(_ReactGCFontIcon, 'GC-lineHeight', 'icon-lineHeight'), _defineProperty(_ReactGCFontIcon, 'GC-linkNew', 'icon-linkNew'), _defineProperty(_ReactGCFontIcon, "GC-list", 'icon-list'), _defineProperty(_ReactGCFontIcon, 'GC-locationNew', 'icon-locationNew'), _defineProperty(_ReactGCFontIcon, 'GC-mail', 'icon-mail'), _defineProperty(_ReactGCFontIcon, 'GC-maximizeNew', 'icon-maximizeNew'), _defineProperty(_ReactGCFontIcon, 'GC-metrics', 'icon-metrics'), _defineProperty(_ReactGCFontIcon, 'GC-minimizeNew', 'icon-minimizeNew'), _defineProperty(_ReactGCFontIcon, 'GC-minusSquare', 'icon-minusSquare'), _defineProperty(_ReactGCFontIcon, 'GC-notsupport', 'icon-notsupport'), _defineProperty(_ReactGCFontIcon, 'GC-options', 'icon-options'), _defineProperty(_ReactGCFontIcon, 'GC-numberlist', 'icon-numberlist'), _defineProperty(_ReactGCFontIcon, 'GC-people', 'icon-people'), _defineProperty(_ReactGCFontIcon, 'GC-questioncircleFilled', 'icon-questioncircleFilled'), _defineProperty(_ReactGCFontIcon, 'GC-plusSquare', 'icon-plusSquare'), _defineProperty(_ReactGCFontIcon, 'GC-questioncircleNew', 'icon-questioncircleNew'), _defineProperty(_ReactGCFontIcon, 'GC-recenter', 'icon-recenter'), _defineProperty(_ReactGCFontIcon, 'GC-variable', 'icon-variable'), _defineProperty(_ReactGCFontIcon, 'GC-redo', 'icon-redo'), _defineProperty(_ReactGCFontIcon, 'GC-reloadNew', 'icon-reloadNew'), _defineProperty(_ReactGCFontIcon, 'GC-rightAlign', 'icon-rightAlign'), _defineProperty(_ReactGCFontIcon, 'GC-searchNew', 'icon-searchNew'), _defineProperty(_ReactGCFontIcon, 'GC-settings', 'icon-settings'), _defineProperty(_ReactGCFontIcon, 'GC-smileyNew', 'icon-smileyNew'), _defineProperty(_ReactGCFontIcon, 'GC-strikethrough', 'icon-strikethrough'), _defineProperty(_ReactGCFontIcon, 'GC-string', 'icon-string'), _defineProperty(_ReactGCFontIcon, 'GC-subscript', 'icon-subscript'), _defineProperty(_ReactGCFontIcon, 'GC-superscript', 'icon-superscript'), _defineProperty(_ReactGCFontIcon, "GC-tick", 'icon-tick'), _defineProperty(_ReactGCFontIcon, 'GC-tickCircle', 'icon-tickCircle'), _defineProperty(_ReactGCFontIcon, 'GC-tickSquare', 'icon-tickSquare'), _defineProperty(_ReactGCFontIcon, 'GC-tip', 'icon-tip'), _defineProperty(_ReactGCFontIcon, 'GC-underlineNew', 'icon-underlineNew'), _defineProperty(_ReactGCFontIcon, 'GC-undo', 'icon-undo'), _defineProperty(_ReactGCFontIcon, 'GC-upload', 'icon-upload'), _defineProperty(_ReactGCFontIcon, 'GC-videoNew', 'icon-videoNew'), _defineProperty(_ReactGCFontIcon, 'GC-zoominNew', 'icon-zoominNew'), _defineProperty(_ReactGCFontIcon, 'GC-zoomoutNew', 'icon-zoomoutNew'), _ReactGCFontIcon),
   ReactTwotoneIcon: {
     'ZD-TT-call': ['icon-chCall', 2],
     'ZD-TT-callIn': ['icon-chCallIn', 3],
@@ -1757,10 +1831,10 @@ var FontFactory = {
     'ZD-TT-forumIn': ['icon-chForumIn', 3],
     'ZD-TT-forumOut': ['icon-chForumOut', 3],
     'ZD-TT-forumMissed': ['icon-chForumIn', 3],
-    'ZD-TT-twitter': ['icon-chTwitter', 2],
-    'ZD-TT-twitterIn': ['icon-chTwitterIn', 3],
-    'ZD-TT-twitterOut': ['icon-chTwitterOut', 3],
-    'ZD-TT-twitterMissed': ['icon-chTwitterIn', 3],
+    'ZD-TT-twitter': ['icon-ttChTwitter', 2],
+    'ZD-TT-twitterIn': ['icon-ttChTwitterIn', 3],
+    'ZD-TT-twitterOut': ['icon-ttChTwitterOut', 3],
+    'ZD-TT-twitterMissed': ['icon-ttChTwitterIn', 3],
     'ZD-TT-web': ['icon-chWeb', 2],
     'ZD-TT-webIn': ['icon-chWebIn', 3],
     'ZD-TT-webOut': ['icon-chWebOut', 3],
@@ -1824,7 +1898,59 @@ var FontFactory = {
     'ZD-TT-triangleAlert': ['icon-triangleAlert', 2],
     'ZD-TT-questionStroke': ['icon-QuestionStroke', 2],
     'ZD-TT-annoncement': ['icon-annoncement', 2],
-    'ZD-TT-moreApps': ['icon-moreApps', 2]
+    'ZD-TT-moreApps': ['icon-moreApps', 2],
+    'ZD-TT-reply': ['icon-reply', 2],
+    'ZD-TT-skills': ['icon-skills', 2],
+    'ZD-TT-instaIM': ['icon-instaIM', 3],
+    'ZD-TT-instaIMIn': ['icon-instaIM', 3],
+    'ZD-TT-instaIMOut': ['icon-instaIM', 3],
+    'ZD-TT-instaIMMissed': ['icon-instaIM', 3],
+    'ZD-TT-imWeChat': ['icon-imWeChat', 2],
+    'ZD-TT-imtwillio': ['icon-imtwillio', 2],
+    'ZD-TT-imTelegram': ['icon-imTelegram', 2],
+    'ZD-TT-imLine': ['icon-imLine', 2],
+    'ZD-TT-imASAP': ['icon-imASAP', 2],
+    'ZD-TT-mp3': ['icon-mp3', 2],
+    'ZD-TT-pdf': ['icon-pdf', 2],
+    'ZD-TT-mp4': ['icon-mp4', 2],
+    'ZD-TT-image': ['icon-image', 2],
+    'ZD-TT-zip': ['icon-zip', 2],
+    'ZD-TT-unknown': ['icon-unknown', 2],
+    'ZD-TT-txt': ['icon-txt', 2],
+    'ZD-TT-code': ['icon-code', 2],
+    'ZD-TT-ttLocation': ['icon-ttLocation', 2],
+    'ZD-TT-ttAttach': ['icon-ttAttach', 2],
+    'ZD-TT-ttHash': ['icon-ttHash', 2],
+    'ZD-TT-supportPlan': ['icon-supportPlan', 2],
+    'ZD-TT-zia': ['icon-zia', 2],
+    'ZD-TT-xls': ['icon-xls', 2],
+    'ZD-TT-ppt': ['icon-ppt', 2],
+    'ZD-TT-fbMessanger': ['icon-fbMessanger', 3],
+    'ZD-TT-customModule': ['icon-customModule', 2],
+    'ZD-TT-blocked': ['icon-blocked', 2],
+    'ZD-TT-ended': ['icon-ended', 2],
+    'ZD-TT-allChannels': ['icon-allChannels', 2],
+    'ZD-TT-ttreschedule': ['icon-ttreschedule', 2],
+    'ZD-TT-chTwitterDirect': ['icon-chTwitterDirect', 3],
+    'ZD-TT-chTwitterDirectIn': ['icon-chTwitterDirect', 3],
+    'ZD-TT-chTwitterDirectOut': ['icon-chTwitterDirect', 3],
+    'ZD-TT-chTwitterDirectMissed': ['icon-chTwitterDirect', 3],
+    'ZD-TT-ttFilter': ['icon-ttFilter', 2]
+  },
+  ReactAccessibilityIcon: {
+    'ZD-A11Y-hearing': 'icon-hearing',
+    'ZD-A11Y-learning': 'icon-learning',
+    'ZD-A11Y-mobility': 'icon-mobility',
+    'ZD-A11Y-vision': 'icon-vision',
+    'ZD-A11Y-dyslexia': 'icon-dyslexia',
+    'ZD-A11Y-seizure': 'icon-seizure',
+    'ZD-A11Y-adhd': 'icon-adhd',
+    'ZD-A11Y-astigmaism': 'icon-astigmaism',
+    'ZD-A11Y-blindness': 'icon-blindness',
+    'ZD-A11Y-colorBlindness': ['icon-colorBlindness', 3],
+    'ZD-A11Y-elderly': 'icon-elderly',
+    'ZD-A11Y-epilepsy': 'icon-epilepsy',
+    'ZD-A11Y-visuallyImpaired': 'icon-visuallyImpaired'
   }
 };
 exports.FontFactory = FontFactory;

package/lib/Icon/FontIcon.js

@@ -7,7 +7,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _defaultProps = require("./props/defaultProps");
+
+var _propTypes = require("./props/propTypes");
 
 var _CustomIcons = require("./CustomIcons");
 
@@ -15,27 +17,27 @@ var _IconModule = _interopRequireDefault(require("./Icon.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var FontIcon = /*#__PURE__*/function (_React$Component) {
   _inherits(FontIcon, _React$Component);
@@ -60,6 +62,7 @@ var FontIcon = /*#__PURE__*/function (_React$Component) {
           iconClass = _this$props.iconClass,
           title = _this$props.title,
           dataId = _this$props.dataId,
+          dataSelectorId = _this$props.dataSelectorId,
           size = _this$props.size,
           iconName = _this$props.iconName,
           titlePosition = _this$props.titlePosition,
@@ -69,46 +72,38 @@ var FontIcon = /*#__PURE__*/function (_React$Component) {
       var fontStyle = size ? {
         '--zd-iconfont-size': 'var(--zd_font_size' + size + ')'
       } : {};
-      var isRtl = false;
-      var isCustom = _CustomIcons.CustomIcons[iconName] || null;
-      isCustom = isCustom ? _IconModule["default"][isCustom] : '';
-      var isTwoTone = _CustomIcons.TwoToneIcons[iconName] || null;
-      isTwoTone = isTwoTone ? _IconModule["default"][isTwoTone] : '';
+      var isCustom = _CustomIcons.allCustomIcons[iconName] || null;
+      isCustom = isCustom ? _IconModule["default"][isCustom] : ''; // let isTwoTone = TwoToneIcons[iconName] || null;
+      // isTwoTone = isTwoTone ? style[isTwoTone] : '';
+
       var fontClass = "".concat(_IconModule["default"].basic, " ").concat(pathName, " ").concat(isBold ? _IconModule["default"].fbold : '', " ").concat(iconClass ? iconClass : '', " ").concat(onClick ? _IconModule["default"].cursor : '');
+      var childArray;
 
       if (_typeof(name) === 'object') {
-        isRtl = name[2] ? name[2] : false;
+        childArray = [];
+        var isRtl = name[2] ? name[2] : false;
         fontClass = isRtl ? "".concat(fontClass, " ").concat(_IconModule["default"].rtl) : fontClass;
-        var childArray = [];
 
         for (var i = 1; i < name[1] + 1; i++) {
-          var pathClass = "".concat(iconContent["path".concat(i)], "   ").concat(iconClass || isCustom || isTwoTone ? "path".concat(i) : '');
+          var pathClass = "".concat(iconContent["path".concat(i)], " ").concat(iconClass || isCustom ? "path".concat(i) : '');
           childArray.push( /*#__PURE__*/_react["default"].createElement("span", {
-            className: pathClass.trim(),
+            className: pathClass,
             key: i
           }));
         }
-
-        return /*#__PURE__*/_react["default"].createElement("i", {
-          className: 'zd_font_icons'.concat(" ", fontClass, " ").concat(isCustom, " ").concat(isTwoTone).trim(),
-          "data-title": title,
-          onClick: onClick,
-          "data-id": dataId ? dataId : 'fontIcon',
-          "data-title-position": titlePosition,
-          style: fontStyle,
-          "aria-hidden": ariaHidden
-        }, childArray);
       }
 
       return /*#__PURE__*/_react["default"].createElement("i", {
-        className: 'zd_font_icons'.concat(" ", fontClass).trim(),
+        className: 'zd_font_icons'.concat(" ", fontClass, " ").concat(isCustom),
         "data-title": title,
         onClick: onClick,
-        "data-id": dataId ? dataId : 'fontIcon',
+        "data-id": dataId,
+        "data-test-id": dataId,
         "data-title-position": titlePosition,
         style: fontStyle,
-        "aria-hidden": ariaHidden
-      });
+        "aria-hidden": ariaHidden,
+        "data-selector-id": dataSelectorId
+      }, childArray ? childArray : null);
     }
   }]);
 
@@ -116,25 +111,8 @@ var FontIcon = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = FontIcon;
-FontIcon.propTypes = {
-  dataId: _propTypes["default"].string,
-  iconClass: _propTypes["default"].string,
-  iconContent: _propTypes["default"].object,
-  isBold: _propTypes["default"].bool,
-  name: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].array]),
-  onClick: _propTypes["default"].func,
-  pathName: _propTypes["default"].string,
-  size: _propTypes["default"].string,
-  title: _propTypes["default"].string,
-  iconName: _propTypes["default"].string,
-  titlePosition: _propTypes["default"].oneOf(['top', 'bottom', 'left', 'right']),
-  a11y: _propTypes["default"].shape({
-    ariaHidden: _propTypes["default"].bool
-  })
-};
-FontIcon.defaultProps = {
-  a11y: {}
-};
+FontIcon.propTypes = _propTypes.IconProps;
+FontIcon.defaultProps = _defaultProps.IconDefaultProps;
 
 if (false) {
   FontIcon.docs = {