@zohodesk/dot 1.0.0-temp-132 → 1.0.0-temp-133

package/lib/layout/SetupDetailLayout/SetupDetailLayout.js

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
 var _Layout = require("@zohodesk/components/lib/Layout");
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _SetupDetailLayoutModule = _interopRequireDefault(require("./SetupDetailLayout.module.css"));
 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); }
@@ -76,7 +76,7 @@ var SetupDetailLayout = /*#__PURE__*/function (_React$Component) {
         className: _SetupDetailLayoutModule["default"].infoHeader
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: _SetupDetailLayoutModule["default"].infoIcon
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-info31"
       })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         flexible: true,
@@ -85,7 +85,7 @@ var SetupDetailLayout = /*#__PURE__*/function (_React$Component) {
         onClick: this.toggleHelpInfo,
         className: _SetupDetailLayoutModule["default"].infoClose,
         "data-id": "".concat(dataId, "_close")
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-close"
       }))))), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         flexible: true,
@@ -141,7 +141,7 @@ var SetupHeader = /*#__PURE__*/function (_Component) {
         className: _SetupDetailLayoutModule["default"].backIcon,
         onClick: onBackClick,
         "data-id": "".concat(dataId, "_back")
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-back"
       })) : null), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         flexible: !getLeftPlaceHolder && !getRightPlaceHolder ? true : false,
@@ -170,13 +170,13 @@ var SetupHeader = /*#__PURE__*/function (_Component) {
         className: _SetupDetailLayoutModule["default"].helpInfo,
         onClick: openHelpInfo,
         "data-id": "".concat(dataId, "_info")
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-info31"
       }))) : /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(_SetupDetailLayoutModule["default"].helpInfo, " ").concat(_SetupDetailLayoutModule["default"].mr15),
         onClick: openHelpInfo,
         "data-id": "".concat(dataId, "_info")
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-info31"
       }))) : null));
     }

package/lib/list/AvatarFlip/AvatarFlip.js

@@ -58,7 +58,8 @@ var AvatarFlip = /*#__PURE__*/function (_Component) {
         tourId = _this$props.tourId,
         iconSize = _this$props.iconSize,
         isFilledCheckbox = _this$props.isFilledCheckbox,
-        channelTitle = _this$props.channelTitle;
+        channelTitle = _this$props.channelTitle,
+        customProps = _this$props.customProps;
       return /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
         id: id,
         action: action,
@@ -87,7 +88,8 @@ var AvatarFlip = /*#__PURE__*/function (_Component) {
         needTitle: needTitle,
         tourId: tourId,
         isFilledCheckbox: isFilledCheckbox,
-        channelTitle: channelTitle
+        channelTitle: channelTitle,
+        customProps: customProps
       });
     }
   }]);

package/lib/list/AvatarFlip/props/defaultProps.js

@@ -7,6 +7,7 @@ exports.defaultProps = void 0;
 var defaultProps = {
   size: 'xmedium',
   noNeedFlip: false,
-  iconSize: '21'
+  iconSize: '21',
+  customProps: {}
 };
 exports.defaultProps = defaultProps;

package/lib/list/AvatarFlip/props/propTypes.js

@@ -31,6 +31,7 @@ var propTypes = {
   size: _propTypes["default"].string,
   src: _propTypes["default"].string,
   textPalette: _propTypes["default"].oneOf(['white', 'black']),
-  tourId: _propTypes["default"].string
+  tourId: _propTypes["default"].string,
+  customProps: _propTypes["default"].object
 };
 exports.propTypes = propTypes;

package/lib/list/BluePrintStatus/BluePrintStatus.js

