@zohodesk/icons 1.3.11 → 1.3.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/README.md +5 -0
  2. package/assets/fonts/zd-gcFonts.svg +2 -0
  3. package/assets/fonts/zd-gcFonts.woff +0 -0
  4. package/assets/fonts/zd-gcFonts.woff2 +0 -0
  5. package/assets/fonts/zd-rIM.svg +2 -0
  6. package/assets/fonts/zd-rIM.woff +0 -0
  7. package/assets/fonts/zd-rIM.woff2 +0 -0
  8. package/assets/react/zd-font-rAI.module.css +29 -25
  9. package/assets/react/zd-font-rAccessibility.module.css +46 -42
  10. package/assets/react/zd-font-rAnalyticsColor.module.css +199 -195
  11. package/assets/react/zd-font-rAutomation.module.css +322 -318
  12. package/assets/react/zd-font-rCallBar.module.css +35 -31
  13. package/assets/react/zd-font-rChannels.module.css +203 -199
  14. package/assets/react/zd-font-rCustomize.module.css +132 -128
  15. package/assets/react/zd-font-rDeveloperSpace.module.css +13 -9
  16. package/assets/react/zd-font-rExportFiles.module.css +731 -727
  17. package/assets/react/zd-font-rGeneral.module.css +628 -624
  18. package/assets/react/zd-font-rIM.module.css +52 -38
  19. package/assets/react/zd-font-rIntegrations.module.css +211 -207
  20. package/assets/react/zd-font-rLhs.module.css +380 -376
  21. package/assets/react/zd-font-rMarketplace.module.css +153 -149
  22. package/assets/react/zd-font-rReports.module.css +226 -222
  23. package/assets/react/zd-font-rSetup.module.css +151 -147
  24. package/assets/react/zd-font-rTickets.module.css +302 -298
  25. package/assets/react/zd-font-rTopband.module.css +122 -118
  26. package/assets/react/zd-font-rTwotone.module.css +1270 -1266
  27. package/assets/react/zd-font-rUpdates.module.css +17 -13
  28. package/assets/react/zd-font-react-addforms.module.css +439 -435
  29. package/assets/react/zd-font-react-automate.module.css +43 -39
  30. package/assets/react/zd-font-react-channels.module.css +433 -429
  31. package/assets/react/zd-font-react-channels.plain.css +433 -429
  32. package/assets/react/zd-font-react-common.module.css +771 -767
  33. package/assets/react/zd-font-react-common.plain.css +771 -767
  34. package/assets/react/zd-font-react-community.module.css +215 -211
  35. package/assets/react/zd-font-react-customers.module.css +21 -17
  36. package/assets/react/zd-font-react-customize.module.css +608 -604
  37. package/assets/react/zd-font-react-gamescope.module.css +85 -81
  38. package/assets/react/zd-font-react-gcFonts.module.css +1475 -1462
  39. package/assets/react/zd-font-react-gettingstarted.module.css +305 -301
  40. package/assets/react/zd-font-react-integrations.module.css +43 -39
  41. package/assets/react/zd-font-react-kb.module.css +4419 -4415
  42. package/assets/react/zd-font-react-logo.module.css +20 -16
  43. package/assets/react/zd-font-react-organization.module.css +51 -47
  44. package/assets/react/zd-font-react-organization.plain.css +51 -47
  45. package/assets/react/zd-font-react-others.module.css +281 -277
  46. package/assets/react/zd-font-react-reports.module.css +448 -444
  47. package/assets/react/zd-font-react-setup.module.css +785 -781
  48. package/assets/react/zd-font-react-setup.plain.css +785 -781
  49. package/assets/react/zd-font-react-social.module.css +456 -452
  50. package/assets/react/zd-font-react-ticket-channels.module.css +252 -248
  51. package/assets/react/zd-font-react-tickets.module.css +884 -880
  52. package/assets/react/zd-font-react-tickets.plain.css +884 -880
  53. package/assets/react/zd-font-react-topband.module.css +550 -546
  54. package/assets/react/zd-font-react-topband.plain.css +550 -546
  55. package/cbt.config.js +2 -2
  56. package/es/Context/__tests__/__snapshots__/IconContext.spec.js.snap +1 -1
  57. package/es/Icon/FontFactory.js +4 -2
  58. package/es/Icon/FontIcon.js +3 -2
  59. package/es/Icon/SvgIcon.js +2 -1
  60. package/es/Icon/__tests__/__snapshots__/FontIcon.spec.js.snap +1 -1
  61. package/es/Icon/__tests__/__snapshots__/Icon.spec.js.snap +1 -1
  62. package/es/Icon/__tests__/__snapshots__/SvgIcon.spec.js.snap +1 -1
  63. package/lib/Context/__tests__/__snapshots__/IconContext.spec.js.snap +1 -1
  64. package/lib/Icon/FontFactory.js +3 -2
  65. package/lib/Icon/FontIcon.js +4 -2
  66. package/lib/Icon/SvgIcon.js +3 -1
  67. package/lib/Icon/__tests__/__snapshots__/FontIcon.spec.js.snap +1 -1
  68. package/lib/Icon/__tests__/__snapshots__/Icon.spec.js.snap +1 -1
  69. package/lib/Icon/__tests__/__snapshots__/SvgIcon.spec.js.snap +1 -1
  70. package/package.json +18 -11
  71. package/ut.config.js +106 -0
