@zohodesk/icons 1.0.0-temp-101 → 1.0.0-temp-111

package/lib/Icon/CustomIcons.js

@@ -97,7 +97,7 @@ var TwoToneIcons = (_TwoToneIcons = {
   'ZD-TT-directFacebookMissed': 'red2',
   'ZD-TT-happinessMissed': 'red2',
   'ZD-TT-whatsAppMissed': 'red2'
-}, _defineProperty(_TwoToneIcons, "ZD-TT-whatsAppMissed", 'red2'), _defineProperty(_TwoToneIcons, 'ZD-TT-instaIMMissed', 'red2'), _defineProperty(_TwoToneIcons, 'ZD-TT-chTwitterDirectMissed', 'red2'), _defineProperty(_TwoToneIcons, 'ZD-TT-callIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-chatIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-mailIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-instagramIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-facebookIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-forumIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-twitterIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-webIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-directFacebookIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-happinessIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-whatsAppIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-instaIMIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-chTwitterDirectIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-callOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-chatOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-instagramOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-mailOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-facebookOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-forumOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-twitterOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-webOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-happinessOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-emailForward', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-directFacebookOut', 'lightBlue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-whatsAppOut', 'lightBlue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-instaIMOut', 'lightBlue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-chTwitterDirectOut', 'lightBlue2'), _TwoToneIcons);
+}, _defineProperty(_TwoToneIcons, "ZD-TT-whatsAppMissed", 'red2'), _defineProperty(_TwoToneIcons, 'ZD-TT-instaIMMissed', 'red2'), _defineProperty(_TwoToneIcons, 'ZD-TT-chTwitterDirectMissed', 'red2'), _defineProperty(_TwoToneIcons, 'ZD-TT-callIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-chatIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-mailIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-instagramIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-facebookIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-forumIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-twitterIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-webIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-directFacebookIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-happinessIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-whatsAppIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-instaIMIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-chTwitterDirectIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-callOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-chatOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-instagramOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-mailOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-facebookOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-forumOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-twitterOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-webOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-happinessOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-emailForward', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-directFacebookOut', 'lightBlue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-whatsAppOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-instaIMOut', 'lightBlue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-chTwitterDirectOut', 'lightBlue2'), _TwoToneIcons);
 exports.TwoToneIcons = TwoToneIcons;
 
 var allCustomIcons = _objectSpread(_objectSpread({}, CustomIcons), TwoToneIcons);

package/lib/Icon/FontFactory.js

@@ -1431,7 +1431,8 @@ var FontFactory = {
     'ZD-EF-firebox': 'icon-firebox',
     'ZD-EF-iOS': 'icon-iOS',
     'ZD-EF-linux': 'icon-linux',
-    'ZD-EF-playstore': 'icon-playstore'
+    'ZD-EF-playstore': 'icon-playstore',
+    'ZD-EF-clrCsv': ['icon-clrCsv', 7]
   },
   ReactGeneralFontIcon: (_ReactGeneralFontIcon = {
     'ZD-GN-agent': 'icon-agent',
@@ -1526,7 +1527,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-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),
+  }, _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'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-primaryContact', 'icon-primaryContact'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-wallet', 'icon-wallet'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-agentportal', 'icon-agentportal'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-fileMail', 'icon-fileMail'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-rename', 'icon-rename'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-fileUnknown', 'icon-fileUnknown'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-filePpt', 'icon-filePpt'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-fileDoc', 'icon-fileDoc'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-fileSheet', 'icon-fileSheet'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-imPause', ['icon-imPause', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-imPlay', 'icon-imPlay'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-imRecord', 'icon-imRecord'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-radar', 'icon-radar'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-pricingTag', 'icon-pricingTag'), _ReactGeneralFontIcon),
   ReactIntegrationsFontIcon: {
     'ZD-IG-intAnalytics': 'icon-intAnalytics',
     'ZD-IG-intBigin': 'icon-intBigin',
@@ -1601,7 +1602,8 @@ var FontFactory = {
     'ZD-RP-clrBulletChart': ['icon-clrBulletChart', 3],
     'ZD-RP-clrCompare': ['icon-clrCompare', 3],
     'ZD-RP-clrDialchart': ['icon-clrDialchart', 3],
-    'ZD-RP-clrMetricCards': ['icon-clrMetricCards', 2]
+    'ZD-RP-clrMetricCards': ['icon-clrMetricCards', 2],
+    'ZD-RP-KPICards': 'icon-KPICards'
   },
   ReactSetupFontIcon: {
     'ZD-SE-account': 'icon-account',
@@ -1805,7 +1807,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]), _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),
+  }, _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'), _defineProperty(_ReactGCFontIcon, 'GC-webhookNew', 'icon-webhookNew'), _defineProperty(_ReactGCFontIcon, 'GC-displayCard', 'icon-displayCard'), _defineProperty(_ReactGCFontIcon, 'GC-minimalView', 'icon-minimalView'), _defineProperty(_ReactGCFontIcon, 'GC-textNew', 'icon-textNew'), _defineProperty(_ReactGCFontIcon, 'GC-moveLeft', 'icon-moveLeft'), _defineProperty(_ReactGCFontIcon, 'GC-feedbackButton', 'icon-feedbackButton'), _defineProperty(_ReactGCFontIcon, 'GC-control', 'icon-control'), _defineProperty(_ReactGCFontIcon, 'GC-detailView', 'icon-detailView'), _defineProperty(_ReactGCFontIcon, 'GC-smileyButtonNew', 'icon-smileyButtonNew'), _defineProperty(_ReactGCFontIcon, 'GC-moveRight', 'icon-moveRight'), _defineProperty(_ReactGCFontIcon, 'GC-messageNewFilled', 'icon-messageNewFilled'), _defineProperty(_ReactGCFontIcon, 'GC-inputFilled', 'icon-inputFilled'), _defineProperty(_ReactGCFontIcon, 'GC-numberNew', 'icon-numberNew'), _defineProperty(_ReactGCFontIcon, 'GC-controlFilled', 'icon-controlFilled'), _defineProperty(_ReactGCFontIcon, 'GC-audioNew', 'icon-audioNew'), _defineProperty(_ReactGCFontIcon, 'GC-dynamicButtonNew', 'icon-dynamicButtonNew'), _defineProperty(_ReactGCFontIcon, 'GC-choiceFilled', 'icon-choiceFilled'), _defineProperty(_ReactGCFontIcon, 'GC-card', 'icon-card'), _defineProperty(_ReactGCFontIcon, 'GC-slider', 'icon-slider'), _defineProperty(_ReactGCFontIcon, 'GC-integrationFilled', 'icon-integrationFilled'), _defineProperty(_ReactGCFontIcon, 'GC-calendarInput', 'icon-calendarInput'), _defineProperty(_ReactGCFontIcon, 'GC-messageNew', 'icon-messageNew'), _defineProperty(_ReactGCFontIcon, 'GC-fork', 'icon-fork'), _defineProperty(_ReactGCFontIcon, 'GC-imageButtonNew', 'icon-imageButtonNew'), _defineProperty(_ReactGCFontIcon, 'GC-operation', 'icon-operation'), _defineProperty(_ReactGCFontIcon, 'GC-input', 'icon-input'), _defineProperty(_ReactGCFontIcon, 'GC-integration', 'icon-integration'), _defineProperty(_ReactGCFontIcon, 'GC-currency', 'icon-currency'), _defineProperty(_ReactGCFontIcon, 'GC-displayMessage', 'icon-displayMessage'), _defineProperty(_ReactGCFontIcon, 'GC-textButtonNew', 'icon-textButtonNew'), _defineProperty(_ReactGCFontIcon, 'GC-videoButtonNew', 'icon-videoButtonNew'), _defineProperty(_ReactGCFontIcon, 'GC-audioButtonNew', 'icon-audioButtonNew'), _defineProperty(_ReactGCFontIcon, 'GC-fileNew', 'icon-fileNew'), _defineProperty(_ReactGCFontIcon, 'GC-choice', 'icon-choice'), _defineProperty(_ReactGCFontIcon, 'GC-linkButton', 'icon-linkButton'), _defineProperty(_ReactGCFontIcon, 'GC-activities', 'icon-activities'), _defineProperty(_ReactGCFontIcon, 'GC-analytics', 'icon-analytics'), _defineProperty(_ReactGCFontIcon, 'GC-analyticsFilled', 'icon-analyticsFilled'), _defineProperty(_ReactGCFontIcon, 'GC-asap', 'icon-asap'), _defineProperty(_ReactGCFontIcon, 'GC-clipBoardNewFilled', 'icon-clipBoardFilled'), _defineProperty(_ReactGCFontIcon, 'GC-clipBoardNew', 'icon-clipBoardNew'), _defineProperty(_ReactGCFontIcon, 'GC-customize', 'icon-customize'), _defineProperty(_ReactGCFontIcon, 'GC-customizeFilled', 'icon-customizeFilled'), _defineProperty(_ReactGCFontIcon, 'GC-embed', 'icon-embed'), _defineProperty(_ReactGCFontIcon, 'GC-fillter', 'icon-fillter'), _defineProperty(_ReactGCFontIcon, 'GC-iframe', 'icon-iframe'), _defineProperty(_ReactGCFontIcon, 'GC-multilingual', 'icon-multilingual'), _defineProperty(_ReactGCFontIcon, 'GC-multilingualFilled', 'icon-multilingualFilled'), _defineProperty(_ReactGCFontIcon, 'GC-outdated', 'icon-outdated'), _defineProperty(_ReactGCFontIcon, 'GC-play', 'icon-play'), _defineProperty(_ReactGCFontIcon, 'GC-print', 'icon-print'), _defineProperty(_ReactGCFontIcon, 'GC-publicUrl', 'icon-publicUrl'), _defineProperty(_ReactGCFontIcon, 'GC-publish', 'icon-publish'), _defineProperty(_ReactGCFontIcon, 'GC-qr', 'icon-qr'), _defineProperty(_ReactGCFontIcon, 'GC-share', 'icon-share'), _defineProperty(_ReactGCFontIcon, 'GC-shareFilled', 'icon-shareFilled'), _defineProperty(_ReactGCFontIcon, 'GC-sortDown', 'icon-sortDown'), _defineProperty(_ReactGCFontIcon, 'GC-sortUp', 'icon-sortUp'), _defineProperty(_ReactGCFontIcon, 'GC-star', 'icon-star'), _defineProperty(_ReactGCFontIcon, 'GC-starFilled', 'icon-starFilled'), _defineProperty(_ReactGCFontIcon, 'GC-toggleOff', 'icon-toggleOff'), _defineProperty(_ReactGCFontIcon, 'GC-toggleOn', 'icon-toggleOn'), _defineProperty(_ReactGCFontIcon, 'GC-TT-form', ['icon-TT-form', 2]), _defineProperty(_ReactGCFontIcon, 'GC-TT-sparkles', ['icon-TT-sparkles', 2]), _defineProperty(_ReactGCFontIcon, 'GC-TT-template', ['icon-TT-template', 2]), _defineProperty(_ReactGCFontIcon, 'GC-IGConnect', ['icon-IG-connect', 3]), _defineProperty(_ReactGCFontIcon, 'GC-IGMail', ['icon-IG-mail', 2]), _defineProperty(_ReactGCFontIcon, 'GC-zohoCalander', ['icon-zohoCalander', 2]), _defineProperty(_ReactGCFontIcon, 'GC-IGSheet', 'icon-IG-sheet'), _defineProperty(_ReactGCFontIcon, 'GC-IGMeeting', 'icon-IG-meeting'), _defineProperty(_ReactGCFontIcon, 'GC-combine', 'icon-combine'), _defineProperty(_ReactGCFontIcon, 'GC-combineOld', ['icon-combineOld', 3]), _ReactGCFontIcon),
   ReactTwotoneIcon: {
     'ZD-TT-call': ['icon-chCall', 2],
     'ZD-TT-callIn': ['icon-chCallIn', 3],
@@ -1935,7 +1937,22 @@ var FontFactory = {
     'ZD-TT-chTwitterDirectIn': ['icon-chTwitterDirect', 3],
     'ZD-TT-chTwitterDirectOut': ['icon-chTwitterDirect', 3],
     'ZD-TT-chTwitterDirectMissed': ['icon-chTwitterDirect', 3],
-    'ZD-TT-ttFilter': ['icon-ttFilter', 2]
+    'ZD-TT-ttFilter': ['icon-ttFilter', 2],
+    'ZD-TT-notificationBell': ['icon-notificationBell', 2],
+    'ZD-TT-selfservicePortal': ['icon-selfservicePortal', 2],
+    'ZD-TT-ttComment': ['icon-ttComment', 2],
+    'ZD-TT-ttCommentIn': ['icon-ttCommentIn', 3],
+    'ZD-TT-ttCommentOut': ['icon-ttCommentOut', 3],
+    'ZD-TT-aiInbox': ['icon-aiInbox', 2],
+    'ZD-TT-aiChatSummary': ['icon-aiChatSummary', 2],
+    'ZD-TT-splitView': ['icon-splitView', 2],
+    'ZD-TT-fullView': ['icon-fullView', 2],
+    'ZD-TT-compactView': ['icon-compactView', 2],
+    'ZD-TT-weCom': ['icon-weCom', 2],
+    'ZD-TT-exploreExtension': ['icon-exploreExtension', 2],
+    'ZD-TT-uploadExtension': ['icon-uploadExtension', 2],
+    'ZD-TT-buildExtension': ['icon-buildExtension', 2],
+    'ZD-TT-ttMic': ['icon-ttMic', 2]
   },
   ReactAccessibilityIcon: {
     'ZD-A11Y-hearing': 'icon-hearing',
@@ -1951,6 +1968,32 @@ var FontFactory = {
     'ZD-A11Y-elderly': 'icon-elderly',
     'ZD-A11Y-epilepsy': 'icon-epilepsy',
     'ZD-A11Y-visuallyImpaired': 'icon-visuallyImpaired'
+  },
+  ReactProductUpdatesIcon: {
+    'ZD-PU-privacySecurity': 'icon-privacySecurity',
+    'ZD-PU-communityDashboard': 'icon-communityDashboard',
+    'ZD-PU-agentDetails': 'icon-agentDetails'
+  },
+  ReactAIIcon: {
+    'ZD-AI-ziaSummary': 'icon-ziaSummary',
+    'ZD-AI-ziaTranslator': 'icon-ziaTranslator',
+    'ZD-AI-ziaContentEnhancer': 'icon-ziaContentEnhancer',
+    'ZD-AI-ziaQualityChecker': 'icon-ziaQualityChecker',
+    'ZD-AI-ziaGenerateContent': 'icon-ziaGenerateContent',
+    'ZD-AI-ziaReplyAssistant': 'icon-ziaReplyAssistant',
+    'ZD-AI-ziaRegerate': 'icon-ziaRegerate',
+    'ZD-AI-chatGPT': 'icon-chatGPT',
+    'ZD-AI-playground': 'icon-playground'
+  },
+  ReactAutomationIcon: {
+    'ZD-AU-auAction': ['icon-auAction', 2],
+    'ZD-AU-auIf': 'icon-auIf',
+    'ZD-AU-auSchedule': 'icon-auSchedule',
+    'ZD-AU-auBranch': 'icon-auBranch',
+    'ZD-AU-auTrigger': 'icon-auTrigger'
+  },
+  ReactDeveloperSpaceIcon: {
+    'ZD-DS-customMobileApp': 'icon-customMobileApp'
   }
 };
 exports.FontFactory = FontFactory;

package/lib/Icon/FontIcon.js

@@ -17,6 +17,8 @@ var _IconModule = _interopRequireDefault(require("./Icon.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 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"); } }
@@ -66,6 +68,7 @@ var FontIcon = /*#__PURE__*/function (_React$Component) {
           size = _this$props.size,
           iconName = _this$props.iconName,
           titlePosition = _this$props.titlePosition,
+          tagAttributes = _this$props.tagAttributes,
           a11y = _this$props.a11y;
       var _a11y$ariaHidden = a11y.ariaHidden,
           ariaHidden = _a11y$ariaHidden === void 0 ? true : _a11y$ariaHidden;
@@ -93,7 +96,7 @@ var FontIcon = /*#__PURE__*/function (_React$Component) {
         }
       }
 