@@ -8,7 +8,7 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("./props/propTypes");
 var _BluePrintStatusModule = _interopRequireDefault(require("./BluePrintStatus.module.css"));
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -33,7 +33,7 @@ var BluePrintStatus = /*#__PURE__*/function (_React$Component) {
       var title = this.props.title;
       return /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(_BluePrintStatusModule["default"].container)
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-blueprint",
         title: title,
         iconClass: _BluePrintStatusModule["default"].iconStyle

package/lib/list/Comment/Comment.js

@@ -8,7 +8,7 @@ exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _i18n = require("@zohodesk/i18n");
 var _Button = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/Button"));
 var _CommentModule = _interopRequireDefault(require("./Comment.module.css"));
@@ -50,7 +50,7 @@ var Comment = /*#__PURE__*/function (_Component) {
         a11y: {
           ariaLabel: commentTitle
         }
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-TK-commentLine",
         iconClass: _CommentModule["default"].commentIcon
       }), count && /*#__PURE__*/_react["default"].createElement("span", {

package/lib/list/Icons/AddNewIcon.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("./props/propTypes");
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _IconsModule = _interopRequireDefault(require("./Icons.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -41,7 +41,7 @@ var AddNewIcon = /*#__PURE__*/function (_React$Component) {
         className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
         "data-id": dataId,
         "data-title": dataTitle
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-SE-addTickets",
         iconClass: iconClass ? iconClass : ''
       }));

package/lib/list/Icons/CompleteIcon.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("./props/propTypes");
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _IconsModule = _interopRequireDefault(require("./Icons.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -42,7 +42,7 @@ var CompleteIcon = /*#__PURE__*/function (_React$Component) {
         className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
         "data-id": dataId,
         "data-title": dataTitle
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-GN-checkbox",
         iconClass: iconClass ? iconClass : '',
         size: iconSize

package/lib/list/Icons/DeleteIcon.js

@@ -8,7 +8,7 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("./props/propTypes");
 var _IconsModule = _interopRequireDefault(require("./Icons.module.css"));
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -43,7 +43,7 @@ var DeleteComponent = /*#__PURE__*/function (_React$Component) {
         "data-id": dataId,
         "data-title": dataTitle,
         tabIndex: 0
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-GN-delete",
         iconClass: iconClass ? iconClass : '',
         size: iconSize

package/lib/list/Icons/EditIcon.js

@@ -8,7 +8,7 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("./props/propTypes");
 var _IconsModule = _interopRequireDefault(require("./Icons.module.css"));
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -42,7 +42,7 @@ var EditIcon = /*#__PURE__*/function (_React$Component) {
         className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
         "data-id": dataId,
         "data-title": dataTitle
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-GN-edit",
         iconClass: iconClass ? iconClass : '',
         size: iconSize

package/lib/list/Icons/ReadUnreadIcon.js

@@ -8,7 +8,7 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _IconsModule = _interopRequireDefault(require("./Icons.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -45,7 +45,7 @@ var ReadUnreadIcon = /*#__PURE__*/function (_React$Component) {
         className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
         "data-id": dataId,
         "data-title": dataTitle
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: isRead ? 'ZD-GN-read' : 'ZD-GN-unread',
         size: iconSize,
         iconClass: "".concat(iconClassName ? iconClassName : '', " ").concat(iconClass ? iconClass : '')

package/lib/list/Icons/SmartIcon.js

@@ -8,7 +8,7 @@ exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = require("./props/propTypes");
 var _IconsModule = _interopRequireDefault(require("./Icons.module.css"));
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 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); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -43,7 +43,7 @@ var SmartIcon = /*#__PURE__*/function (_Component) {
         className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
         "data-id": dataId,
         "data-title": dataTitle
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-TK-peek",
         iconClass: iconClass ? iconClass : ''
       }));

package/lib/list/SecondaryText/ContactName.js

@@ -11,7 +11,7 @@ var _propTypes = require("./props/propTypes");
 var _Layout = require("@zohodesk/components/lib/Layout");
 var _Link = _interopRequireDefault(require("../../Link/Link"));
 var _SentimentStatus = _interopRequireDefault(require("../SentimentStatus/SentimentStatus"));
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _SecondaryTextModule = _interopRequireDefault(require("./SecondaryText.module.css"));
 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); }
@@ -76,7 +76,7 @@ var ContactName = /*#__PURE__*/function (_Component) {
         className: _SecondaryTextModule["default"].paidUserIcon,
         title: paidTitle,
         "aria-label": "Paid user"
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-paiduser",
         iconClass: _SecondaryTextModule["default"].icon
       })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {

package/lib/list/SentimentStatus/SentimentStatus.js

@@ -8,7 +8,7 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("./props/propTypes");
 var _SentimentStatusModule = _interopRequireDefault(require("./SentimentStatus.module.css"));
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -41,7 +41,7 @@ var SentimentStatus = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: _SentimentStatusModule["default"].container,
         "data-title": dataTitle
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: icons[type],
         iconClass: _SentimentStatusModule["default"].sentimentIcon
       }));

package/lib/list/Thread/Thread.js