package/cbt.config.js CHANGED
@@ -51,7 +51,7 @@ exports.config = {
51
51
  "zdfonts-react-customers": "zdf-react-customers_1",
52
52
  "zdfonts-react-customize": "zdf-react-customize_2",
53
53
  "zdfonts-react-gamescope": "zdf-react-gamescope_1",
54
- "zdfonts-react-gcFonts": "zdf-react-gcFonts_21",
54
+ "zdfonts-react-gcFonts": "zdf-react-gcFonts_22",
55
55
  "zdfonts-react-gettingstarted": "zdf-react-gettingstarted_1",
56
56
  "zdfonts-react-integrations": "zdf-react-integrations_1",
57
57
  "zdfonts-react-kb": "zdf-react-kb_1",
@@ -80,7 +80,7 @@ exports.config = {
80
80
  "zdfonts-rAutomation": "zdf-rAutomation_5",
81
81
  "zdfonts-rDeveloperSpace": "zdf-rDeveloperSpace_1",
82
82
  "zdfonts-rAnalyticsColor": "zdf-rAnalyticsColor_4",
83
- "zdfonts-rIM": "zdf-rIM_2"
83
+ "zdfonts-rIM": "zdf-rIM_3"
84
84
  }
85
85
  }
86
86
  ]
@@ -1,4 +1,4 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
2
 
