@zohodesk/dot 1.0.0-temp-206.2 → 1.0.0-temp-200.4

package/es/svg/__tests__/PlusIcon.spec.js

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

package/es/svg/__tests__/SnippetIcon.spec.js

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

package/es/svg/__tests__/TemplateIcon.spec.js

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

package/es/svg/index.js

@@ -1,3 +1,3 @@
-export { default as PlusIcon } from './PlusIcon';
-export { default as SnippetIcon } from './SnippetIcon';
-export { default as TemplateIcon } from './TemplateIcon';
+export { default as PlusIcon } from "./PlusIcon";
+export { default as SnippetIcon } from "./SnippetIcon";
+export { default as TemplateIcon } from "./TemplateIcon";

package/es/v1/ActionButton/ActionButton.js

@@ -1,6 +1,6 @@
 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/es/v1/Popup/Popup';
 import { Icon } from '@zohodesk/icons';
 import Button from '@zohodesk/components/es/v1/Button/Button';
@@ -8,7 +8,7 @@ import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import ResponsiveDropBox from '@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox';
 import CssProvider from '@zohodesk/components/es/Provider/CssProvider';
 import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
-import style from '../../ActionButton/ActionButton.module.css';
+import style from "../../ActionButton/ActionButton.module.css";
 
 function ActionButton(props) {
   let {

package/es/v1/AlphabeticList/AlphabeticList.js

@@ -1,11 +1,11 @@
 /*** Libraries ***/
 import React, { memo } 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/es/v1/Layout';
 /*** CSS ***/
 
-import style from '../../AlphabeticList/AlphabeticList.module.css';
+import style from "../../AlphabeticList/AlphabeticList.module.css";
 const AlphabeticListItemMemo = /*#__PURE__*/memo(AlphabeticListItem);
 
 function AlphabeticList(props) {

package/es/v1/Attachment/Attachment.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";
 import { Icon } from '@zohodesk/icons';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import Link from '../Link/Link';
+import Link from "../Link/Link";
 /**** CSS ****/
 
-import style from '../../Attachment/Attachment.module.css';
+import style from "../../Attachment/Attachment.module.css";
 
 const Attachment = props => {
   const {

package/es/v1/AttachmentViewer/AttachmentImage.js

@@ -4,13 +4,13 @@
 import React, { useRef, useEffect, useState } from 'react';
 import { useEffectCallOnlyAfterState } from '@zohodesk/hooks';
 import { Container } from '@zohodesk/components/es/Layout';
-import { AttachmentImage_defaultProps } from './props/defaultProps';
-import { AttachmentImage_propTypes } from './props/propTypes';
-import { checkImageValidity } from '../../AttachmentViewer/utils';
-import Image from '../Image/Image';
+import { AttachmentImage_defaultProps } from "./props/defaultProps";
+import { AttachmentImage_propTypes } from "./props/propTypes";
+import { checkImageValidity } from "../../AttachmentViewer/utils";
+import Image from "../Image/Image";
 /** * CSS ** */
 
-import style from '../../AttachmentViewer/AttachmentViewer.module.css';
+import style from "../../AttachmentViewer/AttachmentViewer.module.css";
 
 const AttachmentImage = props => {
   const {

package/es/v1/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/es/v1/Layout';
 import { Icon } from '@zohodesk/icons';
 import Avatar from '@zohodesk/components/es/v1/Avatar/Avatar';
 import { ResponsiveReceiver } from '@zohodesk/components/es/Responsive/CustomResponsive';
 import { getUniqueId } from '@zohodesk/components/es/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 '../../AttachmentViewer/Attachment';
-import { checkFileSourcesValidation } from '../../AttachmentViewer/utils';
-import audioThumbNail from '../../../images/audio_thumbnail.png';
-import { shallowDiff } from '../../utils/General';
-import style from '../../AttachmentViewer/AttachmentViewer.module.css';
+import AttachmentImage from "./AttachmentImage";
+import Link from "../Link/Link";
+import IconButton from "../IconButton/IconButton";
+import FreezeLayer from "../FreezeLayer/FreezeLayer";
+import { isAudioFile, getExtensionFromFileName } from "../../AttachmentViewer/Attachment";
+import { checkFileSourcesValidation } from "../../AttachmentViewer/utils";
+import audioThumbNail from "../../../images/audio_thumbnail.png";
+import { shallowDiff } from "../../utils/General";
+import style from "../../AttachmentViewer/AttachmentViewer.module.css";
 export default class AttachmentViewer extends Component {
   constructor(props) {
     super(props);

package/es/v1/ChannelIcon/ChannelIcon.js

@@ -1,11 +1,11 @@
 import React, { Component } from 'react';
 import { Icon } from '@zohodesk/icons';
 import Avatar from '@zohodesk/components/es/v1/Avatar/Avatar';
-import AvatarIcon from '../avatar/AvatarIcon/AvatarIcon';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import { getChannelMappingObj } from '../utils/ChannelIconMapping';
-import style from '../../ChannelIcon/ChannelIcon.module.css';
+import AvatarIcon from "../avatar/AvatarIcon/AvatarIcon";
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import { getChannelMappingObj } from "../utils/ChannelIconMapping";
+import style from "../../ChannelIcon/ChannelIcon.module.css";
 
 const ChannelIcon = props => {
   let {

package/es/v1/Drawer/Drawer.js

@@ -1,6 +1,6 @@
 import React, { useRef } 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 { Header_defaultProps, Footer_defaultProps, Drawer_defaultProps } from "./props/defaultProps";
+import { Header_propTypes, Content_propTypes, Footer_propTypes, Drawer_propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import { Card, CardHeader, CardContent } from '@zohodesk/components/es/v1/Card';
 import VelocityAnimationGroup from '@zohodesk/components/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
@@ -9,10 +9,10 @@ import { Icon } from '@zohodesk/icons';
 import { useZIndex } from '@zohodesk/components/es/Provider/ZindexProvider';
 import FocusScope from '@zohodesk/a11y/es/FocusScope/FocusScope';
 import Heading from '@zohodesk/components/es/v1/Heading/Heading';
-import FreezeLayer from '../FreezeLayer/FreezeLayer';
-import FormAction from '../FormAction/FormAction';
-import IconButton from '../IconButton/IconButton';
-import style from '../../Drawer/Drawer.module.css';
+import FreezeLayer from "../FreezeLayer/FreezeLayer";
+import FormAction from "../FormAction/FormAction";
+import IconButton from "../IconButton/IconButton";
+import style from "../../Drawer/Drawer.module.css";
 export function Header(props) {
   let {
     title,

package/es/v1/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/ExternalLink.module.css';
+import style from "../../ExternalLink/ExternalLink.module.css";
 
 const ExternalLink = props => {
   const {

package/es/v1/FlipCard/FlipCard.js

@@ -1,14 +1,14 @@
 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 CheckBox from '@zohodesk/components/es/v1/CheckBox/CheckBox';
 import { Container } from '@zohodesk/components/es/v1/Layout';
 import AvatarSize from '@zohodesk/components/es/Provider/AvatarSize';
-import ChannelIcon from '../ChannelIcon/ChannelIcon';
-import AvatarIcon from '../avatar/AvatarIcon/AvatarIcon';
-import AvatarUser from '../avatar/AvatarUser/AvatarUser';
-import { stopBubbling } from '../../utils/General';
-import style from '../../FlipCard/FlipCard.module.css';
+import ChannelIcon from "../ChannelIcon/ChannelIcon";
+import AvatarIcon from "../avatar/AvatarIcon/AvatarIcon";
+import AvatarUser from "../avatar/AvatarUser/AvatarUser";
+import { stopBubbling } from "../../utils/General";
+import style from "../../FlipCard/FlipCard.module.css";
 export default function FlipCard(props) {
   let {
     id,

package/es/v1/FormAction/FormAction.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 { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import style from '../../FormAction/FormAction.module.css';
+import style from "../../FormAction/FormAction.module.css";
 export const LeftSide = props => {
   props.children;
 };

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

package/es/v1/GlobalNotification/GlobalNotification.js

@@ -1,12 +1,12 @@
 import React, { useEffect } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes, UI_propTypes, new_propTypes } from './props/propTypes';
-import AutoClose from '../../actions/AutoClose';
-import AlertIcons from '../alert/alertIcons/AlertIcons';
-import AlertClose from '../alert/AlertClose/AlertClose';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes, UI_propTypes, new_propTypes } from "./props/propTypes";
+import AutoClose from "../../actions/AutoClose";
+import AlertIcons from "../alert/alertIcons/AlertIcons";
+import AlertClose from "../alert/AlertClose/AlertClose";
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
-import style from '../../version2/GlobalNotification/GlobalNotification.module.css';
+import style from "../../version2/GlobalNotification/GlobalNotification.module.css";
 export default function GlobalNotification(props) {
   let {
     type,

package/es/v1/IconButton/IconButton.js

@@ -1,11 +1,11 @@
 import React, { useState } 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/es/v1/Layout';
 import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
 import RippleEffect from '@zohodesk/components/es/v1/RippleEffect/RippleEffect';
-import style from '../../IconButton/IconButton.module.css';
+import style from "../../IconButton/IconButton.module.css";
 export default function IconButton(props) {
   let {
     palette,

package/es/v1/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/Image.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import style from "../../Image/Image.module.css";
 export default function Image(props) {
   let {
     alt,

package/es/v1/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/es/v1/Layout';
 import { Icon } from '@zohodesk/icons';
-import style from '../../ImportantNotes/ImportantNotes.module.css';
+import style from "../../ImportantNotes/ImportantNotes.module.css";
 export default function ImportantNotes(props) {
   let {
     text,

package/es/v1/Link/Link.js

@@ -1,9 +1,9 @@
 import React, { useContext, useRef } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
-import LinkContext from '../../Link/LinkContext';
-import style from '../../Link/Link.module.css';
+import LinkContext from "../../Link/LinkContext";
+import style from "../../Link/Link.module.css";
 export default function Link(props) {
   let {
     children,

package/es/v1/Loader/Loader.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useZIndex } from '@zohodesk/components/es/Provider/ZindexProvider';
-import style from '../../Loader/Loader.module.css';
+import style from "../../Loader/Loader.module.css";
 export default function Loader() {
   let getNextId = useZIndex();
   let Zindex = getNextId();

package/es/v1/Message/Message.js

@@ -1,9 +1,9 @@
 import React, { useState, useEffect } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes, MessageUI_propTypes, MessageNew_propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes, MessageUI_propTypes, MessageNew_propTypes } from "./props/propTypes";
 import { Icon } from '@zohodesk/icons';
-import AutoClose from '../actions/AutoClose';
-import style from '../../Message/Message.module.css';
+import AutoClose from "../actions/AutoClose";
+import style from "../../Message/Message.module.css";
 export default function Message(props) {
   // constructor(props) {
   //   super(props);

package/es/v1/Message/props/propTypes.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { propTypes as AutoClose_PropTypes } from '../../actions/props/propTypes';
+import { propTypes as AutoClose_PropTypes } from "../../actions/props/propTypes";
 export const propTypes = {
   hideMessage: PropTypes.func,
   showMessage: PropTypes.bool,

package/es/v1/MessageBanner/MessageBanner.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import Link from '../Link/Link';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import Link from "../Link/Link";
 import { Icon } from '@zohodesk/icons';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import style from '../../MessageBanner/MessageBanner.module.css';
+import style from "../../MessageBanner/MessageBanner.module.css";
 export default function MessageBanner(props) {
   let {
     type,

package/es/v1/NewStar/NewStar.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { Icon } from '@zohodesk/icons';
 import { Container } from '@zohodesk/components/es/v1/Layout';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import style from '../../NewStar/NewStar.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import style from "../../NewStar/NewStar.module.css";
 
 const NewStar = props => {
   const {

package/es/v1/PlusIcon/PlusIcon.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import style from '../../PlusIcon/PlusIcon.module.css';
-import AvatarIcon from '../avatar/AvatarIcon/AvatarIcon';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import style from "../../PlusIcon/PlusIcon.module.css";
+import AvatarIcon from "../avatar/AvatarIcon/AvatarIcon";
 export default function PlusIcon(props) {
   let {
     dataId,

package/es/v1/Separator/Separator.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import style from '../../Separator/Separator.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import style from "../../Separator/Separator.module.css";
 export default function Separator(props) {
   const {
     children,

package/es/v1/TagWithIcon/TagWithIcon.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/es/v1/Layout';
 import Icon from '@zohodesk/icons/es/Icon';
-import style from '../../TagWithIcon/TagWithIcon.module.css';
+import style from "../../TagWithIcon/TagWithIcon.module.css";
 export default function TagWithIcon(props) {
   const {
     text,

package/es/v1/ToastMessage/ToastMessage.js

@@ -1,16 +1,16 @@
 import React, { useState } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes'; //components
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes"; //components
 
 import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
 import { Icon } from '@zohodesk/icons';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import { useZIndex } from '@zohodesk/components/es/Provider/ZindexProvider';
 import { useUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
-import AutoClose from '../actions/AutoClose';
+import AutoClose from "../actions/AutoClose";
 import a11yStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css'; //style
 
-import style from '../../ToastMessage/ToastMessage.module.css';
+import style from "../../ToastMessage/ToastMessage.module.css";
 
 function ToastMessageUI(props) {
   let [messageState, setMessageState] = useState(props.messageState);

package/es/v1/Upload/Upload.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/es/v1/Layout';
-import Image from '../Image/Image';
-import style from '../../Upload/Upload.module.css';
+import Image from "../Image/Image";
+import style from "../../Upload/Upload.module.css";
 export default function Upload(props) {
   let {
     isPreview,

package/es/v1/actions/AutoClose.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 export default function AutoClose(props) {
   let {
     Element,

package/es/v1/alert/AlertClose/AlertClose.js

@@ -1,9 +1,9 @@
 /*** Libraries ***/
 import React, { memo } from 'react';
-import { propTypes } from './props/propTypes';
+import { propTypes } from "./props/propTypes";
 import { Icon } from '@zohodesk/icons';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import style from '../../../version2/AlertClose/AlertClose.module.css';
+import style from "../../../version2/AlertClose/AlertClose.module.css";
 
 function AlertClose(props) {
   let {

package/es/v1/alert/AlertHeader/AlertHeader.js

@@ -1,17 +1,17 @@
 import React, { useRef } from 'react'; //AlertDependencies
 
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import AlertClose from '../AlertClose/AlertClose';
-import AlertIcons from '../alertIcons/AlertIcons'; //CSS
+import AlertClose from "../AlertClose/AlertClose";
+import AlertIcons from "../alertIcons/AlertIcons"; //CSS
 
-import style from '../../../version2/lookup/AlertHeader/css/AlertHeaderNew.module.css';
-import cssJSLogic from '../../../version2/lookup/AlertHeader/css/cssJSLogic';
+import style from "../../../version2/lookup/AlertHeader/css/AlertHeaderNew.module.css";
+import cssJSLogic from "../../../version2/lookup/AlertHeader/css/cssJSLogic";
 import { mergeStyle } from '@zohodesk/utils'; //customHooks
 
-import useDragger from '../../../Hooks/Dragger/useDragger'; //Props
+import useDragger from "../../../Hooks/Dragger/useDragger"; //Props
 
-import defaultProps from './props/defaultProps';
-import propTypes from './props/propTypes';
+import defaultProps from "./props/defaultProps";
+import propTypes from "./props/propTypes";
 export default function AlertHeader(props) {
   const {
     title,

package/es/v1/alert/AlertLookup/AlertLookup.js

@@ -1,19 +1,19 @@
 /**** 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 { useUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
 import Button from '@zohodesk/components/es/v1/Button/Button';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import Lookup from '../../lookup/Lookup/Lookup';
-import AlertHeader from '../AlertHeader/AlertHeader';
-import Section from '../../lookup/Section/Section';
-import FormAction from '../../FormAction/FormAction';
+import Lookup from "../../lookup/Lookup/Lookup";
+import AlertHeader from "../AlertHeader/AlertHeader";
+import Section from "../../lookup/Section/Section";
+import FormAction from "../../FormAction/FormAction";
 /**** CSS ****/
 
-import style from '../../../version2/lookup/AlertLookup/AlertLookupNew.module.css';
+import style from "../../../version2/lookup/AlertLookup/AlertLookupNew.module.css";
 let buttonPaletteObject = {
   success: {
     buttonPalette: 'successFilled'

package/es/v1/alert/alertIcons/AlarmAlertIcon.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { AlarmAlertIcon_defaultProps } from './props/defaultProps';
-import { AlarmAlertIcon_propTypes } from './props/propTypes';
-import style from '../../../version2/alertIcons/AlertIcons.module.css';
+import { AlarmAlertIcon_defaultProps } from "./props/defaultProps";
+import { AlarmAlertIcon_propTypes } from "./props/propTypes";
+import style from "../../../version2/alertIcons/AlertIcons.module.css";
 export default function AlarmAlertIcon(props) {
   let {
     variant,

package/es/v1/alert/alertIcons/AlertIcons.js

@@ -1,13 +1,13 @@
 import React from 'react';
-import { AlertIcons_defaultProps } from './props/defaultProps';
-import { AlertIcons_propTypes } from './props/propTypes';
-import DangerAlertIcon from './DangerAlertIcon';
-import SuccessAlertIcon from './SuccessAlertIcon';
-import WarningAlertIcon from './WarningAlertIcon';
-import InfoAlertIcon from './InfoAlertIcon';
-import NotificationAlertIcon from './NotificationAlertIcon';
-import AlarmAlertIcon from './AlarmAlertIcon';
-import style from '../../../version2/alertIcons/AlertIcons.module.css';
+import { AlertIcons_defaultProps } from "./props/defaultProps";
+import { AlertIcons_propTypes } from "./props/propTypes";
+import DangerAlertIcon from "./DangerAlertIcon";
+import SuccessAlertIcon from "./SuccessAlertIcon";
+import WarningAlertIcon from "./WarningAlertIcon";
+import InfoAlertIcon from "./InfoAlertIcon";
+import NotificationAlertIcon from "./NotificationAlertIcon";
+import AlarmAlertIcon from "./AlarmAlertIcon";
+import style from "../../../version2/alertIcons/AlertIcons.module.css";
 let alertIconsObject = {
   success: {
     AlertIcon: SuccessAlertIcon