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

package/es/ActionButton/ActionButton.js

@@ -1,13 +1,13 @@
 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 Popup from '@zohodesk/components/lib/Popup/Popup';
 import { Icon } from '@zohodesk/icons';
 import Button from '@zohodesk/components/lib/Button/Button';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';
 import CssProvider from '@zohodesk/components/lib/Provider/CssProvider';
-import style from "./ActionButton.module.css";
+import style from './ActionButton.module.css';
 import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
 export class ActionButton extends React.Component {
   constructor(props) {

package/es/ActionButton/__tests__/ActionButton.spec.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { render, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import ActionButton from "../ActionButton";
+import ActionButton from '../ActionButton';
 describe('ActionButton', () => {
   const palettes = ['primaryFilled', 'primary'];
   const sizes = ['small', 'medium', 'large'];

package/es/AlphabeticList/AlphabeticList.js

@@ -1,11 +1,11 @@
 /*** Libraries ***/
 import React from 'react';
-import { AlphabeticList_defaultProps, AlphabeticListItem_defaultProps } from "./props/defaultProps";
-import { AlphabeticList_propTypes, AlphabeticListItem_propTypes, AlphabeticCharacters, NumberList, AlphabeticCharactersWithHash } from "./props/propTypes";
+import { AlphabeticList_defaultProps, AlphabeticListItem_defaultProps } from './props/defaultProps';
+import { AlphabeticList_propTypes, AlphabeticListItem_propTypes, AlphabeticCharacters, NumberList, AlphabeticCharactersWithHash } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 /*** CSS ***/
 
-import style from "./AlphabeticList.module.css";
+import style from './AlphabeticList.module.css';
 export default class AlphabeticList extends React.PureComponent {
   constructor(props) {
     super(props);

package/es/AlphabeticList/__tests__/AlphabeticList.spec.js

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

package/es/Attachment/Attachment.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, Box } from '@zohodesk/components/lib/Layout';
-import Link from "../Link/Link";
-import style from "./Attachment.module.css";
+import Link from '../Link/Link';
+import style from './Attachment.module.css';
 export default class Attachment extends React.Component {
   render() {
     let {

package/es/Attachment/__tests__/Attachment.spec.js

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

package/es/AttachmentViewer/AttachmentImage.js

@@ -3,13 +3,13 @@
 /** * Libraries ** */
 import React, { Component } from 'react';
 import { Container } from '@zohodesk/components/es/Layout';
-import { AttachmentImage_defaultProps } from "./props/defaultProps";
-import { AttachmentImage_propTypes } from "./props/propTypes";
-import { checkImageValidity } from "./utils";
-import Image from "../Image/Image";
+import { AttachmentImage_defaultProps } from './props/defaultProps';
+import { AttachmentImage_propTypes } from './props/propTypes';
+import { checkImageValidity } from './utils';
+import Image from '../Image/Image';
 /** * CSS ** */
 
-import style from "./AttachmentViewer.module.css";
+import style from './AttachmentViewer.module.css';
 export default class AttachmentImage extends Component {
   constructor(props) {
     super(props);

package/es/AttachmentViewer/AttachmentViewer.js

@@ -1,20 +1,20 @@
 import React, { Component } from 'react';
-import { AttachmentViewer_defaultProps } from "./props/defaultProps";
-import { AttachmentViewer_propTypes } from "./props/propTypes";
+import { AttachmentViewer_defaultProps } from './props/defaultProps';
+import { AttachmentViewer_propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { Icon } from '@zohodesk/icons';
 import Avatar from '@zohodesk/components/lib/Avatar/Avatar';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
 import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
-import AttachmentImage from "./AttachmentImage";
-import Link from "../Link/Link";
-import IconButton from "../IconButton/IconButton";
-import FreezeLayer from "../FreezeLayer/FreezeLayer";
-import { isAudioFile, getExtensionFromFileName } from "./Attachment";
-import { shallowDiff } from "../utils/General";
-import style from "./AttachmentViewer.module.css";
-import { checkFileSourcesValidation } from "./utils";
-import audioThumbNail from "../../images/audio_thumbnail.png";
+import AttachmentImage from './AttachmentImage';
+import Link from '../Link/Link';
+import IconButton from '../IconButton/IconButton';
+import FreezeLayer from '../FreezeLayer/FreezeLayer';
+import { isAudioFile, getExtensionFromFileName } from './Attachment';
+import { shallowDiff } from '../utils/General';
+import style from './AttachmentViewer.module.css';
+import { checkFileSourcesValidation } from './utils';
+import audioThumbNail from '../../images/audio_thumbnail.png';
 export default class AttachmentViewer extends Component {
   constructor(props) {
     super(props);

package/es/AttachmentViewer/__tests__/AttachmentImage.spec.js

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

package/es/AttachmentViewer/__tests__/AttachmentViewer.spec.js

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

package/es/ChannelIcon/ChannelIcon.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 { Icon } from '@zohodesk/icons';
 import Avatar from '@zohodesk/components/lib/Avatar/Avatar';
-import AvatarIcon from "../avatar/AvatarIcon/AvatarIcon";
-import { getChannelMappingObj } from "../utils/ChannelIconMapping";
-import style from "./ChannelIcon.module.css";
+import AvatarIcon from '../avatar/AvatarIcon/AvatarIcon';
+import { getChannelMappingObj } from '../utils/ChannelIconMapping';
+import style from './ChannelIcon.module.css';
 export default class ChannelIcon extends Component {
   constructor(props) {
     super(props);

package/es/ChannelIcon/__tests__/ChannelIcon.spec.js

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

package/es/ChannelIcon/props/propTypes.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import { propTypes as AvatarProps } from '@zohodesk/components/es/Avatar/props/propTypes';
-import { propTypes as AvatarIconProps } from "../../avatar/AvatarIcon/props/propTypes";
+import { propTypes as AvatarIconProps } from '../../avatar/AvatarIcon/props/propTypes';
 import { IconProps as IconPropTypes } from '@zohodesk/icons/es/Icon/props/propTypes';
 export const propTypes = {
   action: PropTypes.string,

package/es/DotProvider/DotProvider.js

@@ -1,6 +1,6 @@
 import React, { useRef, useCallback, forwardRef } from "react";
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import useDotProvider from "./hooks/useDotProvider";
 const DotProvider = /*#__PURE__*/forwardRef((props, ref) => {
   const {

package/es/DotProvider/__tests__/DotProvider.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render, waitFor } from '@testing-library/react';
-import DotProvider from "../DotProvider"; // snapshot test cases
+import DotProvider from '../DotProvider'; // snapshot test cases
 
 describe('DotProvider Snapshot', () => {
   const THEME_APPEARANCE = ['light', 'dark', 'pureDark'];

package/es/DotProvider/hooks/useDotProvider.js

@@ -1,5 +1,5 @@
 import { useLayoutEffect } from 'react';
-import useDownloadAssetsAndSetAttr from "./useDownloadAssetsAndSetAttr";
+import useDownloadAssetsAndSetAttr from './useDownloadAssetsAndSetAttr';
 import '@zohodesk/components/assets/Contrast/lightContrastLightness.module.css';
 import '@zohodesk/components/assets/Contrast/darkContrastLightness.module.css';
 import '@zohodesk/components/assets/Contrast/pureDarkContrastLightness.module.css';
@@ -8,7 +8,7 @@ import '@zohodesk/variables/assets/dotVariables.module.css';
 import '@zohodesk/components/es/common/basic.module.css';
 import '@zohodesk/variables/lib/fontFamilyVariables.module.css';
 import '@zohodesk/components/lib/common/boxShadow.module.css';
-import "../../common/dot_boxShadow.module.css";
+import '../../common/dot_boxShadow.module.css';
 
 function useDotProvider(_ref) {
   let {

package/es/DotProvider/hooks/useDownloadAssetsAndSetAttr.js

@@ -1,8 +1,8 @@
 import { useMemo, useLayoutEffect } from 'react';
-import { getThemeAppearanceAssetPromise } from "../utils/assetPromiseHandlers/themeAppearanceAssetPromise.js";
-import { getThemeColorAssetPromise } from "../utils/assetPromiseHandlers/themeColorAssetPromise.js";
-import { getFontSizeAssetPromise } from "../utils/assetPromiseHandlers/fontSizeAssetPromise.js";
-import { getZoomSizeAssetPromise } from "../utils/assetPromiseHandlers/zoomSizeAssetPromise.js";
+import { getThemeAppearanceAssetPromise } from '../utils/assetPromiseHandlers/themeAppearanceAssetPromise.js';
+import { getThemeColorAssetPromise } from '../utils/assetPromiseHandlers/themeColorAssetPromise.js';
+import { getFontSizeAssetPromise } from '../utils/assetPromiseHandlers/fontSizeAssetPromise.js';
+import { getZoomSizeAssetPromise } from '../utils/assetPromiseHandlers/zoomSizeAssetPromise.js';
 export default function useDownloadAssetsAndSetAttr(_ref) {
   let {
     themeAppearance,

package/es/DotProvider/libraryChunks/appearance/component/Dark_Component.js

@@ -0,0 +1,2 @@
+import '@zohodesk/components/assets/Appearance/dark/mode/Component_DarkMode.module.css';
+import '@zohodesk/components/assets/Appearance/dark/mode/Component_v2_DarkMode.module.css';

package/es/DotProvider/libraryChunks/appearance/component/Light_Component.js

@@ -0,0 +1,2 @@
+import '@zohodesk/components/assets/Appearance/light/mode/Component_LightMode.module.css';
+import '@zohodesk/components/assets/Appearance/light/mode/Component_v2_LightMode.module.css';

package/es/DotProvider/libraryChunks/appearance/component/PureDark_Component.js

@@ -0,0 +1,2 @@
+import '@zohodesk/components/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css';
+import '@zohodesk/components/assets/Appearance/pureDark/mode/Component_v2_PureDarkMode.module.css';

package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js

@@ -1 +1 @@
-import "./../../../../../../assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css";
+import './../../../../../../assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css';

package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js

@@ -1 +1 @@
-import "./../../../../../../assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css";
+import './../../../../../../assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css';

package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js

@@ -1 +1 @@
-import "./../../../../../../assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css";
+import './../../../../../../assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css';

package/es/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js

@@ -1 +1 @@
-import "./../../../../../../assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css";
+import './../../../../../../assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css';

package/es/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js

@@ -1 +1 @@
-import "./../../../../../../assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css";
+import './../../../../../../assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css';

package/es/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js

@@ -1 +1 @@
-import "./../../../../../../assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css";
+import './../../../../../../assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css';

package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js

@@ -1 +1 @@
-import "./../../../../../../assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css";
+import './../../../../../../assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css';

package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js

@@ -1 +1 @@
-import "./../../../../../../assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css";
+import './../../../../../../assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css';

package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js

@@ -1 +1 @@
-import "./../../../../../../assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css";
+import './../../../../../../assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css';

package/es/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js

@@ -1 +1 @@
-import "./../../../../../../assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css";
+import './../../../../../../assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css';

package/es/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js

@@ -1 +1 @@
-import "./../../../../../../assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css";
+import './../../../../../../assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css';

package/es/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js

@@ -1 +1 @@
-import "./../../../../../../assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css";
+import './../../../../../../assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css';

package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js

@@ -1 +1 @@
-import "./../../../../../../assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css";
+import './../../../../../../assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css';

package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js

@@ -1 +1 @@
-import "./../../../../../../assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css";
+import './../../../../../../assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css';

package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js

@@ -1 +1 @@
-import "./../../../../../../assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css";
+import './../../../../../../assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css';

package/es/DotProvider/props/propTypes.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { THEME_APPEARANCES, THEME_COLORS } from "../utils/constants";
+import { THEME_APPEARANCES, THEME_COLORS } from '../utils/constants';
 export const propTypes = {
   themeAppearance: PropTypes.oneOf(THEME_APPEARANCES),
   themeColor: PropTypes.oneOf(THEME_COLORS),

package/es/DotProvider/utils/themeAppearanceAssetsConfig.js

@@ -1,23 +1,23 @@
-import { LIBRARY_COMPONENT, LIBRARY_DOT, LIBRARY_SVG, THEME_APPEARANCE_DARK, THEME_APPEARANCE_LIGHT, THEME_APPEARANCE_PURE_DARK } from "./constants";
+import { LIBRARY_COMPONENT, LIBRARY_DOT, LIBRARY_SVG, THEME_APPEARANCE_DARK, THEME_APPEARANCE_LIGHT, THEME_APPEARANCE_PURE_DARK } from './constants';
 export const themeAppearanceImports = {
   Lib_LightMode_Component: () => import(
   /* webpackChunkName: 'Lib_LightMode_Component' */
-  '@zohodesk/components/assets/Appearance/light/mode/Component_LightMode.module.css'),
+  '../libraryChunks/appearance/component/Light_Component'),
   Lib_DarkMode_Component: () => import(
   /* webpackChunkName: 'Lib_DarkMode_Component' */
-  '@zohodesk/components/assets/Appearance/dark/mode/Component_DarkMode.module.css'),
+  '../libraryChunks/appearance/component/Dark_Component'),
   Lib_PureDarkMode_Component: () => import(
   /* webpackChunkName: 'Lib_PureDarkMode_Component' */
-  '@zohodesk/components/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css'),
+  '../libraryChunks/appearance/component/PureDark_Component'),
   Lib_LightMode_Dot: () => import(
   /* webpackChunkName: 'Lib_LightMode_Dot' */
-  "./../../../assets/Appearance/light/mode/Dot_LightMode.module.css"),
+  './../../../assets/Appearance/light/mode/Dot_LightMode.module.css'),
   Lib_DarkMode_Dot: () => import(
   /* webpackChunkName: 'Lib_DarkMode_Dot' */
-  "./../../../assets/Appearance/dark/mode/Dot_DarkMode.module.css"),
+  './../../../assets/Appearance/dark/mode/Dot_DarkMode.module.css'),
   Lib_PureDarkMode_Dot: () => import(
   /* webpackChunkName: 'Lib_PureDarkMode_Dot' */
-  "./../../../assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css"),
+  './../../../assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css'),
   Lib_LightMode_SVG: () => import(
   /* webpackChunkName: 'Lib_LightMode_SVG' */
   '@zohodesk/svg/assets/Appearance/light/mode/SVG_LightMode.module.css'),

package/es/DotProvider/utils/themeColorAssetsConfig.js

@@ -1,140 +1,140 @@
-import { LIBRARY_COMPONENT, LIBRARY_DOT, LIBRARY_SVG, THEME_APPEARANCE_DARK, THEME_APPEARANCE_LIGHT, THEME_APPEARANCE_PURE_DARK, THEME_COLOR_BLUE, THEME_COLOR_GREEN, THEME_COLOR_ORANGE, THEME_COLOR_RED, THEME_COLOR_YELLOW } from "./constants";
+import { LIBRARY_COMPONENT, LIBRARY_DOT, LIBRARY_SVG, THEME_APPEARANCE_DARK, THEME_APPEARANCE_LIGHT, THEME_APPEARANCE_PURE_DARK, THEME_COLOR_BLUE, THEME_COLOR_GREEN, THEME_COLOR_ORANGE, THEME_COLOR_RED, THEME_COLOR_YELLOW } from './constants';
 export const themeColorImports = {
   Lib_Blue_Light_Component: () => import(
   /* webpackChunkName: 'Lib_Blue_Light_Component' */
-  "../libraryChunks/themes/component/blue/Blue_Light_Component"),
+  '../libraryChunks/themes/component/blue/Blue_Light_Component'),
   Lib_Blue_Dark_Component: () => import(
   /* webpackChunkName: 'Lib_Blue_Dark_Component' */
-  "../libraryChunks/themes/component/blue/Blue_Dark_Component"),
+  '../libraryChunks/themes/component/blue/Blue_Dark_Component'),
   Lib_Blue_PureDark_Component: () => import(
   /* webpackChunkName: 'Lib_Blue_PureDark_Component' */
-  "../libraryChunks/themes/component/blue/Blue_PureDark_Component"),
+  '../libraryChunks/themes/component/blue/Blue_PureDark_Component'),
   Lib_Green_Light_Component: () => import(
   /* webpackChunkName: 'Lib_Green_Light_Component' */
-  "../libraryChunks/themes/component/green/Green_Light_Component"),
+  '../libraryChunks/themes/component/green/Green_Light_Component'),
   Lib_Green_Dark_Component: () => import(
   /* webpackChunkName: 'Lib_Green_Dark_Component' */
-  "../libraryChunks/themes/component/green/Green_Dark_Component"),
+  '../libraryChunks/themes/component/green/Green_Dark_Component'),
   Lib_Green_PureDark_Component: () => import(
   /* webpackChunkName: 'Lib_Green_PureDark_Component' */
-  "../libraryChunks/themes/component/green/Green_PureDark_Component"),
+  '../libraryChunks/themes/component/green/Green_PureDark_Component'),
   Lib_Orange_Light_Component: () => import(
   /* webpackChunkName: 'Lib_Orange_Light_Component' */
-  "../libraryChunks/themes/component/orange/Orange_Light_Component"),
+  '../libraryChunks/themes/component/orange/Orange_Light_Component'),
   Lib_Orange_Dark_Component: () => import(
   /* webpackChunkName: 'Lib_Orange_Dark_Component' */
-  "../libraryChunks/themes/component/orange/Orange_Dark_Component"),
+  '../libraryChunks/themes/component/orange/Orange_Dark_Component'),
   Lib_Orange_PureDark_Component: () => import(
   /* webpackChunkName: 'Lib_Orange_PureDark_Component' */
-  "../libraryChunks/themes/component/orange/Orange_PureDark_Component"),
+  '../libraryChunks/themes/component/orange/Orange_PureDark_Component'),
   Lib_Red_Light_Component: () => import(
   /* webpackChunkName: 'Lib_Red_Light_Component' */
-  "../libraryChunks/themes/component/red/Red_Light_Component"),
+  '../libraryChunks/themes/component/red/Red_Light_Component'),
   Lib_Red_Dark_Component: () => import(
   /* webpackChunkName: 'Lib_Red_Dark_Component' */
-  "../libraryChunks/themes/component/red/Red_Dark_Component"),
+  '../libraryChunks/themes/component/red/Red_Dark_Component'),
   Lib_Red_PureDark_Component: () => import(
   /* webpackChunkName: 'Lib_Red_PureDark_Component' */
-  "../libraryChunks/themes/component/red/Red_PureDark_Component"),
+  '../libraryChunks/themes/component/red/Red_PureDark_Component'),
   Lib_Yellow_Light_Component: () => import(
   /* webpackChunkName: 'Lib_Yellow_Light_Component' */
-  "../libraryChunks/themes/component/yellow/Yellow_Light_Component"),
+  '../libraryChunks/themes/component/yellow/Yellow_Light_Component'),
   Lib_Yellow_Dark_Component: () => import(
   /* webpackChunkName: 'Lib_Yellow_Dark_Component' */
-  "../libraryChunks/themes/component/yellow/Yellow_Dark_Component"),
+  '../libraryChunks/themes/component/yellow/Yellow_Dark_Component'),
   Lib_Yellow_PureDark_Component: () => import(
   /* webpackChunkName: 'Lib_Yellow_PureDark_Component' */
-  "../libraryChunks/themes/component/yellow/Yellow_PureDark_Component"),
+  '../libraryChunks/themes/component/yellow/Yellow_PureDark_Component'),
   Lib_Blue_Light_Dot: () => import(
   /* webpackChunkName: 'Lib_Blue_Light_Dot' */
-  "../libraryChunks/themes/dot/blue/Blue_Light_Dot"),
+  '../libraryChunks/themes/dot/blue/Blue_Light_Dot'),
   Lib_Blue_Dark_Dot: () => import(
   /* webpackChunkName: 'Lib_Blue_Dark_Dot' */
-  "../libraryChunks/themes/dot/blue/Blue_Dark_Dot"),
+  '../libraryChunks/themes/dot/blue/Blue_Dark_Dot'),
   Lib_Blue_PureDark_Dot: () => import(
   /* webpackChunkName: 'Lib_Blue_PureDark_Dot' */
-  "../libraryChunks/themes/dot/blue/Blue_PureDark_Dot"),
+  '../libraryChunks/themes/dot/blue/Blue_PureDark_Dot'),
   Lib_Green_Light_Dot: () => import(
   /* webpackChunkName: 'Lib_Green_Light_Dot' */
-  "../libraryChunks/themes/dot/green/Green_Light_Dot"),
+  '../libraryChunks/themes/dot/green/Green_Light_Dot'),
   Lib_Green_Dark_Dot: () => import(
   /* webpackChunkName: 'Lib_Green_Dark_Dot' */
-  "../libraryChunks/themes/dot/green/Green_Dark_Dot"),
+  '../libraryChunks/themes/dot/green/Green_Dark_Dot'),
   Lib_Green_PureDark_Dot: () => import(
   /* webpackChunkName: 'Lib_Green_PureDark_Dot' */
-  "../libraryChunks/themes/dot/green/Green_PureDark_Dot"),
+  '../libraryChunks/themes/dot/green/Green_PureDark_Dot'),
   Lib_Orange_Light_Dot: () => import(
   /* webpackChunkName: 'Lib_Orange_Light_Dot' */
-  "../libraryChunks/themes/dot/orange/Orange_Light_Dot"),
+  '../libraryChunks/themes/dot/orange/Orange_Light_Dot'),
   Lib_Orange_Dark_Dot: () => import(
   /* webpackChunkName: 'Lib_Orange_Dark_Dot' */
-  "../libraryChunks/themes/dot/orange/Orange_Dark_Dot"),
+  '../libraryChunks/themes/dot/orange/Orange_Dark_Dot'),
   Lib_Orange_PureDark_Dot: () => import(
   /* webpackChunkName: 'Lib_Orange_PureDark_Dot' */
-  "../libraryChunks/themes/dot/orange/Orange_PureDark_Dot"),
+  '../libraryChunks/themes/dot/orange/Orange_PureDark_Dot'),
   Lib_Red_Light_Dot: () => import(
   /* webpackChunkName: 'Lib_Red_Light_Dot' */
-  "../libraryChunks/themes/dot/red/Red_Light_Dot"),
+  '../libraryChunks/themes/dot/red/Red_Light_Dot'),
   Lib_Red_Dark_Dot: () => import(
   /* webpackChunkName: 'Lib_Red_Dark_Dot' */
-  "../libraryChunks/themes/dot/red/Red_Dark_Dot"),
+  '../libraryChunks/themes/dot/red/Red_Dark_Dot'),
   Lib_Red_PureDark_Dot: () => import(
   /* webpackChunkName: 'Lib_Red_PureDark_Dot' */
-  "../libraryChunks/themes/dot/red/Red_PureDark_Dot"),
+  '../libraryChunks/themes/dot/red/Red_PureDark_Dot'),
   Lib_Yellow_Light_Dot: () => import(
   /* webpackChunkName: 'Lib_Yellow_Light_Dot' */
-  "../libraryChunks/themes/dot/yellow/Yellow_Light_Dot"),
+  '../libraryChunks/themes/dot/yellow/Yellow_Light_Dot'),
   Lib_Yellow_Dark_Dot: () => import(
   /* webpackChunkName: 'Lib_Yellow_Dark_Dot' */
-  "../libraryChunks/themes/dot/yellow/Yellow_Dark_Dot"),
+  '../libraryChunks/themes/dot/yellow/Yellow_Dark_Dot'),
   Lib_Yellow_PureDark_Dot: () => import(
   /* webpackChunkName: 'Lib_Yellow_PureDark_Dot' */
-  "../libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot"),
+  '../libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot'),
   Lib_Blue_Light_SVG: () => import(
   /* webpackChunkName: 'Lib_Blue_Light_SVG' */
-  "../libraryChunks/themes/svg/blue/Blue_Light_SVG"),
+  '../libraryChunks/themes/svg/blue/Blue_Light_SVG'),
   Lib_Blue_Dark_SVG: () => import(
   /* webpackChunkName: 'Lib_Blue_Dark_SVG' */
-  "../libraryChunks/themes/svg/blue/Blue_Dark_SVG"),
+  '../libraryChunks/themes/svg/blue/Blue_Dark_SVG'),
   Lib_Blue_PureDark_SVG: () => import(
   /* webpackChunkName: 'Lib_Blue_PureDark_SVG' */
-  "../libraryChunks/themes/svg/blue/Blue_PureDark_SVG"),
+  '../libraryChunks/themes/svg/blue/Blue_PureDark_SVG'),
   Lib_Green_Light_SVG: () => import(
   /* webpackChunkName: 'Lib_Green_Light_SVG' */
-  "../libraryChunks/themes/svg/green/Green_Light_SVG"),
+  '../libraryChunks/themes/svg/green/Green_Light_SVG'),
   Lib_Green_Dark_SVG: () => import(
   /* webpackChunkName: 'Lib_Green_Dark_SVG' */
-  "../libraryChunks/themes/svg/green/Green_Dark_SVG"),
+  '../libraryChunks/themes/svg/green/Green_Dark_SVG'),
   Lib_Green_PureDark_SVG: () => import(
   /* webpackChunkName: 'Lib_Green_PureDark_SVG' */
-  "../libraryChunks/themes/svg/green/Green_PureDark_SVG"),
+  '../libraryChunks/themes/svg/green/Green_PureDark_SVG'),
   Lib_Orange_Light_SVG: () => import(
   /* webpackChunkName: 'Lib_Orange_Light_SVG' */
-  "../libraryChunks/themes/svg/orange/Orange_Light_SVG"),
+  '../libraryChunks/themes/svg/orange/Orange_Light_SVG'),
   Lib_Orange_Dark_SVG: () => import(
   /* webpackChunkName: 'Lib_Orange_Dark_SVG' */
-  "../libraryChunks/themes/svg/orange/Orange_Dark_SVG"),
+  '../libraryChunks/themes/svg/orange/Orange_Dark_SVG'),
   Lib_Orange_PureDark_SVG: () => import(
   /* webpackChunkName: 'Lib_Orange_PureDark_SVG' */
-  "../libraryChunks/themes/svg/orange/Orange_PureDark_SVG"),
+  '../libraryChunks/themes/svg/orange/Orange_PureDark_SVG'),
   Lib_Red_Light_SVG: () => import(
   /* webpackChunkName: 'Lib_Red_Light_SVG' */
-  "../libraryChunks/themes/svg/red/Red_Light_SVG"),
+  '../libraryChunks/themes/svg/red/Red_Light_SVG'),
   Lib_Red_Dark_SVG: () => import(
   /* webpackChunkName: 'Lib_Red_Dark_SVG' */
-  "../libraryChunks/themes/svg/red/Red_Dark_SVG"),
+  '../libraryChunks/themes/svg/red/Red_Dark_SVG'),
   Lib_Red_PureDark_SVG: () => import(
   /* webpackChunkName: 'Lib_Red_PureDark_SVG' */
-  "../libraryChunks/themes/svg/red/Red_PureDark_SVG"),
+  '../libraryChunks/themes/svg/red/Red_PureDark_SVG'),
   Lib_Yellow_Light_SVG: () => import(
   /* webpackChunkName: 'Lib_Yellow_Light_SVG' */
-  "../libraryChunks/themes/svg/yellow/Yellow_Light_SVG"),
+  '../libraryChunks/themes/svg/yellow/Yellow_Light_SVG'),
   Lib_Yellow_Dark_SVG: () => import(
   /* webpackChunkName: 'Lib_Yellow_Dark_SVG' */
-  "../libraryChunks/themes/svg/yellow/Yellow_Dark_SVG"),
+  '../libraryChunks/themes/svg/yellow/Yellow_Dark_SVG'),
   Lib_Yellow_PureDark_SVG: () => import(
   /* webpackChunkName: 'Lib_Yellow_PureDark_SVG' */
-  "../libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG")
+  '../libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG')
 };
 export const themeColorMapping = {
   [LIBRARY_COMPONENT]: {

package/es/Drawer/Drawer.js

@@ -1,17 +1,17 @@
 import React from 'react';
-import { Header_defaultProps, Footer_defaultProps, Drawer_defaultProps } from "./props/defaultProps";
-import { Header_propTypes, Content_propTypes, Footer_propTypes, Drawer_propTypes } from "./props/propTypes";
-import FreezeLayer from "../FreezeLayer/FreezeLayer";
+import { Header_defaultProps, Footer_defaultProps, Drawer_defaultProps } from './props/defaultProps';
+import { Header_propTypes, Content_propTypes, Footer_propTypes, Drawer_propTypes } from './props/propTypes';
+import FreezeLayer from '../FreezeLayer/FreezeLayer';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { Card, CardHeader, CardContent } from '@zohodesk/components/lib/Card';
-import FormAction from "../FormAction/FormAction";
+import FormAction from '../FormAction/FormAction';
 import VelocityAnimationGroup from '@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
 import { ResponsiveSender, ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
 import Heading from '@zohodesk/components/lib/Heading/Heading';
-import IconButton from "../IconButton/IconButton";
+import IconButton from '../IconButton/IconButton';
 import { Icon } from '@zohodesk/icons';
 import { getZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
-import style from "./Drawer.module.css";
+import style from './Drawer.module.css';
 import FocusScope from '@zohodesk/a11y/es/FocusScope/FocusScope';
 export class Header extends React.Component {
   render() {

package/es/Drawer/__tests__/Content.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import { Content } from "../Drawer";
+import { Content } from '../Drawer';
 const paddingSizes = ['small', 'medium', 'large'];
 const visibilityStates = [true, false];
 describe('Content Component Snapshots', () => {