@zohodesk/icons 1.3.9 → 1.3.11

package/es/Icon/__tests__/__snapshots__/SvgIcon.spec.js.snap

@@ -4,7 +4,7 @@ exports[`SvgIcon -  rendering the "default" props 1`] = `
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon   "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -20,7 +20,7 @@ exports[`SvgIcon -  rendering with "ariaHidden" false 1`] = `
 <DocumentFragment>
   <svg
     aria-hidden="false"
-    class="svgIcon   "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -36,7 +36,7 @@ exports[`SvgIcon -  rendering with "iconClass" 1`] = `
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon myIconClass  "
+    class="svgIcon myIconClass"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -52,7 +52,7 @@ exports[`SvgIcon -  rendering with "name" and "svgPrefix" 1`] = `
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon   "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -68,7 +68,7 @@ exports[`SvgIcon -  rendering with "size" 1`] = `
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon   "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -85,7 +85,7 @@ exports[`SvgIcon -  rendering with "tagAttributes" 1`] = `
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon   "
+    class="svgIcon"
     data-custom-attr="true"
     data-id="fontIcon"
     data-selector-id="fontIcon"
@@ -102,7 +102,7 @@ exports[`SvgIcon -  rendering with "title" 1`] = `
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon   "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -119,7 +119,7 @@ exports[`SvgIcon -  rendering with "titlePosition" - bottom 1`] = `
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon   "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -136,7 +136,7 @@ exports[`SvgIcon -  rendering with "titlePosition" - left 1`] = `
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon   "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -153,7 +153,7 @@ exports[`SvgIcon -  rendering with "titlePosition" - right 1`] = `
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon   "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -170,7 +170,7 @@ exports[`SvgIcon -  rendering with "titlePosition" - top 1`] = `
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon   "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -187,7 +187,7 @@ exports[`SvgIcon -  rendering with external sprite "svgPrefix" 1`] = `
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon   "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"

package/es/Icon/iconCssModules.js

