@zohodesk/dot 1.0.0-temp-212 → 1.0.0-temp-200.7

package/es/avatar/AvatarIcon/AvatarIcon.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Icon } from '@zohodesk/icons';
 import { Container } from '@zohodesk/components/lib/Layout';
 import AvatarSize from '@zohodesk/components/lib/Provider/AvatarSize';
-import style from './AvatarIcon.module.css';
+import style from "./AvatarIcon.module.css";
 export default class AvatarIcon extends React.Component {
   render() {
     let {
@@ -29,7 +29,7 @@ export default class AvatarIcon extends React.Component {
     } = customProps;
     let border = borderOnHover || onClick;
     return /*#__PURE__*/React.createElement(Container, {
-      className: `${style.container} ${borderOnActive ? style.borderOnActive : border ? style.borderOnHover : ''} ${AvatarSize(size)} ${style[palette]} ${className}`,
+      className: `${style.container} ${borderOnActive ? style.borderOnActive : border ? style.borderOnHover : ''} ${AvatarSize(size)} ${style[palette] ? style[palette] : ''} ${className}`,
       onClick: onClick,
       dataId: dataId,
       "data-title": title,
@@ -41,7 +41,7 @@ export default class AvatarIcon extends React.Component {
     }, /*#__PURE__*/React.createElement(Icon, {
       name: name,
       size: iconSize,
-      iconClass: ` ${iconClass} ${style.iconColor} ${iconColor ? ` ${style[`icon_${iconColor}`]}` : ''} `,
+      iconClass: ` ${iconClass} ${style.avatar_align_center}  ${style.iconColor} ${iconColor ? ` ${style[`icon_${iconColor}`] ? style[`icon_${iconColor}`] : ''}` : ''} `,
       isBold: isIconBold
     }));
   }

package/es/avatar/AvatarIcon/AvatarIcon.module.css

@@ -56,3 +56,6 @@
   --icon_color: var(--zdt_avatarIcon_dark_icon);
 }
 
+.avatar_align_center {
+  composes: tcenter from '~@zohodesk/components/lib/common/common.module.css';
+}

package/es/avatar/AvatarIcon/__tests__/AvatarIcon.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import AvatarIcon from '../AvatarIcon';
+import AvatarIcon from "../AvatarIcon";
 describe('AvatarIcon', () => {
   test('rendering the defult props', () => {
     const {

package/es/avatar/AvatarIcon/__tests__/__snapshots__/AvatarIcon.spec.js.snap

@@ -10,7 +10,7 @@ exports[`AvatarIcon rendering the defult props 1`] = `
   >
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-add-ag    iconColor  undefined   "
+      class="zd_font_icons basic icon-add-ag    avatar_align_center  iconColor     "
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"

package/es/avatar/AvatarStatus/AvatarStatus.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import Avatar from '@zohodesk/components/lib/Avatar/Avatar';
-import style from './AvatarStatus.module.css';
+import style from "./AvatarStatus.module.css";
 export default class AvatarStatus extends React.Component {
   constructor(props) {
     super(props);

package/es/avatar/AvatarStatus/__tests__/AvatarStatus.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import AvatarStatus from '../AvatarStatus';
+import AvatarStatus from "../AvatarStatus";
 describe('AvatarStatus', () => {
   test('rendering the defult props', () => {
     const {

package/es/avatar/AvatarThread/AvatarThread.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import Avatar from '@zohodesk/components/lib/Avatar/Avatar';
 import { Icon } from '@zohodesk/icons';
-import style from './AvatarThread.module.css';
+import style from "./AvatarThread.module.css";
 export default class AvatarThread extends React.Component {
   render() {
     let {

package/es/avatar/AvatarThread/__tests__/AvatarThread.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import AvatarThread from '../AvatarThread';
+import AvatarThread from "../AvatarThread";
 describe('AvatarThread', () => {
   test('rendering the defult props', () => {
     const {

package/es/avatar/AvatarUser/AvatarUser.js

@@ -1,13 +1,13 @@
 /**** Libraries ****/
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /**** Components ****/
 
 import Avatar from '@zohodesk/components/lib/Avatar/Avatar';
-import AvatarIcon from '../AvatarIcon/AvatarIcon';
+import AvatarIcon from "../AvatarIcon/AvatarIcon";
 import { Icon } from '@zohodesk/icons';
-import style from './AvatarUser.module.css';
+import style from "./AvatarUser.module.css";
 /**** Methods ****/
 
 export default class AvatarUser extends React.Component {

package/es/avatar/AvatarUser/__tests__/AvatarUser.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import AvatarUser from '../AvatarUser';
+import AvatarUser from "../AvatarUser";
 describe('AvatarUser', () => {
   test('rendering the defult props', () => {
     const {

package/es/avatar/AvatarWithTeam/AvatarWithTeam.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import Avatar from '@zohodesk/components/lib/Avatar/Avatar';
 import AvatarTeam from '@zohodesk/components/lib/AvatarTeam/AvatarTeam';
-import style from './AvatarWithTeam.module.css';
+import style from "./AvatarWithTeam.module.css";
 export default class AvatarWithTeam extends React.Component {
   render() {
     let {

package/es/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import AvatarWithTeam from '../AvatarWithTeam';
+import AvatarWithTeam from "../AvatarWithTeam";
 describe('AvatarWithTeam', () => {
   test('rendering the defult props', () => {
     const {

package/es/avatar/index.js

@@ -1,7 +1,7 @@
-export { default as AvatarClose } from './AvatarClose/AvatarClose';
-export { default as AvatarCollision } from './AvatarCollision/AvatarCollision';
-export { default as AvatarIcon } from './AvatarIcon/AvatarIcon';
-export { default as AvatarStatus } from './AvatarStatus/AvatarStatus';
-export { default as AvatarThread } from './AvatarThread/AvatarThread';
-export { default as AvatarUser } from './AvatarUser/AvatarUser';
-export { default as AvatarWithTeam } from './AvatarWithTeam/AvatarWithTeam';
+export { default as AvatarClose } from "./AvatarClose/AvatarClose";
+export { default as AvatarCollision } from "./AvatarCollision/AvatarCollision";
+export { default as AvatarIcon } from "./AvatarIcon/AvatarIcon";
+export { default as AvatarStatus } from "./AvatarStatus/AvatarStatus";
+export { default as AvatarThread } from "./AvatarThread/AvatarThread";
+export { default as AvatarUser } from "./AvatarUser/AvatarUser";
+export { default as AvatarWithTeam } from "./AvatarWithTeam/AvatarWithTeam";

package/es/deprecated/FreezeLayer/FreezeLayer.js

@@ -1,11 +1,11 @@
 import React, { Component } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Container } from '@zohodesk/components/lib/Layout';
 import VelocityAnimationGroup from '@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
-import style from './_FreezeLayer.module.css';
+import style from "./_FreezeLayer.module.css";
 import { getZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
-import { getDotLibraryConfig } from '../Provider/Config';
+import { getDotLibraryConfig } from "../Provider/Config";
 export default class FreezeLayer extends Component {
   constructor(props) {
     super(props);

package/es/deprecated/SelectDropdown/SelectDropdown.js

@@ -8,7 +8,7 @@ import { Icon } from '@zohodesk/icons';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-import style from './SelectDropdown.module.css';
+import style from "./SelectDropdown.module.css";
 
 class SelectDropdown extends React.Component {
   constructor(props) {

package/es/dropdown/ToggleDropDown/ToggleDropDown.js

@@ -1,6 +1,6 @@
 import React, { Component, Fragment } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+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';
@@ -9,7 +9,7 @@ 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/Loader/Loader';
-import CommonEmptyState from '../../emptystate/CommonEmptyState/CommonEmptyState';
+import CommonEmptyState from "../../emptystate/CommonEmptyState/CommonEmptyState";
 import EmptySearch from '@zohodesk/svg/lib/emptystate/version3/EmptySearch';
 import CssProvider from '@zohodesk/components/lib/Provider/CssProvider';
 import { scrollTo, findScrollEnd } from '@zohodesk/components/lib/utils/Common';
@@ -18,7 +18,7 @@ import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.mo
 import RippleEffect from '@zohodesk/components/lib/RippleEffect/RippleEffect';
 import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-import style from './ToggleDropDown.module.css';
+import style from "./ToggleDropDown.module.css";
 export class ToggleDropDown extends Component {
   constructor(props) {
     super(props);

package/es/dropdown/ToggleDropDown/__tests__/ToggleDropDown.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import ToggleDropDown from '../ToggleDropDown';
+import ToggleDropDown from "../ToggleDropDown";
 describe('ToggleDropDown', () => {
   test('rendering the defult props', () => {
     const {

package/es/emptystate/CommonEmptyState/CommonEmptyState.js

@@ -1,8 +1,8 @@
 import React, { Component } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import Link from '../../Link/Link';
-import style from './CommonEmptyState.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import Link from "../../Link/Link";
+import style from "./CommonEmptyState.module.css";
 export default class CommonEmptyState extends Component {
   render() {
     let {

package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css

@@ -54,12 +54,12 @@
 .desc{
   word-wrap: break-word;
 }
-[dir=ltr] .linkDesc, [dir=ltr] .desc {
-  margin-right: var(--zd_size4) ;
-}
-[dir=rtl] .linkDesc, [dir=rtl] .desc {
+[dir=ltr] .linkDesc+.link, [dir=ltr] .desc+.link {
   margin-left: var(--zd_size4) ;
 }
+[dir=rtl] .linkDesc+.link, [dir=rtl] .desc+.link {
+  margin-right: var(--zd_size4) ;
+}
 .small .desc {
   line-height: 1.584;
 }
@@ -68,7 +68,6 @@
 }
 .link {
   color: var(--linkColor);
-  display: inline-block;
   cursor: pointer;
 }
 .link:hover {

package/es/emptystate/CommonEmptyState/__tests__/CommonEmptyState.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import CommonEmptyState from '../CommonEmptyState';
+import CommonEmptyState from "../CommonEmptyState";
 describe('CommonEmptyState', () => {
   test('rendering the defult props', () => {
     const {

package/es/emptystate/EditionPage/EditionPage.js

@@ -1,8 +1,8 @@
 import React, { Component } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import EmptyCrmPotential from '@zohodesk/svg/lib/emptystate/version3/EmptyCrmPotential';
-import style from './EditionPage.css';
+import style from "./EditionPage.css";
 export default class EditionPage extends Component {
   constructor(props) {
     super(props);

package/es/emptystate/EditionPage/__tests__/EditionPage.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import EditionPage from '../EditionPage';
+import EditionPage from "../EditionPage";
 describe('EditionPage', () => {
   test('rendering the defult props', () => {
     const {

package/es/errorstate/Inconvenience/Inconvenience.js

@@ -1,12 +1,12 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import LinkText from '../LinkText/LinkText';
+import LinkText from "../LinkText/LinkText";
 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';
+import commonStyle from "../EmptyStates.module.css";
+import style from "./Inconvenience.module.css";
 export default class Inconvenience extends React.Component {
   constructor(props) {
     super(props);

package/es/errorstate/Inconvenience/__tests__/Inconvenience.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import Inconvenience from '../Inconvenience';
+import Inconvenience from "../Inconvenience";
 describe('Inconvenience', () => {
   test('rendering the defult props', () => {
     const {

package/es/errorstate/LinkText/LinkText.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import Link from '../../Link/Link';
-import style from './LinkText.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import Link from "../../Link/Link";
+import style from "./LinkText.module.css";
 export default class LinkText extends React.Component {
   render() {
     let {

package/es/errorstate/LinkText/__tests__/LinkText.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import LinkText from '../LinkText';
+import LinkText from "../LinkText";
 describe('LinkText', () => {
   test('rendering the defult props', () => {
     const {

package/es/errorstate/NoRequestFound/NoRequestFound.js

@@ -1,12 +1,12 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import commonStyle from '../EmptyStates.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import commonStyle from "../EmptyStates.module.css";
 import NoRequestFoundSVG from '@zohodesk/svg/lib/errorstate/version1/NoRequestFound';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import LinkText from '../LinkText/LinkText';
+import LinkText from "../LinkText/LinkText";
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-import style from './NoRequestFound.module.css';
+import style from "./NoRequestFound.module.css";
 export default class NoRequestFound extends React.Component {
   constructor(props) {
     super(props);

package/es/errorstate/NoRequestFound/__tests__/NoRequestFound.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import NoRequestFound from '../NoRequestFound';
+import NoRequestFound from "../NoRequestFound";
 describe('NoRequestFound', () => {
   test('rendering the defult props', () => {
     const {

package/es/errorstate/PermissionPlay/PermissionPlay.js

@@ -1,11 +1,11 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import LinkText from '../LinkText/LinkText';
+import LinkText from "../LinkText/LinkText";
 import UnauthorizedLoginSVG from '@zohodesk/svg/lib/errorstate/version1/UnauthorizedLogin';
-import commonStyle from '../EmptyStates.module.css';
-import style from './PermissionPlay.module.css';
+import commonStyle from "../EmptyStates.module.css";
+import style from "./PermissionPlay.module.css";
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
 export default class PermissionPlay extends React.Component {
   constructor(props) {

package/es/errorstate/PermissionPlay/__tests__/PermissionPlay.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import PermissionPlay from '../PermissionPlay';
+import PermissionPlay from "../PermissionPlay";
 describe('PermissionPlay', () => {
   test('rendering the defult props', () => {
     const {

package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js

@@ -1,12 +1,12 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import UrlNotFound from '@zohodesk/svg/lib/errorstate/version1/UrlNotFound';
-import LinkText from '../LinkText/LinkText';
+import LinkText from "../LinkText/LinkText";
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-import commonStyle from '../EmptyStates.module.css';
-import style from './RequestUrlNotFound.module.css';
+import commonStyle from "../EmptyStates.module.css";
+import style from "./RequestUrlNotFound.module.css";
 export default class RequestUrlNotFound extends React.Component {
   constructor(props) {
     super(props);

package/es/errorstate/RequestUrlNotFound/__tests__/RequestUrlNotFound.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import RequestUrlNotFound from '../RequestUrlNotFound';
+import RequestUrlNotFound from "../RequestUrlNotFound";
 describe('RequestUrlNotFound', () => {
   test('rendering the defult props', () => {
     const {

package/es/errorstate/UnableToProcess/UnableToProcess.js

@@ -1,12 +1,12 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import LinkText from '../LinkText/LinkText';
+import LinkText from "../LinkText/LinkText";
 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';
+import commonStyle from "../EmptyStates.module.css";
+import style from "./UnableToProcess.module.css";
 export default class UnableToProcess extends React.Component {
   constructor(props) {
     super(props);

package/es/errorstate/UnableToProcess/__tests__/UnableToProcess.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import UnableToProcess from '../UnableToProcess';
+import UnableToProcess from "../UnableToProcess";
 describe('UnableToProcess', () => {
   test('rendering the defult props', () => {
     const {

package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.js

@@ -1,12 +1,12 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import LinkText from '../LinkText/LinkText';
+import LinkText from "../LinkText/LinkText";
 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';
+import commonStyle from "../EmptyStates.module.css";
+import style from "./UnauthorizedLogin.module.css";
 export default class UnauthorizedLogin extends React.Component {
   constructor(props) {
     super(props);

package/es/errorstate/UnauthorizedLogin/__tests__/UnauthorizedLogin.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import UnauthorizedLogin from '../UnauthorizedLogin';
+import UnauthorizedLogin from "../UnauthorizedLogin";
 describe('UnauthorizedLogin', () => {
   test('rendering the defult props', () => {
     const {

package/es/errorstate/WillBack/WillBack.js

@@ -1,11 +1,11 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 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';
+import commonStyle from "../EmptyStates.module.css";
+import style from "./WillBack.module.css";
 export default class WillBack extends React.Component {
   constructor(props) {
     super(props);

package/es/errorstate/WillBack/__tests__/WillBack.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import WillBack from '../WillBack';
+import WillBack from "../WillBack";
 describe('WillBack', () => {
   test('rendering the defult props', () => {
     const {

package/es/errorstate/index.js

@@ -1,8 +1,8 @@
-export { default as Inconvenience } from './Inconvenience/Inconvenience';
-export { default as LinkText } from './LinkText/LinkText';
-export { default as NoRequestFound } from './NoRequestFound/NoRequestFound';
-export { default as PermissionPlay } from './PermissionPlay/PermissionPlay';
-export { default as RequestUrlNotFound } from './RequestUrlNotFound/RequestUrlNotFound';
-export { default as UnableToProcess } from './UnableToProcess/UnableToProcess';
-export { default as UnauthorizedLogin } from './UnauthorizedLogin/UnauthorizedLogin';
-export { default as WillBack } from './WillBack/WillBack';
+export { default as Inconvenience } from "./Inconvenience/Inconvenience";
+export { default as LinkText } from "./LinkText/LinkText";
+export { default as NoRequestFound } from "./NoRequestFound/NoRequestFound";
+export { default as PermissionPlay } from "./PermissionPlay/PermissionPlay";
+export { default as RequestUrlNotFound } from "./RequestUrlNotFound/RequestUrlNotFound";
+export { default as UnableToProcess } from "./UnableToProcess/UnableToProcess";
+export { default as UnauthorizedLogin } from "./UnauthorizedLogin/UnauthorizedLogin";
+export { default as WillBack } from "./WillBack/WillBack";

package/es/form/fields/CheckBoxField/CheckBoxField.js

@@ -1,17 +1,17 @@
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /**** Components ****/
 
 import Label from '@zohodesk/components/lib/Label/Label';
 import CheckBox from '@zohodesk/components/lib/CheckBox/CheckBox';
-import ValidationMessage from '../ValidationMessage/ValidationMessage';
+import ValidationMessage from "../ValidationMessage/ValidationMessage";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import FieldContainer from '../FieldContainer/FieldContainer';
+import FieldContainer from "../FieldContainer/FieldContainer";
 /**** CSS ****/
 
-import style from '../Fields.module.css';
+import style from "../Fields.module.css";
 export default class CheckBoxField extends PureComponent {
   constructor(props) {
     super(props);

package/es/form/fields/CheckBoxField/__tests__/CheckBoxField.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import CheckBoxField from '../CheckBoxField';
+import CheckBoxField from "../CheckBoxField";
 describe('CheckBoxField', () => {
   test('rendering the defult props', () => {
     const {

package/es/form/fields/CheckBoxField/props/defaultProps.js

@@ -1,4 +1,4 @@
-import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
+import { FieldCommonDefaultProps } from "../../props/FieldCommonDefaultProps";
 export const defaultProps = {
   errorType: 'primary',
   fieldSize: 'medium',

package/es/form/fields/CheckBoxField/props/propTypes.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { FieldCommonPropTypes } from '../../props/FieldCommonPropTypes';
+import { FieldCommonPropTypes } from "../../props/FieldCommonPropTypes";
 export const propTypes = {
   checked: PropTypes.bool,
   direction: PropTypes.oneOf(['row', 'column']),