@@ -8,7 +8,7 @@ exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _Button = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/Button"));
 var _ThreadModule = _interopRequireDefault(require("./Thread.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -48,7 +48,7 @@ var Thread = /*#__PURE__*/function (_Component) {
         a11y: {
           ariaLabel: iconTitle
         }
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-TK-thread",
         size: "9"
       }), /*#__PURE__*/_react["default"].createElement("span", {

package/lib/list/UserTime/UserTime.js

@@ -8,7 +8,7 @@ exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _Layout = require("@zohodesk/components/lib/Layout");
 var _i18n = require("@zohodesk/i18n");
 var _UserTimeModule = _interopRequireDefault(require("./UserTime.module.css"));
@@ -59,25 +59,25 @@ var UserTime = /*#__PURE__*/function (_Component) {
         tabIndex: "0"
       }, icon && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: "".concat(_UserTimeModule["default"].iconColor, " ").concat(_UserTimeModule["default"][iconColor] ? _UserTimeModule["default"][iconColor] : '')
-      }, icon === 'closedTime' ? /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, icon === 'closedTime' ? /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         iconClass: "".concat(_UserTimeModule["default"].iconStyle, " ").concat(_UserTimeModule["default"].closedTime, " ").concat(_UserTimeModule["default"].f8, " ").concat(iconClass ? iconClass : ''),
         name: "ZD-closedtime1"
-      }) : icon === 'overdue' ? /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }) : icon === 'overdue' ? /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-TK-sandClock",
         iconClass: "".concat(_UserTimeModule["default"].iconStyle, " ").concat(_UserTimeModule["default"].f10, " ").concat(iconClass ? iconClass : '')
-      }) : icon === 'createdTime' ? /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }) : icon === 'createdTime' ? /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-createdtime2",
         iconClass: "".concat(_UserTimeModule["default"].iconStyle, " ").concat(_UserTimeModule["default"].f8, " ").concat(iconClass ? iconClass : '')
-      }) : icon === 'completedTask' ? /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }) : icon === 'completedTask' ? /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         iconClass: "".concat(_UserTimeModule["default"].iconStyle, " ").concat(_UserTimeModule["default"].f8, " ").concat(_UserTimeModule["default"].completedTask, " ").concat(iconClass ? iconClass : ''),
         name: "ZD-completedTask1"
-      }) : icon === 'onholdTime' ? /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }) : icon === 'onholdTime' ? /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         iconClass: "".concat(_UserTimeModule["default"].iconStyle, " ").concat(_UserTimeModule["default"].f10, " ").concat(iconClass ? iconClass : ''),
         name: "ZD-onHold"
-      }) : icon === 'responseDueDate' ? /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }) : icon === 'responseDueDate' ? /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-responsiveIconFinal",
         iconClass: "".concat(_UserTimeModule["default"].iconStyle, " ").concat(_UserTimeModule["default"].f8, " ").concat(iconClass ? iconClass : '')
-      }) : /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }) : /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-dueTime",
         iconClass: "".concat(_UserTimeModule["default"].iconStyle, " ").concat(_UserTimeModule["default"].f8, " ").concat(iconClass ? iconClass : '')
       })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {

package/lib/list/status/StatusDropdown/StatusDropdown.js

@@ -8,7 +8,7 @@ exports["default"] = exports.StatusDropdown = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _Popup = _interopRequireDefault(require("@zohodesk/components/lib/Popup/Popup"));
 var _Layout = require("@zohodesk/components/lib/Layout");
 var _DropDownHeading = _interopRequireDefault(require("@zohodesk/components/lib/DropDown/DropDownHeading"));
@@ -359,7 +359,7 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
         shrink: true,
         tagName: "span",
         "data-title": dataTitle
-      }, value), isEditable ? /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, value), isEditable ? /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         "aria-hidden": true,
         size: "7",
         name: "ZD-down",

package/lib/list/status/StatusListItem/StatusListItem.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
 var _Layout = require("@zohodesk/components/lib/Layout");
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _CssProvider = _interopRequireDefault(require("@zohodesk/components/lib/Provider/CssProvider"));
 var _StatusListItemModule = _interopRequireDefault(require("./StatusListItem.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -119,7 +119,7 @@ var StatusListItem = /*#__PURE__*/function (_React$Component) {
       }, value), needTick && active ? /*#__PURE__*/_react["default"].createElement("div", {
         className: _StatusListItemModule["default"].tickIcon,
         "aria-hidden": ariaHidden
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-ticknew",
         size: "8"
       })) : null);

package/lib/lookup/header/Search/Search.js

@@ -10,7 +10,7 @@ var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
 var _TextBoxIcon = _interopRequireDefault(require("@zohodesk/components/lib/TextBoxIcon/TextBoxIcon"));
 var _Layout = require("@zohodesk/components/lib/Layout");
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _ToggleDropDown = _interopRequireDefault(require("../../../dropdown/ToggleDropDown/ToggleDropDown"));
 var _debounce = require("@zohodesk/components/lib/utils/debounce");
 var _LookupSearchModule = _interopRequireDefault(require("./LookupSearch.module.css"));
