@zohodesk/dot 1.7.3 → 1.7.5

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/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,4 +1,4 @@
-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' */
@@ -11,13 +11,13 @@ export const themeAppearanceImports = {
   '@zohodesk/components/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css'),
   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__/Drawer.spec.js

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

package/es/Drawer/index.js

@@ -1 +1 @@
-export { Header, Content, Footer, default as Drawer } from "./Drawer";
+export { Header, Content, Footer, default as Drawer } from './Drawer';

package/es/ExternalLink/ExternalLink.js

@@ -1,10 +1,10 @@
 /**** 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';
 /**** CSS ****/
 
-import style from "./ExternalLink.module.css";
+import style from './ExternalLink.module.css';
 export default class ExternalLink extends React.Component {
   addHttp(url) {
     const regEx = new RegExp(/(^(ftp|https|mailto|tel|http|simplehelp|dynamicsnav?):)/i);

package/es/ExternalLink/__tests__/ExternalLink.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import ExternalLink from "../ExternalLink";
+import ExternalLink from '../ExternalLink';
 describe('ExternalLink', () => {
   const target = ['_blank', '_self'];
   test('renders with default props', () => {

package/es/FlipCard/FlipCard.js

@@ -1,14 +1,14 @@
 import React, { Component } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import AvatarUser from "../avatar/AvatarUser/AvatarUser";
-import AvatarIcon from "../avatar/AvatarIcon/AvatarIcon";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import AvatarUser from '../avatar/AvatarUser/AvatarUser';
+import AvatarIcon from '../avatar/AvatarIcon/AvatarIcon';
 import CheckBox from '@zohodesk/components/lib/CheckBox/CheckBox';
 import { Container } from '@zohodesk/components/lib/Layout';
-import ChannelIcon from "../ChannelIcon/ChannelIcon";
+import ChannelIcon from '../ChannelIcon/ChannelIcon';
 import AvatarSize from '@zohodesk/components/lib/Provider/AvatarSize';
-import style from "./FlipCard.module.css";
-import { stopBubbling } from "../utils/General";
+import style from './FlipCard.module.css';
+import { stopBubbling } from '../utils/General';
 export default class FlipCard extends Component {
   constructor(props) {
     super(props);

package/es/FlipCard/__tests__/FlipCard.spec.js

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

package/es/FormAction/FormAction.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import style from "./FormAction.module.css";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import style from './FormAction.module.css';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 export const LeftSide = props => {
   props.children;

package/es/FormAction/__tests__/FormAction.spec.js

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

package/es/FreezeLayer/FreezeLayer.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 { Container } from '@zohodesk/components/lib/Layout';
 import { mergeStyle } from '@zohodesk/utils';
 import VelocityAnimationGroup from '@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
 import { useZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
-import cssJSLogic from "./css/cssJSLogic";
-import useFreezeLayer from "../Hooks/useFreezeLayer";
-import style from "./css/FreezeLayer.module.css";
+import cssJSLogic from './css/cssJSLogic';
+import useFreezeLayer from '../Hooks/useFreezeLayer';
+import style from './css/FreezeLayer.module.css';
 export default function FreezeLayer(props) {
   let {
     isActive: propsActive,

package/es/FreezeLayer/__tests__/FreezeLayer.spec.js

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

package/es/FreezeLayer/index.js

@@ -1,2 +1,2 @@
-export { default as FreezeLayer } from "./FreezeLayer";
-export { default as FreezeLayerPropTypes } from "./props/propTypes";
+export { default as FreezeLayer } from './FreezeLayer';
+export { default as FreezeLayerPropTypes } from './props/propTypes';

package/es/Hooks/Dragger/useDragger.js

@@ -1,14 +1,14 @@
 //Hooks from React
 import { useEffect, useRef, useCallback } from 'react'; //CustomFunction
 
-import { DragPosCalc } from "./utils/DraggerUtil"; //GlobalConfig
+import { DragPosCalc } from './utils/DraggerUtil'; //GlobalConfig
 
-import { getDotLibraryConfig } from "../../Provider/Config"; //Props
+import { getDotLibraryConfig } from '../../Provider/Config'; //Props
 
-import defaultProps from "./props/defaultProps";
-import propTypes from "./props/propTypes"; //CSS
+import defaultProps from './props/defaultProps';
+import propTypes from './props/propTypes'; //CSS
 
-import style from "./css/Dragger.module.css";
+import style from './css/Dragger.module.css';
 export default function useDragger(_ref) {
   let {
     isActive,

package/es/Hooks/useFreezeLayer.js

@@ -1,6 +1,6 @@
 import React, { useRef, useState, useEffect } from 'react';
 import { isTextSelected, cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
-import { getDotLibraryConfig } from "../Provider/Config";
+import { getDotLibraryConfig } from '../Provider/Config';
 export default function useFreezeLayer(_ref) {
   let {
     isActive: propsActive,

package/es/IconButton/IconButton.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 { Icon } from '@zohodesk/icons';
 import { Container } from '@zohodesk/components/lib/Layout';
 import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
 import RippleEffect from '@zohodesk/components/lib/RippleEffect/RippleEffect';
-import style from "./IconButton.module.css";
+import style from './IconButton.module.css';
 export default class IconButton extends React.Component {
   constructor(props) {
     super(props);

package/es/IconButton/__tests__/IconButton.spec.js

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

package/es/Image/Image.js

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

package/es/Image/__tests__/Image.spec.js

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

package/es/ImportantNotes/ImportantNotes.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 { Container, Box } from '@zohodesk/components/lib/Layout';
 import { Icon } from '@zohodesk/icons';
-import style from "./ImportantNotes.module.css";
+import style from './ImportantNotes.module.css';
 export default class ImportantNotes extends React.Component {
   constructor(props) {
     super(props);

package/es/ImportantNotes/__tests__/ImportantNotes.spec.js

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