3
3
  exports[`IconProvider / IconContext - default context - renders font icon (no provider) 1`] = `
4
4
  <DocumentFragment>
@@ -2180,7 +2180,8 @@ export const FontFactory = {
2180
2180
  'GC-OrganisationFilled': 'icon-OrganisationFilled',
2181
2181
  'GC-Pending-Filled': 'icon-Pending-Filled',
2182
2182
  'GC-Stars': 'icon-Stars',
2183
- 'GC-zohoCheckout': ['icon-zohoCheckout', 5]
2183
+ 'GC-zohoCheckout': ['icon-zohoCheckout', 5],
2184
+ 'GC-arattaiMono': ['icon-arattaiMono', 2]
2184
2185
  },
2185
2186
  ReactTwotoneIcon: {
2186
2187
  'ZD-TT-call': ['icon-chCall', 2],
@@ -2430,6 +2431,7 @@ export const FontFactory = {
2430
2431
  ReactIMIcon: {
2431
2432
  'ZD-IM-endChat': 'icon-endChat',
2432
2433
  'ZD-AC-incomingMissed': ['icon-incomingMissed', 3],
2433
- 'ZD-AC-outgoingMissed': ['icon-outgoingMissed', 3]
2434
+ 'ZD-AC-outgoingMissed': ['icon-outgoingMissed', 3],
2435
+ 'ZD-AC-arattai': ['icon-arattai', 2]
2434
2436
  }
2435
2437
  };
@@ -4,6 +4,7 @@ import React from 'react';
4
4
  import { IconDefaultProps } from "./props/defaultProps";
5
5
  import { IconProps } from "./props/propTypes";
6
6
  import { allCustomIcons } from "./CustomIcons";
7
+ import { cn } from "@dot-system/css-utility";
7
8
  import style from "./Icon.module.css";
8
9
  export default class FontIcon extends React.Component {
9
10
  render() {
@@ -44,14 +45,14 @@ export default class FontIcon extends React.Component {
44
45
  for (let i = 1; i < name[1] + 1; i++) {
45
46
  let pathClass = `${iconContent[`path${i}`]} ${iconClass || isCustom ? `path${i}` : ''}`;
46
47
  childArray.push( /*#__PURE__*/React.createElement("span", {
47
- className: pathClass,
48
+ className: cn(pathClass),
48
49
  key: i
49
50
  }));
50
51
  }
51
52
  }
52
53
 
53
54
  return /*#__PURE__*/React.createElement("i", _extends({
54
- className: `${'zd_font_icons'} ${isCustom} ${fontClass}`,
55
+ className: cn(`${'zd_font_icons'} ${isCustom} ${fontClass}`),
55
56
  "data-title": title,
56
57
  onClick: onClick,
57
58
  "data-id": dataId,
@@ -4,6 +4,7 @@ import React from 'react';
4
4
  import { SvgIconDefaultProps } from "./props/defaultProps";
5
5
  import { SvgIconProps } from "./props/propTypes";
6
6
  import { DUMMY_OBJECT } from '@zohodesk/dotkit/es/utils/constants';
7
+ import { cn } from "@dot-system/css-utility";
7
8
  import style from "./Icon.module.css";
8
9
  export default function SvgIcon({
9
10
  name,
@@ -27,7 +28,7 @@ export default function SvgIcon({
27
28
  } : DUMMY_OBJECT;
28
29
  let className = `${style.svgIcon} ${onClick ? style.cursor : ''} ${iconClass ? iconClass : ''}`;
29
30
  return /*#__PURE__*/React.createElement("svg", _extends({
30
- className: className,
31
+ className: cn(className),
31
32
  onClick: onClick,
32
33
  "data-title": title,
33
34
  "data-id": dataId,
@@ -1,4 +1,4 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
2
 
3
3
  exports[`FontIcon - checking "isBold" is false 1`] = `
4
4
  <DocumentFragment>
@@ -1,4 +1,4 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
2
 
3
3
  exports[`Icon - FontFactory names renders "GC-Check-Filled" 1`] = `
4
4
  <DocumentFragment>
@@ -1,4 +1,4 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
2
 
3
3
  exports[`SvgIcon - rendering the "default" props 1`] = `
4
4
  <DocumentFragment>
@@ -1,4 +1,4 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
2
 
