@zohodesk/dot 1.0.0-temp-203.7 → 1.0.0-temp-204.7

package/assets/Appearance/dark/mode/Dot_DarkMode.module.css

@@ -435,6 +435,7 @@
 	--zdt_commonalert_default_border: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_success_border: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_info_border: var(--zdt_cta_primary_border);
+	--zdt_commonalert_info_static_border: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_danger_border: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_error_border: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_warning_border: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
@@ -443,6 +444,7 @@
 	--zdt_commonalert_close_hover_bg: hsla(338, 20.55%, calc(28.63% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_success_hover_bg: hsla(159, 27.87%, calc(23.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_info_hover_bg: var(--zdt_cta_primary_light_bg);
+	--zdt_commonalert_info_static_hover_bg: hsla(213, 27.27%, calc(23.73% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_plaininfo_hover_bg: hsla(217, 23.23%, calc(19.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_danger_hover_bg: hsla(338, 20.55%, calc(28.63% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_error_hover_bg: hsla(338, 20.55%, calc(28.63% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -452,6 +454,7 @@
 	--zdt_commonalert_default_icon: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_success_icon: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_info_icon: var(--zdt_cta_primary_border);
+	--zdt_commonalert_info_static_icon: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_danger_icon: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_error_icon: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_warning_icon: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
@@ -467,7 +470,9 @@
 	--zdt_globalnotification_success_bg: hsla(201, 22.33%, calc(20.20% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_success_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_info_bg: var(--zdtm_cta_primary_light_bg_darker_lowest);
+	--zdt_globalnotification_info_static_bg: hsla(213, 27.27%, calc(23.73% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_info_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_globalnotification_info_static_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_danger_bg: hsla(236, 12.50%, calc(21.96% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_danger_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_error_bg: hsla(236, 12.50%, calc(21.96% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));

package/assets/Appearance/light/mode/Dot_LightMode.module.css

@@ -435,6 +435,7 @@
 	--zdt_commonalert_default_border: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_success_border: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_info_border: var(--zdt_cta_primary_border);
+	--zdt_commonalert_info_static_border: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_danger_border: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_error_border: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_warning_border: hsla(26, 100.00%, calc(50.00% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
@@ -443,6 +444,7 @@
 	--zdt_commonalert_close_hover_bg: hsla(0, 73.91%, calc(95.49% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_success_hover_bg: hsla(146, 46.67%, calc(94.12% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_info_hover_bg: var(--zdt_cta_primary_light_bg);
+	--zdt_commonalert_info_static_hover_bg: hsla(212, 86.67%, calc(97.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_plaininfo_hover_bg: hsla(212, 80.95%, calc(95.88% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_danger_hover_bg: hsla(0, 73.91%, calc(95.49% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_error_hover_bg: hsla(0, 73.91%, calc(95.49% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -452,6 +454,7 @@
 	--zdt_commonalert_default_icon: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_success_icon: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_info_icon: var(--zdt_cta_primary_border);
+	--zdt_commonalert_info_static_icon: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_danger_icon: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_error_icon: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_warning_icon: hsla(26, 100.00%, calc(50.00% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
@@ -467,7 +470,9 @@
 	--zdt_globalnotification_success_bg: hsla(143, 44.44%, calc(96.47% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_success_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_info_bg: var(--zdtm_cta_primary_light_bg_darker_lowest);
+	--zdt_globalnotification_info_static_bg: hsla(212, 86.67%, calc(97.06% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_info_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_globalnotification_info_static_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_danger_bg: hsla(0, 71.43%, calc(97.25% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_danger_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_error_bg: hsla(0, 71.43%, calc(97.25% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));

package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css

@@ -435,6 +435,7 @@
 	--zdt_commonalert_default_border: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_success_border: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_info_border: var(--zdt_cta_primary_border);
+	--zdt_commonalert_info_static_border: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_danger_border: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_error_border: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_warning_border: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
@@ -443,6 +444,7 @@
 	--zdt_commonalert_close_hover_bg: hsla(338, 20.55%, calc(28.63% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_success_hover_bg: hsla(159, 27.87%, calc(23.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_info_hover_bg: var(--zdt_cta_primary_light_bg);
+	--zdt_commonalert_info_static_hover_bg: hsla(213, 19.57%, calc(18.04% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_plaininfo_hover_bg: hsla(217, 23.23%, calc(19.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_danger_hover_bg: hsla(338, 20.55%, calc(28.63% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_error_hover_bg: hsla(338, 20.55%, calc(28.63% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -452,6 +454,7 @@
 	--zdt_commonalert_default_icon: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_success_icon: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_info_icon: var(--zdt_cta_primary_border);
+	--zdt_commonalert_info_static_icon: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_danger_icon: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_error_icon: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_warning_icon: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
@@ -467,7 +470,9 @@
 	--zdt_globalnotification_success_bg: hsla(133, 10.84%, calc(16.27% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_success_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_info_bg: var(--zdtm_cta_primary_light_bg_darker_lowest);
+	--zdt_globalnotification_info_static_bg: hsla(213, 19.57%, calc(18.04% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_info_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_globalnotification_info_static_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_danger_bg: hsla(0, 0.00%, calc(15.69% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_danger_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_error_bg: hsla(0, 0.00%, calc(15.69% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));

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,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import ActionButton from '../ActionButton';
+import ActionButton from "../ActionButton";
 describe('ActionButton', () => {
   test('rendering the defult props', () => {
     const {

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/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'),