@@ -201,16 +201,16 @@ var SearchUI = /*#__PURE__*/function (_Component2) {
         align: "vertical",
         alignBox: "row",
         "data-title": title
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-search",
         size: "11"
-      }), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }), /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-down",
         size: "7",
         iconClass: _LookupSearchModule["default"].iconArrow
       })), isSearchIconNeed && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: _LookupSearchModule["default"].searchIconBox
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-search",
         size: "11"
       })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {

package/lib/lookup/header/ViewDropDown/ViewDropDown.js

@@ -15,7 +15,7 @@ var _DropDownSearch = _interopRequireDefault(require("@zohodesk/components/lib/D
 var _Card = require("@zohodesk/components/lib/Card");
 var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox"));
 var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _Layout = require("@zohodesk/components/lib/Layout");
 var _Loader = _interopRequireDefault(require("@zohodesk/svg/lib/Loader/Loader"));
 var _ViewDropDownModule = _interopRequireDefault(require("./ViewDropDown.module.css"));
@@ -100,7 +100,7 @@ var DropDown = /*#__PURE__*/function (_SelectComponent) {
       }, /*#__PURE__*/_react["default"].createElement("span", {
         className: _ViewDropDownModule["default"].labelText,
         "data-title": selected
-      }, selected), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, selected), /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-down",
         size: "7",
         iconClass: _ViewDropDownModule["default"].arrowIcon

package/lib/setup/header/Link/Link.js

@@ -8,7 +8,7 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _Layout = require("@zohodesk/components/lib/Layout");
 var _ExternalLink = _interopRequireDefault(require("../../../ExternalLink/ExternalLink"));
 var _HeaderLinkModule = _interopRequireDefault(require("./HeaderLink.module.css"));
@@ -44,7 +44,7 @@ var Link = /*#__PURE__*/function (_React$Component) {
         href: url
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: _HeaderLinkModule["default"].icon
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         isBold: true,
         name: iconName,
         size: iconSize,

package/lib/setup/header/Search/Search.js

@@ -8,7 +8,7 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _TextBox = _interopRequireDefault(require("@zohodesk/components/lib/TextBox/TextBox"));
 var _SearchModule = _interopRequireDefault(require("./Search.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -82,7 +82,7 @@ var Search = /*#__PURE__*/function (_React$Component) {
       }), value != '' && value ? /*#__PURE__*/_react["default"].createElement("span", {
         className: _SearchModule["default"].icon,
         onClick: this.onBlur
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-close",
         size: "19"
       })) : null);

package/lib/setup/header/Views/Views.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
 var _ViewsModule = _interopRequireDefault(require("./Views.module.css"));
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -44,14 +44,14 @@ var Views = /*#__PURE__*/function (_React$Component) {
         className: "".concat(_ViewsModule["default"].icon, " ").concat(_ViewsModule["default"].first, " ").concat(isList ? _ViewsModule["default"].active : ''),
         "data-title": !isList ? listTitle : null,
         onClick: onListClick
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-list22",
         size: "10"
       })), /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(_ViewsModule["default"].icon, " ").concat(_ViewsModule["default"].last, "  ").concat(isGrid ? _ViewsModule["default"].active : ''),
         "data-title": !isGrid ? gridTitle : null,
         onClick: onGridClick
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-grid",
         size: "11"
       })));

package/lib/version2/AlertClose/AlertClose.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = require("./props/propTypes");
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _Layout = require("@zohodesk/components/lib/Layout");
 var _AlertCloseModule = _interopRequireDefault(require("./AlertClose.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -48,7 +48,7 @@ var AlertClose = /*#__PURE__*/function (_PureComponent) {
         isInline: true,
         alignBox: "row",
         isCover: false
-      }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "GC-cross",
         isBold: true,
         size: "12",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-132",
+  "version": "1.0.0-temp-133",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -44,8 +44,8 @@
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0-beta.29",
     "@zohodesk/i18n": "1.0.0-beta.7",
-    "@zohodesk/components": "1.0.0-temp-133",
-    "@zohodesk/icons": "1.0.0-beta.116",
+    "@zohodesk/components": "1.0.0-temp-135",
+    "@zohodesk/icons": "1.0.0-beta.119",
     "@zohodesk/svg": "1.0.0-temp.50",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3",
@@ -55,8 +55,8 @@
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0-beta.29",
     "@zohodesk/i18n": "1.0.0-beta.7",
-    "@zohodesk/components": "1.0.0-temp-133",
-    "@zohodesk/icons": "1.0.0-beta.116",
+    "@zohodesk/components": "1.0.0-temp-135",
+    "@zohodesk/icons": "1.0.0-beta.119",
     "@zohodesk/svg": "1.0.0-temp.50",
     "@zohodesk/a11y": "1.3.7"
   },