3
3
  exports[`IconProvider / IconContext - default context - renders font icon (no provider) 1`] = `
4
4
  <DocumentFragment>
@@ -1814,7 +1814,7 @@ var FontFactory = {
1814
1814
  'GC-desktop': 'icon-Desktop',
1815
1815
  'GC-duplicate': 'icon-Duplicate',
1816
1816
  'GC-emojibutton': ['icon-emojibutton', 3]
1817
- }, _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', 3]), _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]), _defineProperty(_ReactGCFontIcon, 'GC-flowNavigatorFilled', 'icon-flowNavigatorFilled'), _defineProperty(_ReactGCFontIcon, 'GC-flowNavigator', 'icon-flowNavigator'), _defineProperty(_ReactGCFontIcon, 'GC-homeFilled', 'icon-homeFilled'), _defineProperty(_ReactGCFontIcon, 'GC-atsignNewFilled', 'icon-atsignNewFilled'), _defineProperty(_ReactGCFontIcon, 'GC-metricsFilled', 'icon-metricsFilled'), _defineProperty(_ReactGCFontIcon, 'GC-collapseAll', 'icon-collapseAll'), _defineProperty(_ReactGCFontIcon, 'GC-expandAll', 'icon-expandAll'), _defineProperty(_ReactGCFontIcon, 'GC-horizontalView', 'icon-horizontalView'), _defineProperty(_ReactGCFontIcon, 'GC-wechat', 'icon-wechat'), _defineProperty(_ReactGCFontIcon, 'GC-wecom', 'icon-wecom'), _defineProperty(_ReactGCFontIcon, 'GC-wecomColor', ['icon-wecomColor', 5]), _defineProperty(_ReactGCFontIcon, 'GC-wechatColor', ['icon-wechatColor', 3]), _defineProperty(_ReactGCFontIcon, 'GC-Check-Filled', 'icon-Check-Filled'), _defineProperty(_ReactGCFontIcon, 'GC-ChevronUpDown', 'icon-ChevronUpDown'), _defineProperty(_ReactGCFontIcon, 'GC-Logs', 'icon-Logs'), _defineProperty(_ReactGCFontIcon, 'GC-Organisation', 'icon-Organisation'), _defineProperty(_ReactGCFontIcon, 'GC-OrganisationFilled', 'icon-OrganisationFilled'), _defineProperty(_ReactGCFontIcon, 'GC-Pending-Filled', 'icon-Pending-Filled'), _defineProperty(_ReactGCFontIcon, 'GC-Stars', 'icon-Stars'), _defineProperty(_ReactGCFontIcon, 'GC-zohoCheckout', ['icon-zohoCheckout', 5]), _ReactGCFontIcon),
1817
+ }, _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', 3]), _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]), _defineProperty(_ReactGCFontIcon, 'GC-flowNavigatorFilled', 'icon-flowNavigatorFilled'), _defineProperty(_ReactGCFontIcon, 'GC-flowNavigator', 'icon-flowNavigator'), _defineProperty(_ReactGCFontIcon, 'GC-homeFilled', 'icon-homeFilled'), _defineProperty(_ReactGCFontIcon, 'GC-atsignNewFilled', 'icon-atsignNewFilled'), _defineProperty(_ReactGCFontIcon, 'GC-metricsFilled', 'icon-metricsFilled'), _defineProperty(_ReactGCFontIcon, 'GC-collapseAll', 'icon-collapseAll'), _defineProperty(_ReactGCFontIcon, 'GC-expandAll', 'icon-expandAll'), _defineProperty(_ReactGCFontIcon, 'GC-horizontalView', 'icon-horizontalView'), _defineProperty(_ReactGCFontIcon, 'GC-wechat', 'icon-wechat'), _defineProperty(_ReactGCFontIcon, 'GC-wecom', 'icon-wecom'), _defineProperty(_ReactGCFontIcon, 'GC-wecomColor', ['icon-wecomColor', 5]), _defineProperty(_ReactGCFontIcon, 'GC-wechatColor', ['icon-wechatColor', 3]), _defineProperty(_ReactGCFontIcon, 'GC-Check-Filled', 'icon-Check-Filled'), _defineProperty(_ReactGCFontIcon, 'GC-ChevronUpDown', 'icon-ChevronUpDown'), _defineProperty(_ReactGCFontIcon, 'GC-Logs', 'icon-Logs'), _defineProperty(_ReactGCFontIcon, 'GC-Organisation', 'icon-Organisation'), _defineProperty(_ReactGCFontIcon, 'GC-OrganisationFilled', 'icon-OrganisationFilled'), _defineProperty(_ReactGCFontIcon, 'GC-Pending-Filled', 'icon-Pending-Filled'), _defineProperty(_ReactGCFontIcon, 'GC-Stars', 'icon-Stars'), _defineProperty(_ReactGCFontIcon, 'GC-zohoCheckout', ['icon-zohoCheckout', 5]), _defineProperty(_ReactGCFontIcon, 'GC-arattaiMono', ['icon-arattaiMono', 2]), _ReactGCFontIcon),
1818
1818
  ReactTwotoneIcon: {
1819
1819
  'ZD-TT-call': ['icon-chCall', 2],
1820
1820
  'ZD-TT-callIn': ['icon-chCallIn', 3],
@@ -2063,7 +2063,8 @@ var FontFactory = {
2063
2063
  ReactIMIcon: {
2064
2064
  'ZD-IM-endChat': 'icon-endChat',
2065
2065
  'ZD-AC-incomingMissed': ['icon-incomingMissed', 3],
2066
- 'ZD-AC-outgoingMissed': ['icon-outgoingMissed', 3]
2066
+ 'ZD-AC-outgoingMissed': ['icon-outgoingMissed', 3],
2067
+ 'ZD-AC-arattai': ['icon-arattai', 2]
2067
2068
  }
2068
2069
  };
2069
2070
  exports.FontFactory = FontFactory;
@@ -13,6 +13,8 @@ var _propTypes = require("./props/propTypes");
13
13
 
14
14
  var _CustomIcons = require("./CustomIcons");
15
15
 
16
+ var _cssUtility = require("@dot-system/css-utility");
17
+
16
18
  var _IconModule = _interopRequireDefault(require("./Icon.module.css"));
17
19
 
18
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -90,14 +92,14 @@ var FontIcon = /*#__PURE__*/function (_React$Component) {
90
92
  for (var i = 1; i < name[1] + 1; i++) {
91
93
  var pathClass = "".concat(iconContent["path".concat(i)], " ").concat(iconClass || isCustom ? "path".concat(i) : '');
92
94
  childArray.push( /*#__PURE__*/_react["default"].createElement("span", {
93
- className: pathClass,
95
+ className: (0, _cssUtility.cn)(pathClass),
94
96
  key: i
95
97
  }));
96
98
  }
97
99
  }
98
100
 
99
101
  return /*#__PURE__*/_react["default"].createElement("i", _extends({
100
- className: 'zd_font_icons'.concat(" ", isCustom, " ").concat(fontClass),
102
+ className: (0, _cssUtility.cn)('zd_font_icons'.concat(" ", isCustom, " ").concat(fontClass)),
101
103
  "data-title": title,
102
104
  onClick: onClick,
103
105
  "data-id": dataId,
@@ -13,6 +13,8 @@ var _propTypes = require("./props/propTypes");
13
13
 
14
14
  var _constants = require("@zohodesk/dotkit/es/utils/constants");
15
15
 
16
+ var _cssUtility = require("@dot-system/css-utility");
17
+
16
18
  var _IconModule = _interopRequireDefault(require("./Icon.module.css"));
17
19
 
18
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -39,7 +41,7 @@ function SvgIcon(_ref) {
39
41
  } : _constants.DUMMY_OBJECT;
40
42
  var className = "".concat(_IconModule["default"].svgIcon, " ").concat(onClick ? _IconModule["default"].cursor : '', " ").concat(iconClass ? iconClass : '');
41
43
  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
42
- className: className,
44
+ className: (0, _cssUtility.cn)(className),
43
45
  onClick: onClick,
44
46
  "data-title": title,
45
47
  "data-id": dataId,
@@ -1,4 +1,4 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
2
 
3
3
  exports[`FontIcon - checking "isBold" is false 1`] = `
