@zohodesk/dot 1.7.19 → 1.7.20-exp.2

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/Subject/Subject.module.css

@@ -14,15 +14,15 @@
 }
 
 .font_regular {
-  font-family: var(--zd_regular);
+  font-weight: var(--zd-fw-normal);
 }
 
 .font_semibold {
-  font-family: var(--zd_semibold);
+  font-weight: var(--zd-fw-semibold);
 }
 
 .font_bold {
-  font-family: var(--zd_bold);
+  font-weight: var(--zd-fw-bold);
 }
 
 .font_semibold,

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/EmptyPage/LookupEmptyPage.module.css

@@ -1,12 +1,14 @@
 .container {
   text-align: center;
 }
+
 .image {
   margin: var(--zd_size20) auto ;
 }
+
 .contentDiv {
   font-size: var(--zd_font_size20) ;
-  font-family: var(--zd_semibold);
+  font-weight: var(--zd-fw-semibold);
   composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
   margin-top: var(--zd_size15) ;
-}
+}

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/Title/LookupTitle.module.css

@@ -1,21 +1,25 @@
 .title {
   font-size: var(--zd_font_size16) ;
-  font-family: var(--zd_semibold);
+  font-weight: var(--zd-fw-semibold);
   composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
   vertical-align: middle;
   word-break: break-all;
   cursor: initial;
 }
+
 .bold {
-  font-family: var(--zd_semibold);
+  font-weight: var(--zd-fw-semibold);
 }
+
 /* Palette */
 .default {
   color: var(--zdt_lookuptitle_default_text);
 }
+
 .primary {
   color: var(--zdt_lookuptitle_primary_text);
 }
+
 .danger {
   color: var(--zdt_lookuptitle_danger_text);
-}
+}

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/lookup/header/ViewDropDown/ViewDropDown.module.css

@@ -1,28 +1,35 @@
 .small {
   max-height: var(--zd_size200) ;
 }
+
 .medium {
   max-height: var(--zd_size348) ;
 }
+
 .large {
   max-height: var(--zd_size400) ;
 }
+
 .emptyState {
   font-size: var(--zd_font_size14) ;
   color: var(--zdt_viewdropdown_empty_text);
-  font-family: var(--zd_semibold);
+  font-weight: var(--zd-fw-semibold);
   composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
   padding: var(--zd_size12) var(--zd_size15) ;
 }
+
 .hide {
   composes: vishidden from '~@zohodesk/components/es/common/common.module.css';
 }
+
 .container {
   position: relative;
 }
+
 .listItemContainer {
   padding: var(--zd_size10) 0 ;
 }
+
 /* Label Style */
 .labelCnt {
   composes: dInflex alignVertical from '~@zohodesk/components/es/common/common.module.css';
@@ -30,21 +37,25 @@
   color: var(--zdt_viewdropdown_label_text);
   cursor: pointer;
 }
+
 .labelText {
   font-size: var(--zd_font_size12) ;
   max-width: var(--zd_size180) ;
   composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
+
 [dir=ltr] .labelText {
   margin-right: var(--zd_size5) ;
 }
+
 [dir=rtl] .labelText {
   margin-left: var(--zd_size5) ;
 }
+
 .labelCnt:hover .arrowIcon {
   color: var(--zdt_viewdropdown_hover_label_text);
 }
 
 .loader {
   padding: var(--zd_size12) var(--zd_size15) ;
-}
+}

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/header/Search/Search.module.css

@@ -38,7 +38,7 @@
   letter-spacing: 0.2px;
   transition: all var(--zd_transition3) ease;
   color: var(--zdt_search_input_text);
