@zohodesk/dot 1.0.0-temp-203.4 → 1.0.0-temp-204.1

package/es/form/fields/index.js

@@ -1,16 +1,16 @@
-export { default as CheckBoxField } from './CheckBoxField/CheckBoxField';
-export { default as CurrencyField } from './CurrencyField/CurrencyField';
-export { default as DateField } from './DateField/DateField';
-export { default as FieldContainer } from './FieldContainer/FieldContainer';
-export { default as MultiSelectField } from './MultiSelectField/MultiSelectField';
-export { default as PhoneField } from './PhoneField/PhoneField';
-export { default as RadioField } from './RadioField/RadioField';
-export { default as SelectField } from './SelectField/SelectField';
-export { default as TagsMultiSelect } from './TagsMultiSelect/TagsMultiSelect';
-export { default as TagsMultiSelectField } from './TagsMultiSelectField/TagsMultiSelectField';
-export { default as TextareaField } from './TextareaField/TextareaField';
-export { default as TextBoxField } from './TextBoxField/TextBoxField';
-export { default as TextEditor } from './TextEditor/TextEditor';
-export { default as TextEditorField } from './TextEditorField/TextEditorField';
-export { default as TextEditorWrapper } from './TextEditorWrapper/TextEditorWrapper';
-export { default as ValidationMessage } from './ValidationMessage/ValidationMessage';
+export { default as CheckBoxField } from "./CheckBoxField/CheckBoxField";
+export { default as CurrencyField } from "./CurrencyField/CurrencyField";
+export { default as DateField } from "./DateField/DateField";
+export { default as FieldContainer } from "./FieldContainer/FieldContainer";
+export { default as MultiSelectField } from "./MultiSelectField/MultiSelectField";
+export { default as PhoneField } from "./PhoneField/PhoneField";
+export { default as RadioField } from "./RadioField/RadioField";
+export { default as SelectField } from "./SelectField/SelectField";
+export { default as TagsMultiSelect } from "./TagsMultiSelect/TagsMultiSelect";
+export { default as TagsMultiSelectField } from "./TagsMultiSelectField/TagsMultiSelectField";
+export { default as TextareaField } from "./TextareaField/TextareaField";
+export { default as TextBoxField } from "./TextBoxField/TextBoxField";
+export { default as TextEditor } from "./TextEditor/TextEditor";
+export { default as TextEditorField } from "./TextEditorField/TextEditorField";
+export { default as TextEditorWrapper } from "./TextEditorWrapper/TextEditorWrapper";
+export { default as ValidationMessage } from "./ValidationMessage/ValidationMessage";

package/es/form/layout/Field/Field.js

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

package/es/form/layout/Field/__tests__/Field.spec.js

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