4
4
  <DocumentFragment>
@@ -1,4 +1,4 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
2
 
3
3
  exports[`Icon - FontFactory names renders "GC-Check-Filled" 1`] = `
4
4
  <DocumentFragment>
@@ -1,4 +1,4 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
2
 
3
3
  exports[`SvgIcon - rendering the "default" props 1`] = `
4
4
  <DocumentFragment>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/icons",
3
- "version": "1.3.11",
3
+ "version": "1.3.12",
4
4
  "description": "DOT - Icons",
5
5
  "main": "es/index.js",
6
6
  "module": "es/index.js",
@@ -18,23 +18,27 @@
18
18
  "LIBRARY"
19
19
  ],
20
20
  "scripts": {
21
- "clean": "react-cli clean lib es coverage assets",
21
+ "clean": "cdt clean lib es coverage test-slices assets",
22
22
  "build": "npm run build:lib && npm run build:es",
23
- "build:lib": "cbt build:lib src,assets/react lib,assets/react",
24
- "build:es": "cbt build:es src,assets/react es,assets/react",
23
+ "build:lib": "cbt build:lib src lib",
24
+ "build:es": "cbt build:es src es",
25
25
  "build:es:watch": "cbt build:es src es",
26
26
  "build:watch": "npm run build:es:watch --module:mode=dev -- -w",
27
27
  "init": "npm run clean && cd ../assets && npm run clean && npm install --legacy-peer-deps && npm run iconsassets",
28
28
  "init_": "npm run clean && cd ../assets && npm run iconsassets_temp",
29
- "lint": "react-cli lint",
30
29
  "prepare": "npm run init && npm run css:build",
31
30
  "prepublishOnly": "node ../prePublish.js && npm run test",
32
31
  "postpublish": "node ../postPublish.js",
33
- "download": "react-cli clean ./node_modules ./package-lock.json && npm install --legacy-peer-deps ",
32
+ "download": "cdt clean ./node_modules ./package-lock.json && npm install --legacy-peer-deps ",
34
33
  "expublish": "node ../publish.js -- exp",
35
34
  "common_package_build": "cd ../common && npm run build && cd ../components",
36
- "test": "react-cli test",
37
- "snap-update": "npm run test -- -u",
35
+ "__test": "ZDTestingFramework unit-test",
36
+ "test:changed": "ZDTestingFramework unit-test --onlyChanged",
37
+ "snap-update": "npm run test-clean && ZDTestingFramework unit-test -u",
38
+ "unit:report": "ZDTestingFramework ut-report",
39
+ "coverage": "ZDTestingFramework unit-test --coverage",
40
+ "customTest": "node ./__testUtils__/runTest.js",
41
+ "test-clean": "cdt clean ./coverage ./test-slices ./unittest ./es ./lib ./package-lock.json ./result.json ",
38
42
  "css:layer_config_generate": "npx z-node-plugins css:scan ./src ./assets css_layer_config.json",
39
43
  "css:layer_wrap_es": "npx z-node-plugins css:layer_wrap ./es ./assets css_layer_config.json --rewrite=src=es --rewrite=assets=assets --skip-existing-layer",
40
44
  "css:layer_wrap_lib": "npx z-node-plugins css:layer_wrap ./lib ./assets css_layer_config.json --rewrite=src=lib --rewrite=assets=assets --skip-existing-layer",
@@ -59,12 +63,15 @@
59
63
  "@zohodesk/react-cli": "1.1.27",
60
64
  "@zohodesk/client_build_tool": "0.0.23",
61
65
  "@zohodesk/jsx_attribute_wrapper": "1.0.0",
62
- "@dot-system/css-utility": "0.1.1",
63
- "@zohodesk/dotkit": "1.0.10"
66
+ "@dot-system/css-utility": "0.1.2",
67
+ "@zohodesk/dotkit": "1.0.10",
68
+ "@zohodesk-private/client_deployment_tool": "0.0.7",
69
+ "@babel/preset-react": "7.29.7",
70
+ "@zohodesk/testinglibrary": "4.1.10"
64
71
  },