@@ -0,0 +1,197 @@
+function getAddforms() {
+  return require("../../assets/react/zd-font-react-addforms.module.css");
+}
+
+function getAutomate() {
+  return require("../../assets/react/zd-font-react-automate.module.css");
+}
+
+function getChannels() {
+  return require("../../assets/react/zd-font-react-channels.module.css");
+}
+
+function getCommon() {
+  return require("../../assets/react/zd-font-react-common.module.css");
+}
+
+function getCommunity() {
+  return require("../../assets/react/zd-font-react-community.module.css");
+}
+
+function getCustomers() {
+  return require("../../assets/react/zd-font-react-customers.module.css");
+}
+
+function getCustomize() {
+  return require("../../assets/react/zd-font-react-customize.module.css");
+}
+
+function getGamescope() {
+  return require("../../assets/react/zd-font-react-gamescope.module.css");
+}
+
+function getGettingstarted() {
+  return require("../../assets/react/zd-font-react-gettingstarted.module.css");
+}
+
+function getKnowledgeBase() {
+  return require("../../assets/react/zd-font-react-kb.module.css");
+}
+
+function getOrganization() {
+  return require("../../assets/react/zd-font-react-organization.module.css");
+}
+
+function getOthers() {
+  return require("../../assets/react/zd-font-react-others.module.css");
+}
+
+function getReports() {
+  return require("../../assets/react/zd-font-react-reports.module.css");
+}
+
+function getSetup() {
+  return require("../../assets/react/zd-font-react-setup.module.css");
+}
+
+function getSocial() {
+  return require("../../assets/react/zd-font-react-social.module.css");
+}
+
+function getTickets() {
+  return require("../../assets/react/zd-font-react-tickets.module.css");
+}
+
+function getTopband() {
+  return require("../../assets/react/zd-font-react-topband.module.css");
+}
+
+function getTicketsChannel() {
+  return require("../../assets/react/zd-font-react-ticket-channels.module.css");
+}
+
+function getReactCallBar() {
+  return require("../../assets/react/zd-font-rCallBar.module.css");
+}
+
+function getReactChannels() {
+  return require("../../assets/react/zd-font-rChannels.module.css");
+}
+
+function getReactCutomize() {
+  return require("../../assets/react/zd-font-rCustomize.module.css");
+}
+
+function getReactExportFiles() {
+  return require("../../assets/react/zd-font-rExportFiles.module.css");
+}
+
+function getReactGeneral() {
+  return require("../../assets/react/zd-font-rGeneral.module.css");
+}
+
+function getReactIntegrations() {
+  return require("../../assets/react/zd-font-rIntegrations.module.css");
+}
+
+function getReactLhs() {
+  return require("../../assets/react/zd-font-rLhs.module.css");
+}
+
+function getReactMarketplace() {
+  return require("../../assets/react/zd-font-rMarketplace.module.css");
+}
+
+function getReactReports() {
+  return require("../../assets/react/zd-font-rReports.module.css");
+}
+
+function getReactSetup() {
+  return require("../../assets/react/zd-font-rSetup.module.css");
+}
+
+function getReactTickets() {
+  return require("../../assets/react/zd-font-rTickets.module.css");
+}
+
+function getReactTopband() {
+  return require("../../assets/react/zd-font-rTopband.module.css");
+}
+
+function getReactGC() {
+  return require("../../assets/react/zd-font-react-gcFonts.module.css");
+}
+
+function getReactTwotone() {
+  return require("../../assets/react/zd-font-rTwotone.module.css");
+}
+
+function getReactAccessibility() {
+  return require("../../assets/react/zd-font-rAccessibility.module.css");
+}
+
+function getReactUpdates() {
+  return require("../../assets/react/zd-font-rUpdates.module.css");
+}
+
+function getReactAI() {
+  return require("../../assets/react/zd-font-rAI.module.css");
+}
+
+function getReactAutomation() {
+  return require("../../assets/react/zd-font-rAutomation.module.css");
+}
+
+function getReactDeveloperSpace() {
+  return require("../../assets/react/zd-font-rDeveloperSpace.module.css");
+}
+
+function getReactAnalyticsColor() {
+  return require("../../assets/react/zd-font-rAnalyticsColor.module.css");
+}
+
+function getReactIM() {
+  return require("../../assets/react/zd-font-rIM.module.css");
+}
+
+export const filesMap = {
+  AddformsFontIcon: getAddforms,
+  AutomateFontIcon: getAutomate,
+  ChannelsFontIcon: getChannels,
+  CommonFontIcon: getCommon,
+  CommunityFontIcon: getCommunity,
+  CustomersFontIcon: getCustomers,
+  CustomizeFontIcon: getCustomize,
+  GamescopeFontIcon: getGamescope,
+  GettingstartedFontIcon: getGettingstarted,
+  KnowledgeBaseFontIcon: getKnowledgeBase,
+  OrganizationFontIcon: getOrganization,
+  OthersFontIcon: getOthers,
+  ReportsFontIcon: getReports,
+  SetupFontIcon: getSetup,
+  SocialFontIcon: getSocial,
+  TicketsFontIcon: getTickets,
+  TopbandFontIcon: getTopband,
+  TicketsChannelFontIcon: getTicketsChannel,
+  ReactCallBarFontIcon: getReactCallBar,
+  ReactChannelsFontIcon: getReactChannels,
+  ReactCustomizeFontIcon: getReactCutomize,
+  ReactExportFilesFontIcon: getReactExportFiles,
+  ReactGeneralFontIcon: getReactGeneral,
+  ReactIntegrationsFontIcon: getReactIntegrations,
+  ReactLhsFontIcon: getReactLhs,
+  ReactMarketplaceFontIcon: getReactMarketplace,
+  ReactReportsFontIcon: getReactReports,
+  ReactSetupFontIcon: getReactSetup,
+  ReactTicketsFontIcon: getReactTickets,
+  ReactTopbandFontIcon: getReactTopband,
+  ReactGCFontIcon: getReactGC,
+  ReactTwotoneIcon: getReactTwotone,
+  ReactAccessibilityIcon: getReactAccessibility,
+  ReactProductUpdatesIcon: getReactUpdates,
+  ReactAIIcon: getReactAI,
+  ReactAutomationIcon: getReactAutomation,
+  ReactDeveloperSpaceIcon: getReactDeveloperSpace,
+  ReactAnalyticsColorIcon: getReactAnalyticsColor,
+  ReactIMIcon: getReactIM
+};

