@zohodesk/icons 1.3.9 → 1.3.11

package/lib/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/lib/Icon/iconCssModules.js

@@ -0,0 +1,205 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.filesMap = void 0;
+
+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");
+}
+
+var 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
+};
+exports.filesMap = filesMap;

package/lib/Icon/index.js

@@ -17,6 +17,8 @@ var _SvgIcon = _interopRequireDefault(require("./SvgIcon"));
 
 var _constants = require("@zohodesk/dotkit/es/utils/constants");
 
+var _iconCssModules = require("./iconCssModules");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -25,162 +27,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
-function 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");
-}
-
 function IconRender(iconName, iconContent, props) {
   var name = props.name,
       onClick = props.onClick,
@@ -210,47 +56,6 @@ function IconRender(iconName, iconContent, props) {
 
 function getIcon(props) {
   var iconName;
-  var 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
-  };
   var iconNames = Object.keys(_FontFactory.FontFactory);
 
   for (var _i = 0, _iconNames = iconNames; _i < _iconNames.length; _i++) {
@@ -263,7 +68,8 @@ function getIcon(props) {
   }
 
   if (iconName) {
-    var iconCssModule = filesMap[iconName]();
+    var iconCssModule = _iconCssModules.filesMap[iconName]();
+
     var iconContent;
 
     if (iconCssModule["default"] && typeof iconCssModule["default"] != 'string') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/icons",
-  "version": "1.3.9",
+  "version": "1.3.11",
   "description": "DOT - Icons",
   "main": "es/index.js",
   "module": "es/index.js",
@@ -24,7 +24,7 @@
     "build:es": "cbt build:es src,assets/react es,assets/react",
     "build:es:watch": "cbt build:es src es",
     "build:watch": "npm run build:es:watch --module:mode=dev -- -w",
-    "init": "npm run clean && cd ../assets && npm install  --legacy-peer-deps && npm run iconsassets",
+    "init": "npm run clean && cd ../assets && npm run clean && npm install  --legacy-peer-deps && npm run iconsassets",
     "init_": "npm run clean && cd ../assets && npm run iconsassets_temp",
     "lint": "react-cli lint",
     "prepare": "npm run init && npm run css:build",