-      return /*#__PURE__*/_react["default"].createElement("i", {
+      return /*#__PURE__*/_react["default"].createElement("i", _extends({
         className: 'zd_font_icons'.concat(" ", fontClass, " ").concat(isCustom),
         "data-title": title,
         onClick: onClick,
@@ -103,7 +106,7 @@ var FontIcon = /*#__PURE__*/function (_React$Component) {
         style: fontStyle,
         "aria-hidden": ariaHidden,
         "data-selector-id": dataSelectorId
-      }, childArray ? childArray : null);
+      }, tagAttributes), childArray ? childArray : null);
     }
   }]);
 

package/lib/Icon/Icon.module.css

@@ -1,3 +1,4 @@
+@layer dot-icons.base {
 /* $Id$ */
 .basic {
   speak: none;
@@ -53,4 +54,5 @@
 /*rtl:ignore*/
 /* .twotwo :global .path1:before {
   color: red !important;
-} */
+} */
+}

package/lib/Icon/__tests__/FontIcon.spec.js

@@ -138,4 +138,14 @@ describe('FontIcon - ', function () {
 
     expect(asFragment()).toMatchSnapshot();
   });
+  test('rendering custom attributes with tagAttributes prop', function () {
+    var _render15 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FontIcon["default"], {
+      tagAttributes: {
+        'data-custom-attr': 'true'
+      }
+    })),
+        asFragment = _render15.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
 });

