@zohodesk/dot 1.0.0-temp-198.2 → 1.0.0-temp-197.6

package/es/FormAction/FormAction.module.css

@@ -1,101 +1,101 @@
-.varClass {
-  --footerBg: var(--zdt_formAction_bg);
-  --footerBorder: var(--zdt_formAction_border);
-}
-
-.wrapperDiv {
-  position: relative;
-  z-index: 1;
-  composes: varClass;
-}
-
-.footerParent {
-  position: relative;
-  /* css:theme-validation:ignore */
-  /* css:theme-validation:ignore */
-  background-color: var(--footerBg);
-  border-top: solid 1px var(--footerBorder);
-}
-
-.largeFooter {
-  padding-top: var(--zd_size24) ;
-  padding-bottom: var(--zd_size24) ;
-}
-
-.mediumFooter {
-  padding-top: var(--zd_size20) ;
-  padding-bottom: var(--zd_size20) ;
-}
-
-.smallFooter {
-  padding-top: var(--zd_size10) ;
-  padding-bottom: var(--zd_size10) ;
-}
-
-[dir=ltr] .largePadding {
-  padding-left: var(--zd_size60) ;
-}
-
-[dir=rtl] .largePadding {
-  padding-right: var(--zd_size60) ;
-}
-
-[dir=ltr] .mediumPadding {
-  padding-left: var(--zd_size50) ;
-}
-
-[dir=rtl] .mediumPadding {
-  padding-right: var(--zd_size50) ;
-}
-
-[dir=ltr] .xmediumPadding {
-  padding-left: var(--zd_size30) ;
-}
-
-[dir=rtl] .xmediumPadding {
-  padding-right: var(--zd_size30) ;
-}
-
-[dir=ltr] .smallPadding {
-  padding-left: var(--zd_size25) ;
-}
-
-[dir=rtl] .smallPadding {
-  padding-right: var(--zd_size25) ;
-}
-
-[dir=ltr] .xsmallPadding {
-  padding-left: var(--zd_size20) ;
-}
-
-[dir=rtl] .xsmallPadding {
-  padding-right: var(--zd_size20) ;
-}
-
-.marginRight {
-  composes: dinblk from '~@zohodesk/components/lib/common/common.module.css';
-}
-
-[dir=ltr] .largeFooter .marginRight, [dir=ltr] .mediumFooter .marginRight {
-  margin-right: var(--zd_size15) ;
-}
-
-[dir=rtl] .largeFooter .marginRight, [dir=rtl] .mediumFooter .marginRight {
-  margin-left: var(--zd_size15) ;
-}
-
-[dir=ltr] .smallFooter .marginRight {
-  margin-right: var(--zd_size12) ;
-}
-
-[dir=rtl] .smallFooter .marginRight {
-  margin-left: var(--zd_size12) ;
-}
-
-[dir=ltr] .marginRight:last-child {
-  margin-right: 0 ;
-}
-
-[dir=rtl] .marginRight:last-child {
-  margin-left: 0 ;
+.varClass {
+  --footerBg: var(--zdt_formAction_bg);
+  --footerBorder: var(--zdt_formAction_border);
+}
+
+.wrapperDiv {
+  position: relative;
+  z-index: 1;
+  composes: varClass;
+}
+
+.footerParent {
+  position: relative;
+  /* css:theme-validation:ignore */
+  /* css:theme-validation:ignore */
+  background-color: var(--footerBg);
+  border-top: solid 1px var(--footerBorder);
+}
+
+.largeFooter {
+  padding-top: var(--zd_size24) ;
+  padding-bottom: var(--zd_size24) ;
+}
+
+.mediumFooter {
+  padding-top: var(--zd_size20) ;
+  padding-bottom: var(--zd_size20) ;
+}
+
+.smallFooter {
+  padding-top: var(--zd_size10) ;
+  padding-bottom: var(--zd_size10) ;
+}
+
+[dir=ltr] .largePadding {
+  padding-left: var(--zd_size60) ;
+}
+
+[dir=rtl] .largePadding {
+  padding-right: var(--zd_size60) ;
+}
+
+[dir=ltr] .mediumPadding {
+  padding-left: var(--zd_size50) ;
+}
+
+[dir=rtl] .mediumPadding {
+  padding-right: var(--zd_size50) ;
+}
+
+[dir=ltr] .xmediumPadding {
+  padding-left: var(--zd_size30) ;
+}
+
+[dir=rtl] .xmediumPadding {
+  padding-right: var(--zd_size30) ;
+}
+
+[dir=ltr] .smallPadding {
+  padding-left: var(--zd_size25) ;
+}
+
+[dir=rtl] .smallPadding {
+  padding-right: var(--zd_size25) ;
+}
+
+[dir=ltr] .xsmallPadding {
+  padding-left: var(--zd_size20) ;
+}
+
+[dir=rtl] .xsmallPadding {
+  padding-right: var(--zd_size20) ;
+}
+
+.marginRight {
+  composes: dinblk from '~@zohodesk/components/lib/common/common.module.css';
+}
+
+[dir=ltr] .largeFooter .marginRight, [dir=ltr] .mediumFooter .marginRight {
+  margin-right: var(--zd_size15) ;
+}
+
+[dir=rtl] .largeFooter .marginRight, [dir=rtl] .mediumFooter .marginRight {
+  margin-left: var(--zd_size15) ;
+}
+
+[dir=ltr] .smallFooter .marginRight {
+  margin-right: var(--zd_size12) ;
+}
+
+[dir=rtl] .smallFooter .marginRight {
+  margin-left: var(--zd_size12) ;
+}
+
+[dir=ltr] .marginRight:last-child {
+  margin-right: 0 ;
+}
+
+[dir=rtl] .marginRight:last-child {
+  margin-left: 0 ;
 }

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/IconButton.module.css

@@ -1,22 +1,22 @@
-.varClass {
-  --iconColor: var(--zdt_iconButton_icon_black);
-}
-.wrapper {
-  height: var(--zd_size28) ;
-  width: var(--zd_size28) ;
-  composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
-  composes: varClass;
-  color: var(--iconColor);
-  cursor: pointer;
-}
-.primary {
-  --iconColor: var(--zdt_iconButton_icon_primary);
-}
-.primary:hover {
-  --iconColor: var(--zdt_iconButton_icon_primaryHover);
-}
-.primary_active,
-.primaryFilled,
-.primaryFilled_active {
-  --iconColor: var(--zdt_iconButton_icon_primaryActive);
-}
+.varClass {
+  --iconColor: var(--zdt_iconButton_icon_black);
+}
+.wrapper {
+  height: var(--zd_size28) ;
+  width: var(--zd_size28) ;
+  composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
+  composes: varClass;
+  color: var(--iconColor);
+  cursor: pointer;
+}
+.primary {
+  --iconColor: var(--zdt_iconButton_icon_primary);
+}
+.primary:hover {
+  --iconColor: var(--zdt_iconButton_icon_primaryHover);
+}
+.primary_active,
+.primaryFilled,
+.primaryFilled_active {
+  --iconColor: var(--zdt_iconButton_icon_primaryActive);
+}

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 {

package/es/Link/Link.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 { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
-import style from "./Link.module.css";
-import LinkContext from "./LinkContext";
+import style from './Link.module.css';
+import LinkContext from './LinkContext';
 export default class Link extends React.Component {
   constructor(props, context) {
     super(props, context);

package/es/Link/__tests__/Link.spec.js

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

package/es/Loader/Loader.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { getZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
-import style from "./Loader.module.css";
+import style from './Loader.module.css';
 export default class Loader extends React.Component {
   constructor(props) {
     super(props);

package/es/Loader/__tests__/Loader.spec.js

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

package/es/Message/Message.js

@@ -1,9 +1,9 @@
 import React 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.module.css";
+import AutoClose from '../actions/AutoClose';
+import style from './Message.module.css';
 export default class Message extends React.Component {
   constructor(props) {
     super(props);

package/es/Message/__tests__/Message.spec.js

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

package/es/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/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/lib/Layout';
-import style from "./MessageBanner.module.css";
+import style from './MessageBanner.module.css';
 export default class MessageBanner extends React.Component {
   render() {
     let {

package/es/MessageBanner/__tests__/MessageBanner.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import MessageBanner from "../MessageBanner";
+import MessageBanner from '../MessageBanner';
 describe('MessageBanner', () => {
   const PALETTE = ['default', 'blue', 'white'];
   const TYPE = ['primary', 'secondary'];

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

package/es/NewStar/__tests__/NewStar.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import NewStar from "../NewStar";
+import NewStar from '../NewStar';
 describe('NewStar', () => {
   const PALETTE = ['green', 'blue', 'yellow'];
   const POSITION = ['topRight', 'topLeft', 'bottomRight', 'bottomLeft'];

package/es/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.module.css";
-import AvatarIcon from "../avatar/AvatarIcon/AvatarIcon";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import style from './PlusIcon.module.css';
+import AvatarIcon from '../avatar/AvatarIcon/AvatarIcon';
 export default class PlusIcon extends React.Component {
   constructor(props) {
     super(props);

package/es/PlusIcon/__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', () => {
   const size = ['small', 'xsmall', 'xxsmall', 'medium', 'xmedium', 'xlarge'];
   test('renders with default props', () => {

package/es/Separator/Separator.js

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

package/es/Separator/__tests__/Separator.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import Separator from "../Separator";
+import Separator from '../Separator';
 describe('Separator', () => {
   const PALETTE = ['default', 'primary', 'secondary'];
   const TYPE = ['dot', 'slash', 'arrow', 'comma', 'none'];

package/es/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/Layout';
 import Icon from '@zohodesk/icons/es/Icon';
-import style from "./TagWithIcon.module.css";
+import style from './TagWithIcon.module.css';
 export default class TagWithIcon extends React.Component {
   render() {
     const {