@zohodesk/dot 1.0.0-beta.231 → 1.0.0-beta.234

package/README.md

@@ -2,6 +2,18 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+# 1.0.0-beta.234
+
+- AlertLookup V1 => isHtmlContent prop added
+
+# 1.0.0-beta.233
+
+- ToggleDropDown , StatusDropdown => preventParentScroll implemented
+
+# 1.0.0-beta.232
+
+- Svg path updated
+
 # 1.0.0-beta.231
 
 - :focus in css removed
@@ -62,7 +74,7 @@ In this Library, we Provide Some Basic Components to Build Your Application
 
 # 1.0.0-beta.216
 
-- CurrencyField => formatCurrency call if check fixed (vavlue will formatted when isActive is false)
+- CurrencyField => formatCurrency call if check fixed (value will formatted when isActive is false)
 
 # 1.0.0-beta.215
 

package/es/alert/AlertLookup/AlertLookup.js

@@ -90,7 +90,8 @@ export default class AlertLookup extends Component {
       iconName,
       iconClass,
       iconSize,
-      customProps
+      customProps,
+      isHtmlContent
     } = this.props;
     const {
       LookupProps = {},
@@ -120,7 +121,11 @@ export default class AlertLookup extends Component {
       className: style.section
     }, /*#__PURE__*/React.createElement("div", {
       className: `${style.innerSection} ${sectionClassName}`
-    }, children ? children : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, message), confirmationMessage && /*#__PURE__*/React.createElement("div", {
+    }, children ? children : /*#__PURE__*/React.createElement(React.Fragment, null, isHtmlContent && message ? /*#__PURE__*/React.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: message
+      }
+    }) : /*#__PURE__*/React.createElement("div", null, message), confirmationMessage && /*#__PURE__*/React.createElement("div", {
       className: style.text
     }, confirmationMessage))), submitText || onSubmitClick || cancelText || onCancelClick ? /*#__PURE__*/React.createElement(FormAction, {
       size: "small",
@@ -172,7 +177,8 @@ AlertLookup.propTypes = {
     PrimaryButtonProps: PropTypes.object,
     SecondaryButtonProps: PropTypes.object
   }),
-  onEsc: PropTypes.oneOf(['close', 'cancel'])
+  onEsc: PropTypes.oneOf(['close', 'cancel']),
+  isHtmlContent: PropTypes.bool
 };
 AlertLookup.defaultProps = {
   isActive: false,
@@ -185,7 +191,8 @@ AlertLookup.defaultProps = {
   customClass: '',
   isDefaultFocus: true,
   customProps: {},
-  onEsc: 'cancel'
+  onEsc: 'cancel',
+  isHtmlContent: false
 };
 
 if (false) {

package/es/alert/AlertLookup/docs/AlertLookup__default.docs.js

@@ -80,12 +80,13 @@ export default class AlertLookup__default extends Component {
       },
       onCancelClick: this.onCancel,
       title: "Delete Ticket",
-      message: "Deleting this Ticket will move their Activities, and Time Entry to the Recycle Bin.",
+      message: "<h2>Deleting this Ticket will move their Activities, and Time Entry to the Recycle Bin.</h2>",
       confirmationMessage: "Would you like to delete?",
       submitText: "Delete",
       cancelText: "Cancel",
       onClose: this.onClose,
-      onEsc: "close"
+      onEsc: "close",
+      isHtmlContent: true
     }), /*#__PURE__*/React.createElement(AlertLookup, {
       isActive: lookup === 'remoteAssist' ? true : false,
       type: "remoteAssist",
@@ -95,7 +96,7 @@ export default class AlertLookup__default extends Component {
       },
       onCancelClick: this.onCancel,
       title: "Remote Assist",
-      message: /*#__PURE__*/React.createElement("div", null, "You are about to send an invite for remote assistance to", ' ', /*#__PURE__*/React.createElement("b", null, "antro.avemaxa@gmail.com")),
+      message: /*#__PURE__*/React.createElement("div", null, "You are about to send an invite for remote assistance to ", /*#__PURE__*/React.createElement("b", null, "antro.avemaxa@gmail.com")),
       confirmationMessage: "Would you like to continue?",
       submitText: "Continue",
       cancelText: "Cancel"

package/es/docs/generalDocs.js

@@ -131,5 +131,8 @@ export { default as V2_ErrState_OopsSomethingMiss } from '../version2/errorstate
 export { default as V2_ErrState_OopsSomethingMiss__default } from '../version2/errorstate/OopsSomethingMiss/docs/OopsSomethingMiss__default.docs';
 /* Attachment Viewer */
 
-export { default as AttachmentViewer } from "../AttachmentViewer/AttachmentViewer";
-export { default as AttachmentViewer__default } from "../AttachmentViewer/docs/AttachmentViewer__default.docs";
+export { default as AttachmentViewer } from '../AttachmentViewer/AttachmentViewer';
+export { default as AttachmentViewer__default } from '../AttachmentViewer/docs/AttachmentViewer__default.docs';
+/* Secondary Text */
+
+export { default as SecondaryText__default } from '../list/SecondaryText/docs/SecondaryText__default.docs';

package/es/dropdown/ToggleDropDown/ToggleDropDown.js

@@ -1,5 +1,3 @@
-import "core-js/modules/es.array.includes";
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React, { Component, Fragment } from 'react';
@@ -11,9 +9,9 @@ import ListItem from '@zohodesk/components/lib/ListItem/ListItem';
 import ListItemWithIcon from '@zohodesk/components/lib/ListItem/ListItemWithIcon';
 import DropDownHeading from '@zohodesk/components/lib/DropDown/DropDownHeading';
 import TextBoxIcon from '@zohodesk/components/lib/TextBoxIcon/TextBoxIcon';
-import Loader from '@zohodesk/svg/lib/svg/Loader';
+import Loader from '@zohodesk/svg/lib/Loader/Loader';
 import CommonEmptyState from '../../emptystate/CommonEmptyState/CommonEmptyState';
-import EmptySearch from '@zohodesk/svg/lib/svg/EmptySearch';
+import EmptySearch from '@zohodesk/svg/lib/emptystate/version3/EmptySearch';
 import CssProvider from '@zohodesk/components/lib/Provider/CssProvider';
 import { scrollTo } from '@zohodesk/components/lib/utils/Common';
 import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
@@ -675,6 +673,7 @@ export class ToggleDropDown extends Component {
         flexible: true,
         shrink: true,
         scroll: "vertical",
+        preventParentScroll: "vertical",
         dataId: `${dataId}_list`,
         className: `${tabletMode ? style.responsivemaxHgt : style.maxHgt}`,
         eleRef: this.scrollContentRef,

package/es/emptystate/CommonEmptyState/docs/CommonEmptyState__default.docs.js

@@ -1,8 +1,8 @@
 import React, { Component } from 'react';
 import CommonEmptyState from '../CommonEmptyState';
-import EmptySearch from '@zohodesk/svg/lib/svg/EmptySearch';
-import EmptyAccounts from '@zohodesk/svg/lib/svg/EmptyAccounts';
-import EmptyTicket from '@zohodesk/svg/lib/svg/EmptyTicket';
+import EmptySearch from '@zohodesk/svg/lib/emptystate/version3/EmptySearch';
+import EmptyAccounts from '@zohodesk/svg/lib/emptystate/version3/EmptyAccounts';
+import EmptyTicket from '@zohodesk/svg/lib/emptystate/version3/EmptyTicket';
 import Button from '@zohodesk/components/lib/Button/Button';
 import { Container } from '@zohodesk/components/lib/Layout';
 export default class CommonEmptyState__default extends Component {

package/es/emptystate/EditionPage/EditionPage.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { PropTypes } from 'prop-types';
-import EmptyCrmPotential from '@zohodesk/svg/lib/svg/EmptyCrmPotential';
+import EmptyCrmPotential from '@zohodesk/svg/lib/emptystate/version3/EmptyCrmPotential';
 import style from './EditionPage.css';
 export default class EditionPage extends Component {
   constructor(props) {

package/es/errorstate/Inconvenience/Inconvenience.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import LinkText from '../LinkText/LinkText';
-import InconvenienceSVG from '@zohodesk/svg/lib/svg/EmptyInconvenience';
+import InconvenienceSVG from '@zohodesk/svg/lib/errorstate/version1/EmptyInconvenience';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
 import commonStyle from '../EmptyStates.module.css';
 import style from './Inconvenience.module.css';

package/es/errorstate/NoRequestFound/NoRequestFound.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import commonStyle from '../EmptyStates.module.css';
-import NoRequestFoundSVG from '@zohodesk/svg/lib/svg/NoRequestFound';
+import NoRequestFoundSVG from '@zohodesk/svg/lib/errorstate/version1/NoRequestFound';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import LinkText from '../LinkText/LinkText';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';

package/es/errorstate/PermissionPlay/PermissionPlay.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import LinkText from '../LinkText/LinkText';
-import UnauthorizedLoginSVG from '@zohodesk/svg/lib/svg/UnauthorizedLogin';
+import UnauthorizedLoginSVG from '@zohodesk/svg/lib/errorstate/version1/UnauthorizedLogin';
 import commonStyle from '../EmptyStates.module.css';
 import style from './PermissionPlay.module.css';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';

package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import UrlNotFound from '@zohodesk/svg/lib/svg/UrlNotFound';
+import UrlNotFound from '@zohodesk/svg/lib/errorstate/version1/UrlNotFound';
 import LinkText from '../LinkText/LinkText';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
 import commonStyle from '../EmptyStates.module.css';

package/es/errorstate/UnableToProcess/UnableToProcess.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import LinkText from '../LinkText/LinkText';
-import UnableToProcessRequest from '@zohodesk/svg/lib/svg/UnableToProcessRequest';
+import UnableToProcessRequest from '@zohodesk/svg/lib/errorstate/version1/UnableToProcessRequest';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
 import commonStyle from '../EmptyStates.module.css';
 import style from './UnableToProcess.module.css';

package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import LinkText from '../LinkText/LinkText';
-import UnauthorizedLoginSVG from '@zohodesk/svg/lib/svg/UnauthorizedLogin';
+import UnauthorizedLoginSVG from '@zohodesk/svg/lib/errorstate/version1/UnauthorizedLogin';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
 import commonStyle from '../EmptyStates.module.css';
 import style from './UnauthorizedLogin.module.css';

package/es/errorstate/WillBack/WillBack.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import WillBeRightBack from '@zohodesk/svg/lib/svg/WillBeRightBack';
+import WillBeRightBack from '@zohodesk/svg/lib/errorstate/version1/WillBeRightBack';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
 import commonStyle from '../EmptyStates.module.css';
 import style from './WillBack.module.css';

package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js

@@ -3,9 +3,9 @@ import PropTypes from 'prop-types';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import Tag from '@zohodesk/components/lib/Tag/Tag';
 import TextBoxIcon from '@zohodesk/components/lib/TextBoxIcon/TextBoxIcon';
-import EmptySearch from '@zohodesk/svg/lib/svg/EmptySearch';
+import EmptySearch from '@zohodesk/svg/lib/emptystate/version3/EmptySearch';
 import ListItem from '@zohodesk/components/lib/ListItem/ListItem';
-import Loader from '@zohodesk/svg/lib/svg/Loader';
+import Loader from '@zohodesk/svg/lib/Loader/Loader';
 import DropDownSeparator from '@zohodesk/components/lib/DropDown/DropDownSeparator';
 import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
 import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';

package/es/list/SecondaryText/docs/SecondaryText__default.docs.js

@@ -0,0 +1,114 @@
+import React, { Component } from 'react';
+import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { ContactName, AccountName, DepartmentText, Email, HappinessRating, PhoneNumber, PriorityText, SecondaryText, StatusText, TicketId, Website } from '../index';
+export default class SecondaryText__default extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    const boxStyle = {
+      padding: '10px',
+      border: '2px solid #000',
+      width: '30%',
+      margin: '5px'
+    };
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Container, {
+      alignBox: "column",
+      wrap: "wrap",
+      align: "both"
+    }, /*#__PURE__*/React.createElement(Box, {
+      style: boxStyle
+    }, /*#__PURE__*/React.createElement("div", null, "ContactName"), /*#__PURE__*/React.createElement(ContactName, {
+      text: "Antro Contact",
+      isPaidUser: true,
+      sentimentType: "positive"
+    }), /*#__PURE__*/React.createElement(ContactName, {
+      text: "Antro Contact",
+      isPaidUser: true,
+      sentimentType: "negative"
+    }), /*#__PURE__*/React.createElement(ContactName, {
+      text: "Antro Contact",
+      isPaidUser: true,
+      sentimentType: "neutral"
+    })), /*#__PURE__*/React.createElement(Box, {
+      style: boxStyle
+    }, /*#__PURE__*/React.createElement("div", null, "AccountName"), /*#__PURE__*/React.createElement(AccountName, {
+      text: "Antro Contact ",
+      secondaryAccountText: " secondaryAccountText",
+      fontWeight: "semibold"
+    }), /*#__PURE__*/React.createElement(AccountName, {
+      text: "Antro Contact ",
+      secondaryAccountText: " secondaryAccountText",
+      fontWeight: "bold"
+    })), /*#__PURE__*/React.createElement(Box, {
+      style: boxStyle
+    }, /*#__PURE__*/React.createElement("div", null, "DepartmentText"), /*#__PURE__*/React.createElement(DepartmentText, {
+      text: "Antro Contact"
+    })), /*#__PURE__*/React.createElement(Box, {
+      style: boxStyle
+    }, /*#__PURE__*/React.createElement("div", null, "Email"), /*#__PURE__*/React.createElement(Email, {
+      text: "Antro Contact"
+    })), /*#__PURE__*/React.createElement(Box, {
+      style: boxStyle
+    }, /*#__PURE__*/React.createElement("div", null, "HappinessRating"), /*#__PURE__*/React.createElement(HappinessRating, {
+      text: "100",
+      src: "https://hjemly.dk/wp-content/uploads/2016/05/facebook-default-no-profile-pic.jpg"
+    })), /*#__PURE__*/React.createElement(Box, {
+      style: boxStyle
+    }, /*#__PURE__*/React.createElement("div", null, "PhoneNumber"), /*#__PURE__*/React.createElement(PhoneNumber, {
+      text: "1243123434543"
+    })), /*#__PURE__*/React.createElement(Box, {
+      style: boxStyle
+    }, /*#__PURE__*/React.createElement("div", null, "PriorityText"), /*#__PURE__*/React.createElement(PriorityText, {
+      text: "Antro Contact",
+      color: "red"
+    }), /*#__PURE__*/React.createElement(PriorityText, {
+      text: "Antro Contact",
+      color: "green"
+    }), /*#__PURE__*/React.createElement(PriorityText, {
+      text: "Antro Contact",
+      color: "gray"
+    }), /*#__PURE__*/React.createElement(PriorityText, {
+      text: "Antro Contact",
+      color: "orange"
+    })), /*#__PURE__*/React.createElement(Box, {
+      style: boxStyle
+    }, /*#__PURE__*/React.createElement("div", null, "SecondaryText"), /*#__PURE__*/React.createElement(SecondaryText, {
+      text: "Antro Contact"
+    })), /*#__PURE__*/React.createElement(Box, {
+      style: boxStyle
+    }, /*#__PURE__*/React.createElement("div", null, "StatusText"), /*#__PURE__*/React.createElement(StatusText, {
+      text: "Antro Contact",
+      color: "red"
+    }), /*#__PURE__*/React.createElement(StatusText, {
+      text: "Antro Contact",
+      color: "green"
+    }), /*#__PURE__*/React.createElement(StatusText, {
+      text: "Antro Contact",
+      color: "gray"
+    }), /*#__PURE__*/React.createElement(StatusText, {
+      text: "Antro Contact",
+      color: "orange"
+    }), /*#__PURE__*/React.createElement(StatusText, {
+      text: "Antro Contact",
+      color: "black"
+    })), /*#__PURE__*/React.createElement(Box, {
+      style: boxStyle
+    }, /*#__PURE__*/React.createElement("div", null, "TicketId"), /*#__PURE__*/React.createElement(TicketId, {
+      text: "124213234"
+    })), /*#__PURE__*/React.createElement(Box, {
+      style: boxStyle
+    }, /*#__PURE__*/React.createElement("div", null, "Website"), /*#__PURE__*/React.createElement(Website, {
+      text: "https://www.zoho.com/"
+    }))));
+  }
+
+}
+
+if (false) {
+  SecondaryText__default.docs = {
+    folderName: 'List',
+    componentGroup: 'SecondaryText'
+  };
+}

package/es/list/status/StatusDropdown/StatusDropdown.js

@@ -5,8 +5,8 @@ import Popup from '@zohodesk/components/lib/Popup/Popup';
 import { Box, Container } from '@zohodesk/components/lib/Layout';
 import DropDownHeading from '@zohodesk/components/lib/DropDown/DropDownHeading';
 import TextBoxIcon from '@zohodesk/components/lib/TextBoxIcon/TextBoxIcon';
-import Loader from '@zohodesk/svg/lib/svg/Loader';
-import EmptySearch from '@zohodesk/svg/lib/svg/EmptySearch';
+import Loader from '@zohodesk/svg/lib/Loader/Loader';
+import EmptySearch from '@zohodesk/svg/lib/emptystate/version3/EmptySearch';
 import { scrollTo } from '@zohodesk/components/lib/utils/Common.js';
 import TextBox from '@zohodesk/components/lib/TextBox/TextBox';
 import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
@@ -402,6 +402,7 @@ export class StatusDropdown extends React.Component {
         flexible: true,
         shrink: true,
         dataId: `${dataId}_list`,
+        preventParentScroll: "vertical",
         className: `${tabletMode ? style.responsivemaxHgt : style.maxHgt}`,
         eleRef: this.scrollContentRef,
         onScroll: this.handleScroll,

package/es/lookup/EmptyPage/EmptyPage.js

@@ -1,10 +1,10 @@
 /*** Libraries ***/
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import EmptySearch from '@zohodesk/svg/lib/svg/EmptySearch';
-import EmptyAccounts from '@zohodesk/svg/lib/svg/EmptyAccounts';
-import EmptyContact from '@zohodesk/svg/lib/svg/EmptyContact';
-import EmptyProducts from '@zohodesk/svg/lib/svg/EmptyProducts';
+import EmptySearch from '@zohodesk/svg/lib/emptystate/version3/EmptySearch';
+import EmptyAccounts from '@zohodesk/svg/lib/emptystate/version3/EmptyAccounts';
+import EmptyContact from '@zohodesk/svg/lib/emptystate/version3/EmptyContact';
+import EmptyProducts from '@zohodesk/svg/lib/emptystate/version3/EmptyProducts';
 /*** CSS ***/
 
 import style from './LookupEmptyPage.module.css';

package/es/lookup/header/ViewDropDown/ViewDropDown.js

@@ -14,7 +14,7 @@ import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomRe
 
 import Icon from '@zohodesk/icons/lib/Icon';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import Loader from '@zohodesk/svg/lib/svg/Loader';
+import Loader from '@zohodesk/svg/lib/Loader/Loader';
 import style from './ViewDropDown.module.css';
 /* eslint-disable react/forbid-component-props */
 

package/es/svg/PlusIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import SVG from '@zohodesk/svg/lib/svg/SVG';
+import SVG from '@zohodesk/svg/lib/SVG/SVG';
 export default class PlusIcon extends React.Component {
   render() {
     let {

package/es/svg/SnippetIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import SVG from '@zohodesk/svg/lib/svg/SVG';
+import SVG from '@zohodesk/svg/lib/SVG/SVG';
 export default class SnippetIcon extends React.Component {
   render() {
     let {

package/es/svg/TemplateIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import SVG from '@zohodesk/svg/lib/svg/SVG';
+import SVG from '@zohodesk/svg/lib/SVG/SVG';
 export default class TemplateIcon extends React.Component {
   render() {
     let {

package/es/version2/GlobalNotification/GlobalNotification.js

@@ -1,5 +1,3 @@
-import "core-js/modules/es.array.includes";
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';

package/es/version2/errorstate/Inconvenience/Inconvenience.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Container } from '@zohodesk/components/lib/Layout';
 import CommonEmptyState from './../../../emptystate/CommonEmptyState/CommonEmptyState';
-import ErrorInconvenience from '@zohodesk/svg/lib/svg/ErrorInconvenience';
+import ErrorInconvenience from '@zohodesk/svg/lib/errorstate/version3/ErrorInconvenience';
 import Button from '@zohodesk/components/lib/Button/Button';
 import style from './../V2_ErrorStates.module.css';
 export default class Inconvenience extends React.Component {

package/es/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Container } from '@zohodesk/components/lib/Layout';
 import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
-import ErrorOopsSomethingMiss from '@zohodesk/svg/lib/svg/ErrorOopsSomethingMiss';
+import ErrorOopsSomethingMiss from '@zohodesk/svg/lib/errorstate/version3/ErrorOopsSomethingMiss';
 import Button from '@zohodesk/components/lib/Button/Button';
 import style from './../V2_ErrorStates.module.css';
 export default class OopsSomethingMiss extends React.Component {

package/es/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Container } from '@zohodesk/components/lib/Layout';
 import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
-import ErrorUnableToProcessRequest from '@zohodesk/svg/lib/svg/ErrorUnableToProcessRequest';
+import ErrorUnableToProcessRequest from '@zohodesk/svg/lib/errorstate/version3/ErrorUnableToProcessRequest';
 import Button from '@zohodesk/components/lib/Button/Button';
 import style from './../V2_ErrorStates.module.css';
 export default class UnableToProcessRequest extends React.Component {

package/es/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Container } from '@zohodesk/components/lib/Layout';
 import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
-import ErrorUnauthorizedLogin from '@zohodesk/svg/lib/svg/ErrorUnauthorizedLogin';
+import ErrorUnauthorizedLogin from '@zohodesk/svg/lib/errorstate/version3/ErrorUnauthorizedLogin';
 import Button from '@zohodesk/components/lib/Button/Button';
 import style from './../V2_ErrorStates.module.css';
 export default class UnauthorizedLogin extends React.Component {

package/es/version2/errorstate/UrlNotFound/UrlNotFound.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Container } from '@zohodesk/components/lib/Layout';
 import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
-import ErrorUrlNotFound from '@zohodesk/svg/lib/svg/ErrorUrlNotFound';
+import ErrorUrlNotFound from '@zohodesk/svg/lib/errorstate/version3/ErrorUrlNotFound';
 import Button from '@zohodesk/components/lib/Button/Button';
 import style from './../V2_ErrorStates.module.css';
 export default class UrlNotFound extends React.Component {

package/es/version2/errorstate/WillBeRightBack/WillBeRightBack.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Container } from '@zohodesk/components/lib/Layout';
 import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
-import ErrorWillBeRightBack from '@zohodesk/svg/lib/svg/ErrorWillBeRightBack';
+import ErrorWillBeRightBack from '@zohodesk/svg/lib/errorstate/version3/ErrorWillBeRightBack';
 import Button from '@zohodesk/components/lib/Button/Button';
 import style from './../V2_ErrorStates.module.css';
 export default class WillBeRightBack extends React.Component {

package/lib/alert/AlertLookup/AlertLookup.js

@@ -138,7 +138,8 @@ var AlertLookup = /*#__PURE__*/function (_Component) {
           iconName = _this$props2.iconName,
           iconClass = _this$props2.iconClass,
           iconSize = _this$props2.iconSize,
-          customProps = _this$props2.customProps;
+          customProps = _this$props2.customProps,
+          isHtmlContent = _this$props2.isHtmlContent;
       var _customProps$LookupPr = customProps.LookupProps,
           LookupProps = _customProps$LookupPr === void 0 ? {} : _customProps$LookupPr,
           _customProps$AlertHea = customProps.AlertHeaderProps,
@@ -169,7 +170,11 @@ var AlertLookup = /*#__PURE__*/function (_Component) {
         className: _AlertLookupModule["default"].section
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_AlertLookupModule["default"].innerSection, " ").concat(sectionClassName)
-      }, children ? children : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", null, message), confirmationMessage && /*#__PURE__*/_react["default"].createElement("div", {
+      }, children ? children : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isHtmlContent && message ? /*#__PURE__*/_react["default"].createElement("div", {
+        dangerouslySetInnerHTML: {
+          __html: message
+        }
+      }) : /*#__PURE__*/_react["default"].createElement("div", null, message), confirmationMessage && /*#__PURE__*/_react["default"].createElement("div", {
         className: _AlertLookupModule["default"].text
       }, confirmationMessage))), submitText || onSubmitClick || cancelText || onCancelClick ? /*#__PURE__*/_react["default"].createElement(_FormAction["default"], {
         size: "small",
@@ -225,7 +230,8 @@ AlertLookup.propTypes = {
     PrimaryButtonProps: _propTypes["default"].object,
     SecondaryButtonProps: _propTypes["default"].object
   }),
-  onEsc: _propTypes["default"].oneOf(['close', 'cancel'])
+  onEsc: _propTypes["default"].oneOf(['close', 'cancel']),
+  isHtmlContent: _propTypes["default"].bool
 };
 AlertLookup.defaultProps = {
   isActive: false,
@@ -238,7 +244,8 @@ AlertLookup.defaultProps = {
   customClass: '',
   isDefaultFocus: true,
   customProps: {},
-  onEsc: 'cancel'
+  onEsc: 'cancel',
+  isHtmlContent: false
 };
 
 if (false) {

package/lib/alert/AlertLookup/docs/AlertLookup__default.docs.js

@@ -131,12 +131,13 @@ var AlertLookup__default = /*#__PURE__*/function (_Component) {
         },
         onCancelClick: this.onCancel,
         title: "Delete Ticket",
-        message: "Deleting this Ticket will move their Activities, and Time Entry to the Recycle Bin.",
+        message: "<h2>Deleting this Ticket will move their Activities, and Time Entry to the Recycle Bin.</h2>",
         confirmationMessage: "Would you like to delete?",
         submitText: "Delete",
         cancelText: "Cancel",
         onClose: this.onClose,
-        onEsc: "close"
+        onEsc: "close",
+        isHtmlContent: true
       }), /*#__PURE__*/_react["default"].createElement(_AlertLookup["default"], {
         isActive: lookup === 'remoteAssist' ? true : false,
         type: "remoteAssist",
@@ -146,7 +147,7 @@ var AlertLookup__default = /*#__PURE__*/function (_Component) {
         },
         onCancelClick: this.onCancel,
         title: "Remote Assist",
-        message: /*#__PURE__*/_react["default"].createElement("div", null, "You are about to send an invite for remote assistance to", ' ', /*#__PURE__*/_react["default"].createElement("b", null, "antro.avemaxa@gmail.com")),
+        message: /*#__PURE__*/_react["default"].createElement("div", null, "You are about to send an invite for remote assistance to ", /*#__PURE__*/_react["default"].createElement("b", null, "antro.avemaxa@gmail.com")),
         confirmationMessage: "Would you like to continue?",
         submitText: "Continue",
         cancelText: "Cancel"

package/lib/docs/generalDocs.js

@@ -621,6 +621,12 @@ Object.defineProperty(exports, "SVG__default", {
     return _SVG__default["default"];
   }
 });
+Object.defineProperty(exports, "SecondaryText__default", {
+  enumerable: true,
+  get: function get() {
+    return _SecondaryText__default["default"];
+  }
+});
 Object.defineProperty(exports, "SecondryPanel", {
   enumerable: true,
   get: function get() {
@@ -1052,4 +1058,6 @@ var _AttachmentViewer = _interopRequireDefault(require("../AttachmentViewer/Atta
 
 var _AttachmentViewer__default = _interopRequireDefault(require("../AttachmentViewer/docs/AttachmentViewer__default.docs"));
 
+var _SecondaryText__default = _interopRequireDefault(require("../list/SecondaryText/docs/SecondaryText__default.docs"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/dropdown/ToggleDropDown/ToggleDropDown.js

@@ -25,11 +25,11 @@ var _DropDownHeading = _interopRequireDefault(require("@zohodesk/components/lib/
 
 var _TextBoxIcon = _interopRequireDefault(require("@zohodesk/components/lib/TextBoxIcon/TextBoxIcon"));
 
-var _Loader = _interopRequireDefault(require("@zohodesk/svg/lib/svg/Loader"));
+var _Loader = _interopRequireDefault(require("@zohodesk/svg/lib/Loader/Loader"));
 
 var _CommonEmptyState = _interopRequireDefault(require("../../emptystate/CommonEmptyState/CommonEmptyState"));
 
-var _EmptySearch = _interopRequireDefault(require("@zohodesk/svg/lib/svg/EmptySearch"));
+var _EmptySearch = _interopRequireDefault(require("@zohodesk/svg/lib/emptystate/version3/EmptySearch"));
 
 var _CssProvider = _interopRequireDefault(require("@zohodesk/components/lib/Provider/CssProvider"));
 
@@ -737,6 +737,7 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
           flexible: true,
           shrink: true,
           scroll: "vertical",
+          preventParentScroll: "vertical",
           dataId: "".concat(dataId, "_list"),
           className: "".concat(tabletMode ? _ToggleDropDownModule["default"].responsivemaxHgt : _ToggleDropDownModule["default"].maxHgt),
           eleRef: _this5.scrollContentRef,