package/es/form/layout/Section/Section.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
-import { propTypes } from './props/propTypes';
-import style from './ModuleFormSection.module.css';
+import { propTypes } from "./props/propTypes";
+import style from "./ModuleFormSection.module.css";
 export default class Section extends Component {
   constructor(props) {
     super(props);

package/es/form/layout/Section/__tests__/Section.spec.js

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

package/es/form/layout/index.js

@@ -1,2 +1,2 @@
-export { default as Field } from './Field/Field';
-export { default as Section } from './Section/Section';
+export { default as Field } from "./Field/Field";
+export { default as Section } from "./Section/Section";

package/es/index.js

@@ -1,51 +1,51 @@
-export { default as ActionButton } from './ActionButton/ActionButton';
-export { default as AutoClose } from './actions/AutoClose';
-export * from './alert';
-export { default as AlphabeticList } from './AlphabeticList/AlphabeticList';
-export { default as Attachment } from './Attachment/Attachment';
-export { default as AttachmentViewer } from './AttachmentViewer/AttachmentViewer';
-export * from './avatar';
-export { default as ChannelIcon } from './ChannelIcon/ChannelIcon';
-import * as _Drawer from './Drawer/Drawer';
+export { default as ActionButton } from "./ActionButton/ActionButton";
+export { default as AutoClose } from "./actions/AutoClose";
+export * from "./alert";
+export { default as AlphabeticList } from "./AlphabeticList/AlphabeticList";
+export { default as Attachment } from "./Attachment/Attachment";
+export { default as AttachmentViewer } from "./AttachmentViewer/AttachmentViewer";
+export * from "./avatar";
+export { default as ChannelIcon } from "./ChannelIcon/ChannelIcon";
+import * as _Drawer from "./Drawer/Drawer";
 export { _Drawer as Drawer };
-export { default as ToggleDropDown } from './dropdown/ToggleDropDown/ToggleDropDown';
-export { default as CommonEmptyState } from './emptystate/CommonEmptyState/CommonEmptyState';
-export { default as EditionPage } from './emptystate/EditionPage/EditionPage';
-import * as _errorstate from './errorstate';
+export { default as ToggleDropDown } from "./dropdown/ToggleDropDown/ToggleDropDown";
+export { default as CommonEmptyState } from "./emptystate/CommonEmptyState/CommonEmptyState";
+export { default as EditionPage } from "./emptystate/EditionPage/EditionPage";
+import * as _errorstate from "./errorstate";
 export { _errorstate as errorstate };
-export { default as ExternalLink } from './ExternalLink/ExternalLink';
-export { default as FlipCard } from './FlipCard/FlipCard';
-import * as _fields from './form/fields';
+export { default as ExternalLink } from "./ExternalLink/ExternalLink";
+export { default as FlipCard } from "./FlipCard/FlipCard";
+import * as _fields from "./form/fields";
 export { _fields as fields };
-import * as _fields_layout from './form/layout/';
+import * as _fields_layout from "./form/layout/";
 export { _fields_layout as fields_layout };
-export { default as FormAction } from './FormAction/FormAction';
-export { default as FreezeLayer } from './FreezeLayer/FreezeLayer';
-export { default as IconButton } from './IconButton/IconButton';
-export { default as Image } from './Image/Image';
-export { default as ImportantNotes } from './ImportantNotes/ImportantNotes';
-import * as _SetupDetailLayout from './layout/SetupDetailLayout';
+export { default as FormAction } from "./FormAction/FormAction";
+export { default as FreezeLayer } from "./FreezeLayer/FreezeLayer";
+export { default as IconButton } from "./IconButton/IconButton";
+export { default as Image } from "./Image/Image";
+export { default as ImportantNotes } from "./ImportantNotes/ImportantNotes";
+import * as _SetupDetailLayout from "./layout/SetupDetailLayout";
 export { _SetupDetailLayout as SetupDetailLayout };
-import * as _SubtabLayout from './layout/SubtabLayout';
+import * as _SubtabLayout from "./layout/SubtabLayout";
 export { _SubtabLayout as SubtabLayout };
-export { default as Link } from './Link/Link';
-import * as _list from './list';
+export { default as Link } from "./Link/Link";
+import * as _list from "./list";
 export { _list as list };
-export { default as Loader } from './Loader/Loader';
-export { default as Message, MessageUI, MessageNew } from './Message/Message';
-export { default as MessageBanner } from './MessageBanner/MessageBanner';
-export { default as NewStar } from './NewStar/NewStar';
-export { default as PlusIcon } from './PlusIcon/PlusIcon';
-import * as _Provider from './Provider/Config';
+export { default as Loader } from "./Loader/Loader";
+export { default as Message, MessageUI, MessageNew } from "./Message/Message";
+export { default as MessageBanner } from "./MessageBanner/MessageBanner";
+export { default as NewStar } from "./NewStar/NewStar";
+export { default as PlusIcon } from "./PlusIcon/PlusIcon";
+import * as _Provider from "./Provider/Config";
 export { _Provider as Provider };
-import * as _lookup from './lookup';
+import * as _lookup from "./lookup";
 export { _lookup as lookup };
-export { default as Separator } from './Separator/Separator';
-import * as _setup from './setup';
+export { default as Separator } from "./Separator/Separator";
+import * as _setup from "./setup";
 export { _setup as setup };
-import * as _svg from './svg';
+import * as _svg from "./svg";
 export { _svg as svg };
-export { default as ToastMessage } from './ToastMessage/ToastMessage';
-export { default as Upload } from './Upload/Upload';
-import * as _version from './version2';
+export { default as ToastMessage } from "./ToastMessage/ToastMessage";
+export { default as Upload } from "./Upload/Upload";
+import * as _version from "./version2";
 export { _version as version2 };

package/es/layout/SetupDetailLayout/SetupDetailLayout.js

@@ -1,9 +1,9 @@
 import React, { Component } from 'react';
-import { SetupDetailLayout_defaultProps, SetupHeader_defaultProps, SetupContent_defaultProps, SetupFooter_defaultProps } from './props/defaultProps';
-import { SetupDetailLayout_propTypes, SetupHeader_propTypes, SetupContent_propTypes, SetupFooter_propTypes } from './props/propTypes';
+import { SetupDetailLayout_defaultProps, SetupHeader_defaultProps, SetupContent_defaultProps, SetupFooter_defaultProps } from "./props/defaultProps";
+import { SetupDetailLayout_propTypes, SetupHeader_propTypes, SetupContent_propTypes, SetupFooter_propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { Icon } from '@zohodesk/icons';
-import style from './SetupDetailLayout.module.css';
+import style from "./SetupDetailLayout.module.css";
 export default class SetupDetailLayout extends React.Component {
   constructor(props) {
     super(props);

package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css

@@ -3,9 +3,11 @@
   z-index: 2;
   border-bottom: 1px solid var(--zdt_setupdetail_header_border);
 }
+
 .back {
   width: var(--zd_size60) ;
 }
+
 .backIcon {
   height: var(--zd_size30) ;
   width: var(--zd_size30) ;
@@ -17,9 +19,11 @@
   border-radius: 50%;
   cursor: pointer;
 }
+
 [dir=ltr] .backIcon {
   margin-left: var(--zd_size19) ;
 }
+
 [dir=rtl] .backIcon {
   margin-right: var(--zd_size19) ;
 }
@@ -27,6 +31,7 @@
 .backIcon:hover {
   background-color: var(--zdt_setupdetail_hover_backicon_bg);
 }
+
 .title {
   font-size: var(--zd_font_size16) ;
   line-height: 1;
@@ -34,9 +39,11 @@
   color: var(--zdt_setupdetail_backicon);
   composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 [dir=ltr] .title {
   padding-right: var(--zd_size12) ;
 }
+
 [dir=rtl] .title {
   padding-left: var(--zd_size12) ;
 }
@@ -44,18 +51,22 @@
 .rightPanel {
   composes: justifyFend from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 .helpInfoCont {
   position: absolute;
   z-index: 10;
 }
+
 [dir=ltr] .helpInfoCont {
   right: 0 ;
   padding: var(--zd_size12) var(--zd_size15) 0 0 ;
 }
+
 [dir=rtl] .helpInfoCont {
   left: 0 ;
   padding: var(--zd_size12) 0 0 var(--zd_size15) ;
 }
+
 .helpInfo {
   line-height: 2.3636;
   height: var(--zd_size28) ;
@@ -68,9 +79,11 @@
   text-align: center;
   cursor: pointer;
 }
+
 [dir=ltr] .mr15 {
   margin-right: var(--zd_size15) ;
 }
+
 [dir=rtl] .mr15 {
   margin-left: var(--zd_size15) ;
 }
@@ -78,12 +91,15 @@
 .content {
   z-index: 1;
 }
+
 [dir=ltr] .padding {
   padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size60) ;
 }
+
 [dir=rtl] .padding {
   padding: var(--zd_size10) var(--zd_size60) var(--zd_size10) var(--zd_size25) ;
 }
+
 .popup {
   z-index: 3;
   position: absolute;
@@ -92,19 +108,23 @@
   width: var(--zd_size330) ;
   transition: transform var(--zd_transition3);
   border: 1px solid var(--zdt_setupdetail_popup_border);
-  background-color: var(--zdt_setupdetail_popup_bg);
+  background-color: var(--zdt_base_bg);
 }
+
 [dir=ltr] .popup {
   right: 0 ;
   transform: translateX(100%);
 }
+
 [dir=rtl] .popup {
   left: 0 ;
   transform: translateX(-100%);
 }
+
 .popup.open {
   transform: translateX(0);
 }
+
 .close {
   composes: disableFocus from '~@zohodesk/components/lib/common/common.module.css';
 }
@@ -149,4 +169,4 @@
 
 .infoFooter {
   padding: var(--zd_size10) var(--zd_size20) ;
-}
+}

package/es/layout/SetupDetailLayout/__tests__/SetupDetailLayout.spec.js

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

package/es/layout/SetupDetailLayout/index.js

@@ -1,4 +1,4 @@
-export { default as SetupDetailLayout } from './SetupDetailLayout';
-export { SetupHeader } from './SetupDetailLayout';
-export { SetupFooter } from './SetupDetailLayout';
-export { SetupContent } from './SetupDetailLayout';
+export { default as SetupDetailLayout } from "./SetupDetailLayout";
+export { SetupHeader } from "./SetupDetailLayout";
+export { SetupFooter } from "./SetupDetailLayout";
+export { SetupContent } from "./SetupDetailLayout";

package/es/layout/SubtabLayout/SubtabLayout.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { SubtabHeader_propTypes, SubtabFooter_propTypes, SubtabContent_propTypes, SubtabLayout_propTypes } from './props/propTypes';
-import { SubtabHeader_defaultProps, SubtabFooter_defaultProps, SubtabContent_defaultProps, SubtabLayout_defaultProps } from './props/defaultProps';
+import { SubtabHeader_propTypes, SubtabFooter_propTypes, SubtabContent_propTypes, SubtabLayout_propTypes } from "./props/propTypes";
+import { SubtabHeader_defaultProps, SubtabFooter_defaultProps, SubtabContent_defaultProps, SubtabLayout_defaultProps } from "./props/defaultProps";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { Card, CardHeader, CardContent } from '@zohodesk/components/lib/Card';
-import PlusIcon from '../../PlusIcon/PlusIcon';
-import style from './SubtabLayout.module.css';
+import PlusIcon from "../../PlusIcon/PlusIcon";
+import style from "./SubtabLayout.module.css";
 export class SubtabHeader extends React.Component {
   render() {
     let {

package/es/layout/SubtabLayout/SubtabLayout.module.css

@@ -9,7 +9,7 @@
 }
 
 .tabHead, .shadowStyle {
-  background: var(--zdt_subtablayout_tabhead_bg);
+  background: var(--zdt_base_bg);
 }
 
 [dir=ltr] .left {

package/es/layout/SubtabLayout/__tests__/SubtabLayout.spec.js

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

package/es/layout/SubtabLayout/index.js

@@ -1,4 +1,4 @@
-export { default as SubtabLayout } from './SubtabLayout';
-export { SubtabHeader } from './SubtabLayout';
-export { SubtabContent } from './SubtabLayout';
-export { SubtabFooter } from './SubtabLayout';
+export { default as SubtabLayout } from "./SubtabLayout";
+export { SubtabHeader } from "./SubtabLayout";
+export { SubtabContent } from "./SubtabLayout";
+export { SubtabFooter } from "./SubtabLayout";

package/es/list/AvatarFlip/AvatarFlip.js

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

package/es/list/AvatarFlip/AvatarFlip.module.css

@@ -1,3 +1,3 @@
 .iconStyle {
-  color: var(--zdt_avatarflip_default_text);
-}
+  color: var(--zdt_base_color);
+}

package/es/list/AvatarFlip/__tests__/AvatarFlip.spec.js

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

package/es/list/BluePrintStatus/BluePrintStatus.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { propTypes } from './props/propTypes';
-import style from './BluePrintStatus.module.css';
+import { propTypes } from "./props/propTypes";
+import style from "./BluePrintStatus.module.css";
 import { Icon } from '@zohodesk/icons';
 export default class BluePrintStatus extends React.Component {
   constructor(props) {

package/es/list/BluePrintStatus/__tests__/BluePrintStatus.spec.js

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

package/es/list/Comment/Comment.js

@@ -1,9 +1,9 @@
 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 Button from '@zohodesk/components/lib/semantic/Button/Button';
-import style from './Comment.module.css';
+import style from "./Comment.module.css";
 export default class Comment extends Component {
   constructor(props) {
     super(props);

package/es/list/Comment/__tests__/Comment.spec.js

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

package/es/list/DepartmentDropDown/DepartmentDropDown.js

@@ -1,9 +1,9 @@
 import React, { Component } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import ToggleDropDown from '../../dropdown/ToggleDropDown/ToggleDropDown';
-import { DepartmentText } from '../SecondaryText';
-import style from './DepartmentDropDown.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import ToggleDropDown from "../../dropdown/ToggleDropDown/ToggleDropDown";
+import { DepartmentText } from "../SecondaryText";
+import style from "./DepartmentDropDown.module.css";
 
 class DepartmentDropDown extends Component {
   constructor(props) {

package/es/list/DepartmentDropDown/DepartmentDropDown.module.css

@@ -1,9 +1,11 @@
 .departmentBox {
   max-width: 100% ;
 }
+
 .departmentBox :global .toggleDropIcon {
   color: var(--zdt_departmentdropdown_default_text);
 }
+
 .departmentBox:hover :global .toggleDropIcon {
-  color: var(--zdt_departmentdropdown_default_hover_text);
-}
+  color: var(--zdt_base_color);
+}

package/es/list/DepartmentDropDown/__tests__/DepartmentDropDown.spec.js

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

package/es/list/Dot/Dot.js

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

package/es/list/Dot/__tests__/Dot.spec.js

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

package/es/list/DotNew/DotNew.js

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

package/es/list/DotNew/__tests__/DotNew.spec.js

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

package/es/list/GridStencils/GridStencils.js

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