package/lib/Icon/__tests__/__snapshots__/FontIcon.spec.js.snap

@@ -111,6 +111,19 @@ exports[`FontIcon -  rendering "iconClass" with path  1`] = `
 </DocumentFragment>
 `;
 
+exports[`FontIcon -  rendering custom attributes with tagAttributes prop 1`] = `
+<DocumentFragment>
+  <i
+    aria-hidden="true"
+    class="zd_font_icons basic undefined    "
+    data-custom-attr="true"
+    data-id="fontIcon"
+    data-selector-id="fontIcon"
+    data-test-id="fontIcon"
+  />
+</DocumentFragment>
+`;
+
 exports[`FontIcon -  rendering custom icon name 1`] = `
 <DocumentFragment>
   <i

package/lib/Icon/index.js

@@ -16,135 +16,151 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 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 getAddforms() {
-  return require('../../assets_final/react/zd-font-react-addforms.module.css');
+  return require("../../assets_final/react/zd-font-react-addforms.module.css");
 }
 
 function getAutomate() {
-  return require('../../assets_final/react/zd-font-react-automate.module.css');
+  return require("../../assets_final/react/zd-font-react-automate.module.css");
 }
 
 function getChannels() {
-  return require('../../assets_final/react/zd-font-react-channels.module.css');
+  return require("../../assets_final/react/zd-font-react-channels.module.css");
 }
 
 function getCommon() {
-  return require('../../assets_final/react/zd-font-react-common.module.css');
+  return require("../../assets_final/react/zd-font-react-common.module.css");
 }
 
 function getCommunity() {
-  return require('../../assets_final/react/zd-font-react-community.module.css');
+  return require("../../assets_final/react/zd-font-react-community.module.css");
 }
 
 function getCustomers() {
-  return require('../../assets_final/react/zd-font-react-customers.module.css');
+  return require("../../assets_final/react/zd-font-react-customers.module.css");
 }
 
 function getCustomize() {
-  return require('../../assets_final/react/zd-font-react-customize.module.css');
+  return require("../../assets_final/react/zd-font-react-customize.module.css");
 }
 
 function getGamescope() {
-  return require('../../assets_final/react/zd-font-react-gamescope.module.css');
+  return require("../../assets_final/react/zd-font-react-gamescope.module.css");
 }
 
 function getGettingstarted() {
-  return require('../../assets_final/react/zd-font-react-gettingstarted.module.css');
+  return require("../../assets_final/react/zd-font-react-gettingstarted.module.css");
 }
 
 function getKnowledgeBase() {
-  return require('../../assets_final/react/zd-font-react-kb.module.css');
+  return require("../../assets_final/react/zd-font-react-kb.module.css");
 }
 
 function getOrganization() {
-  return require('../../assets_final/react/zd-font-react-organization.module.css');
+  return require("../../assets_final/react/zd-font-react-organization.module.css");
 }
 
 function getOthers() {
-  return require('../../assets_final/react/zd-font-react-others.module.css');
+  return require("../../assets_final/react/zd-font-react-others.module.css");
 }
 
 function getReports() {
-  return require('../../assets_final/react/zd-font-react-reports.module.css');
+  return require("../../assets_final/react/zd-font-react-reports.module.css");
 }
 
 function getSetup() {
-  return require('../../assets_final/react/zd-font-react-setup.module.css');
+  return require("../../assets_final/react/zd-font-react-setup.module.css");
 }
 
 function getSocial() {
-  return require('../../assets_final/react/zd-font-react-social.module.css');
+  return require("../../assets_final/react/zd-font-react-social.module.css");
 }
 
 function getTickets() {
-  return require('../../assets_final/react/zd-font-react-tickets.module.css');
+  return require("../../assets_final/react/zd-font-react-tickets.module.css");
 }
 
 function getTopband() {
-  return require('../../assets_final/react/zd-font-react-topband.module.css');
+  return require("../../assets_final/react/zd-font-react-topband.module.css");
 }
 
 function getTicketsChannel() {
-  return require('../../assets_final/react/zd-font-react-ticket-channels.module.css');
+  return require("../../assets_final/react/zd-font-react-ticket-channels.module.css");
 }
 
 function getReactCallBar() {
-  return require('../../assets_final/react/zd-font-rCallBar.module.css');
+  return require("../../assets_final/react/zd-font-rCallBar.module.css");
 }
 
 function getReactChannels() {
-  return require('../../assets_final/react/zd-font-rChannels.module.css');
+  return require("../../assets_final/react/zd-font-rChannels.module.css");
 }
 
 function getReactCutomize() {
-  return require('../../assets_final/react/zd-font-rCustomize.module.css');
+  return require("../../assets_final/react/zd-font-rCustomize.module.css");
 }
 
 function getReactExportFiles() {
-  return require('../../assets_final/react/zd-font-rExportFiles.module.css');
+  return require("../../assets_final/react/zd-font-rExportFiles.module.css");
 }
 
 function getReactGeneral() {
-  return require('../../assets_final/react/zd-font-rGeneral.module.css');
+  return require("../../assets_final/react/zd-font-rGeneral.module.css");
 }
 
 function getReactIntegrations() {
-  return require('../../assets_final/react/zd-font-rIntegrations.module.css');
+  return require("../../assets_final/react/zd-font-rIntegrations.module.css");
 }
 
 function getReactLhs() {
-  return require('../../assets_final/react/zd-font-rLhs.module.css');
+  return require("../../assets_final/react/zd-font-rLhs.module.css");
 }
 
 function getReactMarketplace() {
-  return require('../../assets_final/react/zd-font-rMarketplace.module.css');
+  return require("../../assets_final/react/zd-font-rMarketplace.module.css");
 }
 
 function getReactReports() {
-  return require('../../assets_final/react/zd-font-rReports.module.css');
+  return require("../../assets_final/react/zd-font-rReports.module.css");
 }
 
 function getReactSetup() {
-  return require('../../assets_final/react/zd-font-rSetup.module.css');
+  return require("../../assets_final/react/zd-font-rSetup.module.css");
 }
 
 function getReactTickets() {
-  return require('../../assets_final/react/zd-font-rTickets.module.css');
+  return require("../../assets_final/react/zd-font-rTickets.module.css");
 }
 
 function getReactTopband() {
-  return require('../../assets_final/react/zd-font-rTopband.module.css');
+  return require("../../assets_final/react/zd-font-rTopband.module.css");
 }
 
 function getReactGC() {
-  return require('../../assets_final/react/zd-font-react-gcFonts.module.css');
+  return require("../../assets_final/react/zd-font-react-gcFonts.module.css");
 }
 
 function getReactTwotone() {
-  return require('../../assets_final/react/zd-font-rTwotone.module.css');
+  return require("../../assets_final/react/zd-font-rTwotone.module.css");
 }
 
 function getReactAccessibility() {
-  return require('../../assets_final/react/zd-font-rAccessibility.module.css');
+  return require("../../assets_final/react/zd-font-rAccessibility.module.css");
+}
+
+function getReactUpdates() {
+  return require("../../assets_final/react/zd-font-rUpdates.module.css");
+}
+
+function getReactAI() {
+  return require("../../assets_final/react/zd-font-rAI.module.css");
+}
+
+function getReactAutomation() {
+  return require("../../assets_final/react/zd-font-rAutomation.module.css");
+}
+
+function getReactDeveloperSpace() {
+  return require("../../assets_final/react/zd-font-rDeveloperSpace.module.css");
 }
 
 function IconRender(iconName, iconContent, props) {
@@ -155,7 +171,8 @@ function IconRender(iconName, iconContent, props) {
       title = props.title,
       dataId = props.dataId,
       size = props.size,
-      titlePosition = props.titlePosition;
+      titlePosition = props.titlePosition,
+      tagAttributes = props.tagAttributes;
   var pathName = _typeof(_FontFactory.FontFactory[iconName][name]) === 'object' ? _FontFactory.FontFactory[iconName][name][0] : _FontFactory.FontFactory[iconName][name];
   return /*#__PURE__*/_react["default"].createElement(_FontIcon["default"], {
     iconClass: iconClass,
@@ -168,7 +185,8 @@ function IconRender(iconName, iconContent, props) {
     dataId: dataId,
     size: size,
     iconName: name,
-    titlePosition: titlePosition
+    titlePosition: titlePosition,
+    tagAttributes: tagAttributes
   });
 }
 
@@ -207,7 +225,11 @@ function getIcon(props) {
     ReactTopbandFontIcon: getReactTopband,
     ReactGCFontIcon: getReactGC,
     ReactTwotoneIcon: getReactTwotone,
-    ReactAccessibilityIcon: getReactAccessibility
+    ReactAccessibilityIcon: getReactAccessibility,
+    ReactProductUpdatesIcon: getReactUpdates,
+    ReactAIIcon: getReactAI,
+    ReactAutomationIcon: getReactAutomation,
+    ReactDeveloperSpaceIcon: getReactDeveloperSpace
   };
   var iconNames = Object.keys(_FontFactory.FontFactory);
 
@@ -224,7 +246,7 @@ function getIcon(props) {
     var iconCssModule = filesMap[iconName]();
     var iconContent;
 
-    if (iconCssModule.__esModule && !!iconCssModule["default"]) {
+    if (iconCssModule["default"] && typeof iconCssModule["default"] != 'string') {
       iconContent = iconCssModule["default"];
     } else {
       iconContent = iconCssModule;

package/lib/Icon/props/propTypes.js

@@ -21,6 +21,7 @@ var IconProps = {
   title: _propTypes["default"].string,
   iconName: _propTypes["default"].string,
   titlePosition: _propTypes["default"].oneOf(['top', 'bottom', 'left', 'right']),
+  tagAttributes: _propTypes["default"].object,
   a11y: _propTypes["default"].shape({
     ariaHidden: _propTypes["default"].bool
   })

package/lib/icon_layer.module.css

@@ -0,0 +1 @@
+@layer dot-icons, dot-icons.base, dot-icons.core;

package/lib/v1/FontIcon.js

@@ -17,6 +17,8 @@ var _IconModule = _interopRequireDefault(require("../Icon/Icon.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 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 FontIcon(props) {
@@ -32,6 +34,7 @@ function FontIcon(props) {
       size = props.size,
       iconName = props.iconName,
       titlePosition = props.titlePosition,
+      tagAttributes = props.tagAttributes,
       a11y = props.a11y;
   var _a11y$ariaHidden = a11y.ariaHidden,
       ariaHidden = _a11y$ariaHidden === void 0 ? true : _a11y$ariaHidden;
@@ -59,7 +62,7 @@ function FontIcon(props) {
     }
   }
 
-  return /*#__PURE__*/_react["default"].createElement("i", {
+  return /*#__PURE__*/_react["default"].createElement("i", _extends({
     className: 'zd_font_icons'.concat(" ", fontClass, " ").concat(isCustom),
     "data-title": title,
     onClick: onClick,
@@ -69,7 +72,7 @@ function FontIcon(props) {
     style: fontStyle,
     "aria-hidden": ariaHidden,
     "data-selector-id": dataSelectorId
-  }, childArray ? childArray : null);
+  }, tagAttributes), childArray ? childArray : null);
 }
 
 FontIcon.propTypes = _propTypes.IconProps;