@zohodesk/dot 1.0.0-temp-214 → 1.0.0-temp-216

package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js

@@ -1,10 +1,9 @@
 import React, { useState, useEffect } from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
-import { Box } from '@zohodesk/components/lib/Layout'; // import Label from '@zohodesk/components/lib/Label/Label';
-
-import Label from '@zohodesk/components/es/v1/Label/Label';
-import Popup from '@zohodesk/components/lib/Popup/Popup';
+import { Box } from '@zohodesk/components/es/Layout';
+import Label from '@zohodesk/components/es/Label/Label';
+import Popup from '@zohodesk/components/es/Popup/Popup';
 import ValidationMessage from "../ValidationMessage/ValidationMessage";
 import TagsMultiSelect from "../TagsMultiSelect/TagsMultiSelect";
 import FieldContainer from "../FieldContainer/FieldContainer";
@@ -207,10 +206,13 @@ const TagsMultiSelectField = props => {
     }
   }, /*#__PURE__*/React.createElement(Label, {
     text: labelName,
-    isRequired: isMandatory,
+    title: labelName,
+    id: id,
+    size: labelSize,
+    palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
+    customClass: `${fieldStyle.fieldLabel} ${isMandatory ? fieldStyle.labelMandatory : ''} ${labelClass ? labelClass : ''}`,
+    dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
     htmlFor: htmlId,
-    testId: id,
-    customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
     ...LabelProps
   }), selectedValueCount ? /*#__PURE__*/React.createElement(Box, {
     dataId: `${dataId}_tagCount`,

package/es/form/fields/TextBoxField/TextBoxField.js

@@ -3,12 +3,11 @@ import React, { PureComponent } from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
 /**** Components ****/
-// import Label from '@zohodesk/components/lib/Label/Label';
 
-import Label from '@zohodesk/components/es/v1/Label/Label';
-import TextBoxIcon from '@zohodesk/components/lib/TextBoxIcon/TextBoxIcon';
+import Label from '@zohodesk/components/es/Label/Label';
+import TextBoxIcon from '@zohodesk/components/es/TextBoxIcon/TextBoxIcon';
 import ValidationMessage from "../ValidationMessage/ValidationMessage";
-import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
+import { getUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
 import FieldContainer from "../FieldContainer/FieldContainer";
 /**** CSS ****/
 
@@ -104,12 +103,13 @@ export default class TextBoxField extends PureComponent {
       renderProps: renderLabelProps
     }, /*#__PURE__*/React.createElement(Label, {
       text: labelName,
-      isRequired: isMandatory,
-      customStyle: labelCustomClass,
-      testId: labelName,
+      size: fieldSize === 'small' ? 'small' : 'medium',
+      palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
+      customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
       htmlFor: uniqueId,
-      customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
-      ...LabelProps
+      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
+      ...LabelProps,
+      id: labelName
     })), /*#__PURE__*/React.createElement("div", {
       className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
     }, /*#__PURE__*/React.createElement(TextBoxIcon, {

package/es/form/fields/TextEditor/TextEditor.js

@@ -3,7 +3,7 @@ import React, { Component } from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
 import selectn from 'selectn';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/Layout';
 /***** Methods *****/
 
 import { bind, editorContentValidate, fixEncoding, isFileNameSizeInvalid, isImageFormat, triggerKeyup, getRichEditorContent, changeContent, validateEditorContentOnInsertHtml, loadResource } from "../../../utils/editorUtils"; //import './ZohoDeskEditor_Init';

package/es/form/fields/TextEditorField/TextEditorField.js

@@ -4,7 +4,7 @@ import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
 /**** Components ****/
 
-import Label from '@zohodesk/components/lib/Label/Label';
+import Label from '@zohodesk/components/es/Label/Label';
 import ValidationMessage from "../ValidationMessage/ValidationMessage";
 import TextEditorWrapper from "../TextEditorWrapper/TextEditorWrapper";
 import FieldContainer from "../FieldContainer/FieldContainer";

package/es/form/fields/TextEditorWrapper/TextEditorWrapper.js

@@ -4,8 +4,8 @@ import { propTypes } from "./props/propTypes";
 /**** Components ****/
 
 import TextEditor from "../TextEditor/TextEditor";
-import Textarea from '@zohodesk/components/lib/Textarea/Textarea';
-import VelocityAnimationGroup from '@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
+import Textarea from '@zohodesk/components/es/Textarea/Textarea';
+import VelocityAnimationGroup from '@zohodesk/components/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
 import { editorContentValidate } from "../../../utils/editorUtils";
 import style from "./TextEditorWrapper.module.css";
 /* eslint-disable react/no-deprecated */

package/es/form/fields/TextareaField/TextareaField.js

@@ -3,12 +3,11 @@ import React, { PureComponent } from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
 /**** Components ****/
-// import Label from '@zohodesk/components/lib/Label/Label';
 
-import Label from '@zohodesk/components/es/v1/Label/Label';
-import Textarea from '@zohodesk/components/lib/Textarea/Textarea';
+import Label from '@zohodesk/components/es/Label/Label';
+import Textarea from '@zohodesk/components/es/Textarea/Textarea';
 import ValidationMessage from "../ValidationMessage/ValidationMessage";
-import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
+import { getUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
 import FieldContainer from "../FieldContainer/FieldContainer";
 /**** CSS ****/
 
@@ -132,11 +131,12 @@ export default class TextareaField extends PureComponent {
       renderProps: renderLabelProps
     }, /*#__PURE__*/React.createElement(Label, {
       text: labelName,
-      isRequired: isMandatory,
-      customStyle: labelCustomClass,
-      testId: id,
+      id: id,
+      size: fieldSize === 'small' ? 'small' : 'medium',
+      palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
+      customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
       htmlFor: uniqueId,
-      customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
+      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
       ...LabelProps
     })), /*#__PURE__*/React.createElement("div", {
       className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`

package/es/form/fields/ValidationMessage/ValidationMessage.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
-import Label from '@zohodesk/components/lib/Label/Label';
-import colors from '@zohodesk/components/lib/Label/LabelColors.module.css';
+import Label from '@zohodesk/components/es/Label/Label';
+import colors from '@zohodesk/components/es/Label/LabelColors.module.css';
 import style from "./ValidationMessage.module.css";
 import { Icon } from '@zohodesk/icons';
 export default class ValidationMessage extends React.Component {

package/es/form/fields/ValidationMessage/ValidationMessage.module.css

@@ -5,6 +5,7 @@
   display: inline;
 }
 .icon{
+  /*css:theme-validation:ignore*/
   color:var(--label_text_color);
   display: inline-block;
   margin: 0 var(--zd_size5) ;

package/es/layout/SetupDetailLayout/SetupDetailLayout.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import { SetupDetailLayout_defaultProps, SetupHeader_defaultProps, SetupContent_defaultProps, SetupFooter_defaultProps } from "./props/defaultProps";
 import { SetupDetailLayout_propTypes, SetupHeader_propTypes, SetupContent_propTypes, SetupFooter_propTypes } from "./props/propTypes";
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/Layout';
 import { Icon } from '@zohodesk/icons';
 import style from "./SetupDetailLayout.module.css";
 export default class SetupDetailLayout extends React.Component {

package/es/layout/SubtabLayout/SubtabLayout.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { SubtabHeader_propTypes, SubtabFooter_propTypes, SubtabContent_propTypes, SubtabLayout_propTypes } from "./props/propTypes";
 import { SubtabHeader_defaultProps, SubtabFooter_defaultProps, SubtabContent_defaultProps, SubtabLayout_defaultProps } from "./props/defaultProps";
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import { Card, CardHeader, CardContent } from '@zohodesk/components/lib/Card';
+import { Container, Box } from '@zohodesk/components/es/Layout';
+import { Card, CardHeader, CardContent } from '@zohodesk/components/es/Card';
 import PlusIcon from "../../PlusIcon/PlusIcon";
 import style from "./SubtabLayout.module.css";
 export class SubtabHeader extends React.Component {

package/es/list/Comment/Comment.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
 import { Icon } from '@zohodesk/icons';
-import Button from '@zohodesk/components/lib/semantic/Button/Button';
+import Button from '@zohodesk/components/es/semantic/Button/Button';
 import style from "./Comment.module.css";
 export default class Comment extends Component {
   constructor(props) {

package/es/list/Icons/AddNewIcon.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { AddNewIcon_propTypes } from "./props/propTypes";
 import { Icon } from '@zohodesk/icons';
 import style from "./Icons.module.css";
-import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
+import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
 export default class AddNewIcon extends React.Component {
   render() {
     let {

package/es/list/Icons/CompleteIcon.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { CompleteIcon_propTypes } from "./props/propTypes";
 import { Icon } from '@zohodesk/icons';
 import style from "./Icons.module.css";
-import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
+import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
 export default class CompleteIcon extends React.Component {
   render() {
     let {

package/es/list/Icons/DeleteIcon.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { DeleteComponent_propTypes } from "./props/propTypes";
 import style from "./Icons.module.css";
 import { Icon } from '@zohodesk/icons';
-import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
+import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
 export default class DeleteComponent extends React.Component {
   render() {
     let {

package/es/list/Icons/EditIcon.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { EditIcon_propTypes } from "./props/propTypes";
 import style from "./Icons.module.css";
 import { Icon } from '@zohodesk/icons';
-import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
+import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
 export default class EditIcon extends React.Component {
   render() {
     let {

package/es/list/Icons/ReadUnreadIcon.js

@@ -3,7 +3,7 @@ import { ReadUnreadIcon_defaultProps } from "./props/defaultProps";
 import { ReadUnreadIcon_propTypes } from "./props/propTypes";
 import { Icon } from '@zohodesk/icons';
 import style from "./Icons.module.css";
-import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
+import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
 export default class ReadUnreadIcon extends React.Component {
   render() {
     let {

package/es/list/Icons/SmartIcon.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import { SmartIcon_propTypes } from "./props/propTypes";
 import style from "./Icons.module.css";
 import { Icon } from '@zohodesk/icons';
-import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
+import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
 export default class SmartIcon extends Component {
   render() {
     let {

package/es/list/ListLayout/ListLayout.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import { ListLayout_defaultProps } from "./props/defaultProps";
 import { ListLayout_propTypes, Column_propTypes } from "./props/propTypes";
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/Layout';
 import style from "./ListLayout.module.css";
 export default class ListLayout extends Component {
   constructor(props) {

package/es/list/ListStencils/ListStencils.js

@@ -4,7 +4,7 @@ import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
 /*** Components ***/
 
-import Stencils from '@zohodesk/components/lib/Stencils/Stencils';
+import Stencils from '@zohodesk/components/es/Stencils/Stencils';
 /*** CSS ***/
 
 import style from "./ListStencils.module.css";

package/es/list/SecondaryText/AccountName.js

@@ -6,7 +6,7 @@ import { AccountName_defaultProps } from "./props/defaultProps";
 import { AccountName_propTypes } from "./props/propTypes";
 /**** Components ****/
 
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/Layout';
 import Link from "../../Link/Link";
 /**** CSS ****/
 

package/es/list/SecondaryText/ContactName.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import { ContactName_defaultProps } from "./props/defaultProps";
 import { ContactName_propTypes } from "./props/propTypes";
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/Layout';
 import Link from "../../Link/Link";
 import SentimentStatus from "../SentimentStatus/SentimentStatus";
 import { Icon } from '@zohodesk/icons';

package/es/list/SecondryPanel/SecondryPanel.js

@@ -4,9 +4,9 @@ import { SecondryPanel_defaultProps, SecondryPanelUL_defaultProps, SecondryPanel
 import { SecondryPanel_propTypes, SecondryPanelUL_propTypes, SecondryPanelLI_propTypes, SecondryPanelItem_propTypes } from "./props/propTypes";
 /**** Components ****/
 
-import { Box } from '@zohodesk/components/lib/Layout';
+import { Box } from '@zohodesk/components/es/Layout';
 import Dot from "../Dot/Dot";
-import Container from '@zohodesk/components/lib/Layout/Container';
+import Container from '@zohodesk/components/es/Layout/Container';
 /**** CSS ****/
 
 import style from "./SecondryPanel.module.css";

package/es/list/Thread/Thread.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
 import { Icon } from '@zohodesk/icons';
-import Button from '@zohodesk/components/lib/semantic/Button/Button';
+import Button from '@zohodesk/components/es/semantic/Button/Button';
 import style from "./Thread.module.css";
 export default class Thread extends Component {
   constructor(props) {

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

@@ -2,19 +2,19 @@ import React from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
 import { Icon } from '@zohodesk/icons';
-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/Loader/Loader';
-import EmptySearch from '@zohodesk/svg/lib/emptystate/version3/EmptySearch';
+import Popup from '@zohodesk/components/es/Popup/Popup';
+import { Box, Container } from '@zohodesk/components/es/Layout';
+import DropDownHeading from '@zohodesk/components/es/DropDown/DropDownHeading';
+import TextBoxIcon from '@zohodesk/components/es/TextBoxIcon/TextBoxIcon';
+import Loader from '@zohodesk/svg/es/Loader/Loader';
+import EmptySearch from '@zohodesk/svg/es/emptystate/version3/EmptySearch';
 import CommonEmptyState from "../../../emptystate/CommonEmptyState/CommonEmptyState";
 import StatusListItem from "../StatusListItem/StatusListItem";
 import commonStyle from '@zohodesk/components/es/common/common.module.css';
-import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';
-import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
-import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
+import ResponsiveDropBox from '@zohodesk/components/es/ResponsiveDropBox/ResponsiveDropBox';
+import { ResponsiveReceiver } from '@zohodesk/components/es/Responsive/CustomResponsive';
+import { getUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
+import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
 import style from "./StatusDropdown.module.css";
 export class StatusDropdown extends React.Component {
   constructor(props) {

package/es/list/status/StatusListItem/StatusListItem.js

@@ -2,11 +2,11 @@
 import React from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/Layout';
 /**** Components ****/
 
 import { Icon } from '@zohodesk/icons';
-import CssProvider from '@zohodesk/components/lib/Provider/CssProvider';
+import CssProvider from '@zohodesk/components/es/Provider/CssProvider';
 /**** CSS ****/
 
 import style from "./StatusListItem.module.css";

package/es/lookup/EmptyPage/EmptyPage.js

@@ -2,10 +2,10 @@
 import React, { Component } from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
-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';
+import EmptySearch from '@zohodesk/svg/es/emptystate/version3/EmptySearch';
+import EmptyAccounts from '@zohodesk/svg/es/emptystate/version3/EmptyAccounts';
+import EmptyContact from '@zohodesk/svg/es/emptystate/version3/EmptyContact';
+import EmptyProducts from '@zohodesk/svg/es/emptystate/version3/EmptyProducts';
 /*** CSS ***/
 
 import style from "./LookupEmptyPage.module.css";

package/es/lookup/Lookup/Lookup.js

@@ -5,7 +5,7 @@ import { propTypes } from "./props/propTypes";
 /*** Components ***/
 
 import FreezeLayer from "../../FreezeLayer/FreezeLayer";
-import { Container } from '@zohodesk/components/lib/Layout';
+import { Container } from '@zohodesk/components/es/Layout';
 /*** CSS ***/
 
 import style from "./Lookup.module.css";

package/es/lookup/Section/Section.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { propTypes } from "./props/propTypes";
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/Layout';
 import style from "./LookupSection.module.css";
 export default class Section extends Component {
   constructor(props) {

package/es/lookup/header/ModuleHeader/ModuleHeader.js

@@ -7,7 +7,7 @@ import { propTypes } from "./props/propTypes";
 import Title from "../Title/Title";
 import Close from "../Close/Close";
 import Search from "../Search/Search";
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/Layout';
 /*** CSS ***/
 
 import commonStyle from "../lookupHeaderCommon.module.css";

package/es/lookup/header/Search/Search.js

@@ -6,14 +6,14 @@ import { SearchUI_defaultProps } from "./props/defaultProps";
 import { Search_propTypes, SearchUI_propTypes } from "./props/propTypes";
 /** * Components ** */
 
-import TextBoxIcon from '@zohodesk/components/lib/TextBoxIcon/TextBoxIcon';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import TextBoxIcon from '@zohodesk/components/es/TextBoxIcon/TextBoxIcon';
+import { Container, Box } from '@zohodesk/components/es/Layout';
 import { mergeStyle } from '@zohodesk/utils';
 import { Icon } from '@zohodesk/icons';
 import ToggleDropDown from "../../../dropdown/ToggleDropDown/ToggleDropDown";
 /** * Methods ** */
 
-import { debounce } from '@zohodesk/components/lib/utils/debounce';
+import { debounce } from '@zohodesk/components/es/utils/debounce';
 import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
 /** * CSS ** */
 

package/es/lookup/header/TicketHeader/TicketHeader.js

@@ -8,7 +8,7 @@ import Title from "../Title/Title";
 import Close from "../Close/Close";
 import Search from "../Search/Search";
 import ViewDropDown from "../ViewDropDown/ViewDropDown";
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/Layout';
 import useDragger from "../../../Hooks/Dragger/useDragger";
 /*** CSS ***/
 

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

@@ -4,18 +4,18 @@ import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
 /**** Components ****/
 
-import { SelectComponent } from '@zohodesk/components/lib/Select/Select';
-import Popup from '@zohodesk/components/lib/Popup/Popup';
-import ListItem from '@zohodesk/components/lib/ListItem/ListItem';
-import DropDownSearch from '@zohodesk/components/lib/DropDown/DropDownSearch';
-import { Card, CardHeader, CardContent } from '@zohodesk/components/lib/Card';
-import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';
-import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
+import { SelectComponent } from '@zohodesk/components/es/Select/Select';
+import Popup from '@zohodesk/components/es/Popup/Popup';
+import ListItem from '@zohodesk/components/es/ListItem/ListItem';
+import DropDownSearch from '@zohodesk/components/es/DropDown/DropDownSearch';
+import { Card, CardHeader, CardContent } from '@zohodesk/components/es/Card';
+import ResponsiveDropBox from '@zohodesk/components/es/ResponsiveDropBox/ResponsiveDropBox';
+import { ResponsiveReceiver } from '@zohodesk/components/es/Responsive/CustomResponsive';
 /**** Icons ****/
 
 import { Icon } from '@zohodesk/icons';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import Loader from '@zohodesk/svg/lib/Loader/Loader';
+import { Container, Box } from '@zohodesk/components/es/Layout';
+import Loader from '@zohodesk/svg/es/Loader/Loader';
 import style from "./ViewDropDown.module.css";
 /* eslint-disable react/forbid-component-props */
 

package/es/setup/header/Button/Button.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
-import GenButton from '@zohodesk/components/lib/Button/Button';
+import GenButton from '@zohodesk/components/es/Button/Button';
 import style from "./HeaderButton.module.css";
 export default class Button extends React.Component {
   constructor(props) {

package/es/setup/header/Link/Link.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
 import { Icon } from '@zohodesk/icons';
-import { Box } from '@zohodesk/components/lib/Layout';
+import { Box } from '@zohodesk/components/es/Layout';
 import ExternalLink from "../../../ExternalLink/ExternalLink";
 import style from "./HeaderLink.module.css";
 export default class Link extends React.Component {

package/es/setup/header/Search/Search.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
 import { Icon } from '@zohodesk/icons';
-import TextBox from '@zohodesk/components/lib/TextBox/TextBox';
+import TextBox from '@zohodesk/components/es/TextBox/TextBox';
 import style from "./Search.module.css";
 export default class Search extends React.Component {
   constructor(props) {

package/es/setup/table/Table/Table.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
-import { Container } from '@zohodesk/components/lib/Layout';
+import { Container } from '@zohodesk/components/es/Layout';
 export default class Table extends React.Component {
   render() {
     let {

package/es/setup/table/TableBody/TableBody.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
-import { Box } from '@zohodesk/components/lib/Layout';
+import { Box } from '@zohodesk/components/es/Layout';
 export default class TableBody extends React.Component {
   render() {
     let {

package/es/setup/table/TableData/TableData.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
-import { Box } from '@zohodesk/components/lib/Layout';
+import { Box } from '@zohodesk/components/es/Layout';
 import style from "./SetupTableData.module.css";
 export default class TableData extends React.Component {
   constructor(props) {

package/es/setup/table/TableHead/TableHead.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/Layout';
 import style from "./SetupTableHead.module.css";
 export default class TableHead extends React.Component {
   constructor(props) {

package/es/setup/table/TableRow/TableRow.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
-import { Container } from '@zohodesk/components/lib/Layout';
+import { Container } from '@zohodesk/components/es/Layout';
 import style from "./SetupTableRow.module.css";
 export default class TableRow extends React.Component {
   constructor(props) {

package/es/svg/PlusIcon.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { PlusIcon_defaultProps } from "./props/defaultProps";
 import { PlusIcon_propTypes } from "./props/propTypes";
-import SVG from '@zohodesk/svg/lib/SVG/SVG';
+import SVG from '@zohodesk/svg/es/SVG/SVG';
 export default class PlusIcon extends React.Component {
   render() {
     let {

package/es/svg/SnippetIcon.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { SnippetIcon_defaultProps } from "./props/defaultProps";
 import { SnippetIcon_propTypes } from "./props/propTypes";
-import SVG from '@zohodesk/svg/lib/SVG/SVG';
+import SVG from '@zohodesk/svg/es/SVG/SVG';
 export default class SnippetIcon extends React.Component {
   render() {
     let {

package/es/svg/TemplateIcon.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TemplateIcon_defaultProps } from "./props/defaultProps";
 import { TemplateIcon_propTypes } from "./props/propTypes";
-import SVG from '@zohodesk/svg/lib/SVG/SVG';
+import SVG from '@zohodesk/svg/es/SVG/SVG';
 export default class TemplateIcon extends React.Component {
   render() {
     let {

package/es/v1/dropdown/ToggleDropDown/ToggleDropDown.js

@@ -8,9 +8,9 @@ import ListItem from '@zohodesk/components/es/v1/ListItem/ListItem';
 import ListItemWithIcon from '@zohodesk/components/es/v1/ListItem/ListItemWithIcon';
 import DropDownHeading from '@zohodesk/components/es/v1/DropDown/DropDownHeading';
 import TextBoxIcon from '@zohodesk/components/es/v1/TextBoxIcon/TextBoxIcon';
-import Loader from '@zohodesk/svg/lib/Loader/Loader';
+import Loader from '@zohodesk/svg/es/Loader/Loader';
 import CommonEmptyState from "../../emptystate/CommonEmptyState/CommonEmptyState";
-import EmptySearch from '@zohodesk/svg/lib/emptystate/version3/EmptySearch';
+import EmptySearch from '@zohodesk/svg/es/emptystate/version3/EmptySearch';
 import CssProvider from '@zohodesk/components/es/Provider/CssProvider';
 import { scrollTo, findScrollEnd } from '@zohodesk/components/es/utils/Common';
 import { getUniqueId } from '@zohodesk/components/es/Provider/IdProvider';

package/es/v1/emptystate/EditionPage/EditionPage.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
-import EmptyCrmPotential from '@zohodesk/svg/lib/v1/emptystate/version3/EmptyCrmPotential';
+import EmptyCrmPotential from '@zohodesk/svg/es/v1/emptystate/version3/EmptyCrmPotential';
 import style from "../../../emptystate/EditionPage/EditionPage.css";
 export default function EditionPage(props) {
   let {