package/es/Icon/index.js

@@ -4,162 +4,7 @@ import FontIcon from "./FontIcon";
 import IconContext from "../Context/IconContext";
 import SvgIcon from "./SvgIcon";
 import { DUMMY_OBJECT } from '@zohodesk/dotkit/es/utils/constants';
-
-function getAddforms() {
-  return require("../../assets/react/zd-font-react-addforms.module.css");
-}
-
-function getAutomate() {
-  return require("../../assets/react/zd-font-react-automate.module.css");
-}
-
-function getChannels() {
-  return require("../../assets/react/zd-font-react-channels.module.css");
-}
-
-function getCommon() {
-  return require("../../assets/react/zd-font-react-common.module.css");
-}
-
-function getCommunity() {
-  return require("../../assets/react/zd-font-react-community.module.css");
-}
-
-function getCustomers() {
-  return require("../../assets/react/zd-font-react-customers.module.css");
-}
-
-function getCustomize() {
-  return require("../../assets/react/zd-font-react-customize.module.css");
-}
-
-function getGamescope() {
-  return require("../../assets/react/zd-font-react-gamescope.module.css");
-}
-
-function getGettingstarted() {
-  return require("../../assets/react/zd-font-react-gettingstarted.module.css");
-}
-
-function getKnowledgeBase() {
-  return require("../../assets/react/zd-font-react-kb.module.css");
-}
-
-function getOrganization() {
-  return require("../../assets/react/zd-font-react-organization.module.css");
-}
-
-function getOthers() {
-  return require("../../assets/react/zd-font-react-others.module.css");
-}
-
-function getReports() {
-  return require("../../assets/react/zd-font-react-reports.module.css");
-}
-
-function getSetup() {
-  return require("../../assets/react/zd-font-react-setup.module.css");
-}
-
-function getSocial() {
-  return require("../../assets/react/zd-font-react-social.module.css");
-}
-
-function getTickets() {
-  return require("../../assets/react/zd-font-react-tickets.module.css");
-}
-
-function getTopband() {
-  return require("../../assets/react/zd-font-react-topband.module.css");
-}
-
-function getTicketsChannel() {
-  return require("../../assets/react/zd-font-react-ticket-channels.module.css");
-}
-
-function getReactCallBar() {
-  return require("../../assets/react/zd-font-rCallBar.module.css");
-}
-
-function getReactChannels() {
-  return require("../../assets/react/zd-font-rChannels.module.css");
-}
-
-function getReactCutomize() {
-  return require("../../assets/react/zd-font-rCustomize.module.css");
-}
-
-function getReactExportFiles() {
-  return require("../../assets/react/zd-font-rExportFiles.module.css");
-}
-
-function getReactGeneral() {
-  return require("../../assets/react/zd-font-rGeneral.module.css");
-}
-
-function getReactIntegrations() {
-  return require("../../assets/react/zd-font-rIntegrations.module.css");
-}
-
-function getReactLhs() {
-  return require("../../assets/react/zd-font-rLhs.module.css");
-}
-
-function getReactMarketplace() {
-  return require("../../assets/react/zd-font-rMarketplace.module.css");
-}
-
-function getReactReports() {
-  return require("../../assets/react/zd-font-rReports.module.css");
-}
-
-function getReactSetup() {
-  return require("../../assets/react/zd-font-rSetup.module.css");
-}
-
-function getReactTickets() {
-  return require("../../assets/react/zd-font-rTickets.module.css");
-}
-
-function getReactTopband() {
-  return require("../../assets/react/zd-font-rTopband.module.css");
-}
-
-function getReactGC() {
-  return require("../../assets/react/zd-font-react-gcFonts.module.css");
-}
-
-function getReactTwotone() {
-  return require("../../assets/react/zd-font-rTwotone.module.css");
-}
-
-function getReactAccessibility() {
-  return require("../../assets/react/zd-font-rAccessibility.module.css");
-}
-
-function getReactUpdates() {
-  return require("../../assets/react/zd-font-rUpdates.module.css");
-}
-
-function getReactAI() {
-  return require("../../assets/react/zd-font-rAI.module.css");
-}
-
-function getReactAutomation() {
-  return require("../../assets/react/zd-font-rAutomation.module.css");
-}
-
-function getReactDeveloperSpace() {
-  return require("../../assets/react/zd-font-rDeveloperSpace.module.css");
-}
-
-function getReactAnalyticsColor() {
-  return require("../../assets/react/zd-font-rAnalyticsColor.module.css");
-}
-
-function getReactIM() {
-  return require("../../assets/react/zd-font-rIM.module.css");
-}
+import { filesMap } from "./iconCssModules";
 
 function IconRender(iconName, iconContent, props) {
   const {
@@ -192,47 +37,6 @@ function IconRender(iconName, iconContent, props) {
 
 function getIcon(props) {
   let iconName;
-  let filesMap = {
-    AddformsFontIcon: getAddforms,
-    AutomateFontIcon: getAutomate,
-    ChannelsFontIcon: getChannels,
-    CommonFontIcon: getCommon,
-    CommunityFontIcon: getCommunity,
-    CustomersFontIcon: getCustomers,
-    CustomizeFontIcon: getCustomize,
-    GamescopeFontIcon: getGamescope,
-    GettingstartedFontIcon: getGettingstarted,
-    KnowledgeBaseFontIcon: getKnowledgeBase,
-    OrganizationFontIcon: getOrganization,
-    OthersFontIcon: getOthers,
-    ReportsFontIcon: getReports,
-    SetupFontIcon: getSetup,
-    SocialFontIcon: getSocial,
-    TicketsFontIcon: getTickets,
-    TopbandFontIcon: getTopband,
-    TicketsChannelFontIcon: getTicketsChannel,
-    ReactCallBarFontIcon: getReactCallBar,
-    ReactChannelsFontIcon: getReactChannels,
-    ReactCustomizeFontIcon: getReactCutomize,
-    ReactExportFilesFontIcon: getReactExportFiles,
-    ReactGeneralFontIcon: getReactGeneral,
-    ReactIntegrationsFontIcon: getReactIntegrations,
-    ReactLhsFontIcon: getReactLhs,
-    ReactMarketplaceFontIcon: getReactMarketplace,
-    ReactReportsFontIcon: getReactReports,
-    ReactSetupFontIcon: getReactSetup,
-    ReactTicketsFontIcon: getReactTickets,
-    ReactTopbandFontIcon: getReactTopband,
-    ReactGCFontIcon: getReactGC,
-    ReactTwotoneIcon: getReactTwotone,
-    ReactAccessibilityIcon: getReactAccessibility,
-    ReactProductUpdatesIcon: getReactUpdates,
-    ReactAIIcon: getReactAI,
-    ReactAutomationIcon: getReactAutomation,
-    ReactDeveloperSpaceIcon: getReactDeveloperSpace,
-    ReactAnalyticsColorIcon: getReactAnalyticsColor,
-    ReactIMIcon: getReactIM
-  };
   const iconNames = Object.keys(FontFactory);
 
   for (const name of iconNames) {

package/lib/Context/__tests__/__snapshots__/IconContext.spec.js.snap

@@ -4,7 +4,7 @@ exports[`IconProvider / IconContext -  default context - renders font icon (no p
 <DocumentFragment>
   <i
     aria-hidden="true"
-    class="zd_font_icons basic icon-close2    "
+    class="zd_font_icons basic icon-close2"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -16,7 +16,7 @@ exports[`IconProvider / IconContext -  multiple icons share the same provider co
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon    "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -27,7 +27,7 @@ exports[`IconProvider / IconContext -  multiple icons share the same provider co
   </svg>
   <svg
     aria-hidden="true"
-    class="svgIcon    "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -43,7 +43,7 @@ exports[`IconProvider / IconContext -  type "fontIcon" - renders font icon 1`] =
 <DocumentFragment>
   <i
     aria-hidden="true"
-    class="zd_font_icons basic icon-close2    "
+    class="zd_font_icons basic icon-close2"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -55,7 +55,7 @@ exports[`IconProvider / IconContext -  type "svgIcon" - passes "a11y" ariaHidden
 <DocumentFragment>
   <svg
     aria-hidden="false"
-    class="svgIcon    "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -71,7 +71,7 @@ exports[`IconProvider / IconContext -  type "svgIcon" - passes "iconClass" prop
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon  custom-class  "
+    class="svgIcon custom-class"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -87,7 +87,7 @@ exports[`IconProvider / IconContext -  type "svgIcon" - passes "size" prop to sv
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon    "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -104,7 +104,7 @@ exports[`IconProvider / IconContext -  type "svgIcon" - passes "title" prop to s
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon    "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -121,7 +121,7 @@ exports[`IconProvider / IconContext -  type "svgIcon" - renders svg symbol 1`] =
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon    "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -137,7 +137,7 @@ exports[`IconProvider / IconContext -  type "svgIcon" with "svgIconClass" 1`] =
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon app-svg-icon   "
+    class="svgIcon app-svg-icon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -153,7 +153,7 @@ exports[`IconProvider / IconContext -  type "svgIcon" with custom "svgIconPrefix
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon    "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"

package/lib/Icon/FontFactory.js

@@ -1527,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'), _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'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-doubleArrow', 'icon-doubleArrow'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-followUpTicket', 'icon-followUpTicket'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-oCR', 'icon-OCR'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-ultimatePlan', 'icon-ultimatePlan'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-enterprisePlan', 'icon-enterprisePlan'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-standerdPlan', 'icon-standerdPlan'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-professionalPlan', 'icon-professionalPlan'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-freePlan', 'icon-freePlan'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-expressPlan', 'icon-expressPlan'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-process', 'icon-process'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-mailDefault', 'icon-mailDefault'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-featureHome', ['icon-featureHome', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-manualTranslation', 'icon-manualTranslation'), _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'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-doubleArrow', 'icon-doubleArrow'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-followUpTicket', 'icon-followUpTicket'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-oCR', 'icon-OCR'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-ultimatePlan', 'icon-ultimatePlan'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-enterprisePlan', 'icon-enterprisePlan'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-standerdPlan', 'icon-standerdPlan'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-professionalPlan', 'icon-professionalPlan'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-freePlan', 'icon-freePlan'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-expressPlan', 'icon-expressPlan'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-process', 'icon-process'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-mailDefault', 'icon-mailDefault'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-featureHome', ['icon-featureHome', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-manualTranslation', 'icon-manualTranslation'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-tour', 'icon-tour'), _ReactGeneralFontIcon),
   ReactIntegrationsFontIcon: {
     'ZD-IG-intAnalytics': 'icon-intAnalytics',
     'ZD-IG-intBigin': 'icon-intBigin',

package/lib/Icon/FontIcon.js

@@ -79,13 +79,13 @@ var FontIcon = /*#__PURE__*/function (_React$Component) {
       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 fontClass = "".concat(_IconModule["default"].basic, " ").concat(pathName, " ").concat(isBold ? _IconModule["default"].fbold : '', " ").concat(onClick ? _IconModule["default"].cursor : '', " ").concat(iconClass ? iconClass : '');
       var childArray;
 
       if (_typeof(name) === 'object') {
         childArray = [];
         var isRtl = name[2] ? name[2] : false;
-        fontClass = isRtl ? "".concat(fontClass, " ").concat(_IconModule["default"].rtl) : fontClass;
+        fontClass = isRtl ? "".concat(_IconModule["default"].rtl, " ").concat(fontClass) : fontClass;
 
         for (var i = 1; i < name[1] + 1; i++) {
           var pathClass = "".concat(iconContent["path".concat(i)], " ").concat(iconClass || isCustom ? "path".concat(i) : '');
@@ -97,7 +97,7 @@ var FontIcon = /*#__PURE__*/function (_React$Component) {
       }
 
       return /*#__PURE__*/_react["default"].createElement("i", _extends({
-        className: 'zd_font_icons'.concat(" ", fontClass, " ").concat(isCustom),
+        className: 'zd_font_icons'.concat(" ", isCustom, " ").concat(fontClass),
         "data-title": title,
         onClick: onClick,
         "data-id": dataId,