65
72
  "peerDependencies": {
66
73
  "@zohodesk/variables": "1.3.2",
67
- "@dot-system/css-utility": "0.1.1",
74
+ "@dot-system/css-utility": "0.1.2",
68
75
  "@zohodesk/dotkit": "1.0.10"
69
76
  }
70
77
  }
package/ut.config.js ADDED
@@ -0,0 +1,106 @@
1
+ const path = require('path');
2
+
3
+ // Notes for future maintainers:
4
+ // - @zohodesk/unit-testing-framework runs `JSON.stringify(config)` before
5
+ // handing this to Jest, so every value here must be JSON-serializable
6
+ // (no functions, no live RegExp objects — patterns are strings).
7
+ // - The framework REPLACES its default config with this file when present
8
+ // (despite the "Merging..." log line in config-loader.js), so this file
9
+ // must be self-contained.
10
+
11
+ // `@zohodesk/unit-testing-framework/package.json` isn't in its exports map,
12
+ // so resolve via the main entry (points to build/index.js) and step up.
13
+ const FRAMEWORK_BUILD = path.dirname(
14
+ require.resolve('@zohodesk/unit-testing-framework')
15
+ );
16
+
17
+ // Pin Jest 30's jsdom env — bare "jsdom" can resolve to Jest 26/27 copies
18
+ // pulled in by react-cli / react-scripts, which crash under Jest 30.
19
+ const JEST_JSDOM_ENV = require.resolve('jest-environment-jsdom', {
20
+ paths: [require.resolve('@zohodesk/unit-testing-framework')]
21
+ });
22
+
23
+ module.exports = {
24
+ rootDir: __dirname,
25
+ roots: ['<rootDir>/src'],
26
+
27
+ testEnvironment: JEST_JSDOM_ENV,
28
+
29
+ testMatch: [
30
+ '<rootDir>/src/**/__tests__/**/*.(spec|test).[jt]s?(x)',
31
+ '<rootDir>/src/**/?(*.)+(spec|test).[jt]s?(x)'
32
+ ],
33
+
34
+ testPathIgnorePatterns: [
35
+ '/node_modules/',
36
+ '/build/',
37
+ '/lib/',
38
+ '/es/',
39
+ '/dist/',
40
+ '/coverage/',
41
+ '/unittest/'
42
+ ],
43
+
44
+ moduleFileExtensions: ['js', 'jsx', 'mjs', 'cjs', 'json', 'ts', 'tsx', 'node'],
45
+
46
+ transform: {
47
+ // Absolute paths — the framework JSON.stringifies this config before Jest
48
+ // resolves transforms, so bare package names can point at a missing nested
49
+ // copy under unit-testing-framework/node_modules.
50
+ '^.+\\.[jt]sx?$': [
51
+ require.resolve('babel-jest'),
52
+ {
53
+ presets: [
54
+ [require.resolve('@babel/preset-env'), { targets: { node: 'current' } }],
55
+ [require.resolve('@babel/preset-react'), { runtime: 'classic' }]
56
+ ]
57
+ }
58
+ ],
59
+ '^.+\\.(svg|png|jpg|jpeg|gif|webp|woff2?|ttf|eot|otf|mp4|webm)$':
60
+ '<rootDir>/__testUtils__/fileTransform.js',
61
+ // Enumerable class-name map (not identity-obj-proxy) — mergeStyle spreads
62
+ // the style object, which yields {} for a non-enumerable Proxy.
63
+ '^.+\\.(css|less|scss|sass)$':
64
+ '<rootDir>/__testUtils__/cssModulesTransform.js'
65
+ },
66
+
67
+ // @zohodesk/* and @dot-system/* ship untranspiled ESM in some places, so
68
+ // let babel-jest transform them.
69
+ transformIgnorePatterns: [
70
+ '/node_modules/(?!(@zohodesk|@zohodesk-private|@dot-system)/)'
71
+ ],
72
+
73
+ moduleNameMapper: {
74
+ // Prefer the ES build for @zohodesk libraries (mirrors react-cli's libAlias).
75
+ '^@zohodesk/(components|dot|icons|svg|variables|virtualizer|hooks|utils|a11y|layout|dotkit)/lib(.*)$':
76
+ '@zohodesk/$1/es$2'
77
+ },
78
+
79
+ // Injects `jest` on globalThis so tests that don't `import { jest }` from
80
+ // '@jest/globals' still work under the framework's runner. before run
81
+ setupFiles: [
82
+ path.join(FRAMEWORK_BUILD, 'src', 'environment', 'globals-inject.js')
83
+ ],
84
+
85
+ // Existing test bootstrap: @testing-library/react configure, ResizeObserver
86
+ // mock, requestAnimationFrame shim, className `cn` wrapper on React.createElement.
87
+ setupFilesAfterEnv: [
88
+ '<rootDir>/__testUtils__/globals.js',
89
+ '@testing-library/jest-dom'
90
+ ],
91
+
92
+ clearMocks: true,
93
+ passWithNoTests: true,
94
+ testTimeout: 20000,
95
+
96
+ // Coverage tuning (used only when `--coverage` is passed).
97
+ collectCoverageFrom: [
98
+ 'src/**/*.{js,jsx,ts,tsx}',
99
+ '!src/**/__tests__/**',
100
+ '!src/**/*.spec.{js,jsx,ts,tsx}',
101
+ '!src/**/*.test.{js,jsx,ts,tsx}',
102
+ '!src/**/index.js'
103
+ ],
104
+ coverageDirectory: 'coverage',
105
+ coverageReporters: ['json', 'json-summary', 'text', 'html']
106
+ };