-  font-family: var(--zd_regular);
+  font-weight: var(--zd-fw-normal);
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;

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 {

package/es/v1/errorstate/Inconvenience/Inconvenience.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
 import { Container } from '@zohodesk/components/es/v1/Layout';
-import ErrorInconvenience from '@zohodesk/svg/lib/v1/errorstate/version3/ErrorInconvenience';
+import ErrorInconvenience from '@zohodesk/svg/es/v1/errorstate/version3/ErrorInconvenience';
 import Button from '@zohodesk/components/es/v1/Button/Button';
 import CommonEmptyState from "../../emptystate/CommonEmptyState/CommonEmptyState";
 import style from "../../../version2/errorstate/V2_ErrorStates.module.css";

package/es/v1/errorstate/OopsSomethingMiss/OopsSomethingMiss.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
 import { Container } from '@zohodesk/components/es/v1/Layout';
-import ErrorOopsSomethingMiss from '@zohodesk/svg/lib/v1/errorstate/version3/ErrorOopsSomethingMiss';
+import ErrorOopsSomethingMiss from '@zohodesk/svg/es/v1/errorstate/version3/ErrorOopsSomethingMiss';
 import Button from '@zohodesk/components/es/v1/Button/Button';
 import CommonEmptyState from "../../emptystate/CommonEmptyState/CommonEmptyState";
 import style from "../../../version2/errorstate/V2_ErrorStates.module.css";

package/es/v1/errorstate/UnableToProcessRequest/UnableToProcessRequest.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
 import { Container } from '@zohodesk/components/es/v1/Layout';
-import ErrorUnableToProcessRequest from '@zohodesk/svg/lib/v1/errorstate/version3/ErrorUnableToProcessRequest';
+import ErrorUnableToProcessRequest from '@zohodesk/svg/es/v1/errorstate/version3/ErrorUnableToProcessRequest';
 import Button from '@zohodesk/components/es/v1/Button/Button';
 import CommonEmptyState from "../../emptystate/CommonEmptyState/CommonEmptyState";
 import style from "../../../version2/errorstate/V2_ErrorStates.module.css";

package/es/v1/errorstate/UnauthorizedLogin/UnauthorizedLogin.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
 import { Container } from '@zohodesk/components/es/v1/Layout';
-import ErrorUnauthorizedLogin from '@zohodesk/svg/lib/v1/errorstate/version3/ErrorUnauthorizedLogin';
+import ErrorUnauthorizedLogin from '@zohodesk/svg/es/v1/errorstate/version3/ErrorUnauthorizedLogin';
 import Button from '@zohodesk/components/es/v1/Button/Button';
 import CommonEmptyState from "../../emptystate/CommonEmptyState/CommonEmptyState";
 import style from "../../../version2/errorstate/V2_ErrorStates.module.css";

package/es/v1/errorstate/UrlNotFound/UrlNotFound.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
 import { Container } from '@zohodesk/components/es/v1/Layout';
-import ErrorUrlNotFound from '@zohodesk/svg/lib/v1/errorstate/version3/ErrorUrlNotFound';
+import ErrorUrlNotFound from '@zohodesk/svg/es/v1/errorstate/version3/ErrorUrlNotFound';
 import Button from '@zohodesk/components/es/v1/Button/Button';
 import CommonEmptyState from "../../emptystate/CommonEmptyState/CommonEmptyState";
 import style from "../../../version2/errorstate/V2_ErrorStates.module.css";

package/es/v1/errorstate/WillBeRightBack/WillBeRightBack.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
 import { Container } from '@zohodesk/components/es/v1/Layout';
-import ErrorWillBeRightBack from '@zohodesk/svg/lib/v1/errorstate/version3/ErrorWillBeRightBack';
+import ErrorWillBeRightBack from '@zohodesk/svg/es/v1/errorstate/version3/ErrorWillBeRightBack';
 import Button from '@zohodesk/components/es/v1/Button/Button';
 import CommonEmptyState from "../../emptystate/CommonEmptyState/CommonEmptyState";
 import style from "../../../version2/errorstate/V2_ErrorStates.module.css";

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

@@ -4,9 +4,9 @@ import { propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import Tag from '@zohodesk/components/es/v1/Tag/Tag';
 import TextBoxIcon from '@zohodesk/components/es/v1/TextBoxIcon/TextBoxIcon';
-import EmptySearch from '@zohodesk/svg/lib/emptystate/version3/EmptySearch';
+import EmptySearch from '@zohodesk/svg/es/emptystate/version3/EmptySearch';
 import ListItem from '@zohodesk/components/es/v1/ListItem/ListItem';
-import Loader from '@zohodesk/svg/lib/Loader/Loader';
+import Loader from '@zohodesk/svg/es/Loader/Loader';
 import DropDownSeparator from '@zohodesk/components/es/v1/DropDown/DropDownSeparator';
 import CommonEmptyState from "../../../emptystate/CommonEmptyState/CommonEmptyState";
 import ResponsiveDropBox from '@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox';

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

@@ -243,7 +243,8 @@ export default class TextEditor extends Component {
       let customStyleTag = document.createElement('style');
       customStyleTag.type = 'text/css';
       const customizedCSS = `pre {white-space: pre-wrap} ${customCSS}`;
-      const fontCSS = `@font-face {font-family: 'ZohoPuviRegular';src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2') format('woff2');font-style: normal;font-weight: normal;text-rendering: optimizeLegibility;font-display: swap}@font-face {font-family: Regular;src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}@font-face {font-family: 'RobotoRegular';font-weight: 400;font-style: normal;font-display: swa;src: url('https://static.zohocdn.com/webfonts/robotoregular/font.woff2')}`;
+      const fontCSS = `@font-face {font-family: 'ZohoPuviRegular';src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2') format('woff2');font-style: normal;font-weight: 400;text-rendering: optimizeLegibility;font-display: swap}@font-face {font-family: Regular;src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}@font-face {font-family: 'RobotoRegular';font-weight: 400;font-style: normal;font-display: swap;src: url('https://static.zohocdn.com/webfonts/robotoregular/font.woff2')}
+      @font-face {font-family: 'ZohoPuvi';src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2') format('woff2');font-style: normal;font-weight: 400;text-rendering: optimizeLegibility;font-display: swap}@font-face {font-family: ZDLato;src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}@font-face {font-family: 'Roboto';font-weight: 400;font-style: normal;font-display: swap;src: url('https://static.zohocdn.com/webfonts/robotoregular/font.woff2')}`;
       customStyleTag.textContent = `${customizedCSS} ${fontCSS}`;
       iframeHead.appendChild(customStyleTag);
     }

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

@@ -7,8 +7,8 @@ import Popup from '@zohodesk/components/es/v1/Popup/Popup';
 import { Box, Container } from '@zohodesk/components/es/v1/Layout';
 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 EmptySearch from '@zohodesk/svg/lib/emptystate/version3/EmptySearch';
+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';

package/es/v1/lookup/EmptyPage/EmptyPage.js

@@ -2,10 +2,10 @@
 import React 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 "../../../lookup/EmptyPage/LookupEmptyPage.module.css";

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

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

package/es/v1/notification/DesktopNotification/DesktopNotification.js

@@ -7,7 +7,7 @@ import AutoClose from "../../../actions/AutoClose";
 import Button from '@zohodesk/components/es/v1/Button/Button';
 import FormAction from "../../../FormAction/FormAction";
 import DesktopNotificationHeader from "../DesktopNotificationHeader/DesktopNotificationHeader";
-import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
+import { ResponsiveReceiver } from '@zohodesk/components/es/Responsive/CustomResponsive';
 import style from "../../../version2/notification/DesktopNotification/DesktopNotification.module.css";
 let buttonPaletteObject = {
   success: {

package/es/v1/notification/DesktopNotificationHeader/DesktopNotificationHeader.js

@@ -4,7 +4,7 @@ import propTypes from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import AlertClose from "../../alert/AlertClose/AlertClose";
 import AlertIcons from "../../alert/alertIcons/AlertIcons";
-import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
+import { ResponsiveReceiver } from '@zohodesk/components/es/Responsive/CustomResponsive';
 import Typography from '@zohodesk/components/es/v1/Typography/Typography';
 import style from "../../../version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css";
 export default function DesktopNotificationHeader(props) {

package/es/v1/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/v1/SVG/SVG';
+import SVG from '@zohodesk/svg/es/v1/SVG/SVG';
 export default function PlusIcon(props) {
   let {
     isRender,