@zohodesk/dot 1.0.0-temp-194 → 1.0.0-temp-193.6

package/es/form/fields/TextBoxField/props/defaultProps.js

@@ -1,4 +1,4 @@
-import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
+import { FieldCommonDefaultProps } from "../../props/FieldCommonDefaultProps";
 export const defaultProps = {
   errorType: 'primary',
   textBoxSize: 'xmedium',

package/es/form/fields/TextBoxField/props/propTypes.js

@@ -1,4 +1,4 @@
-import { FieldCommonPropTypes } from '../../props/FieldCommonPropTypes';
+import { FieldCommonPropTypes } from "../../props/FieldCommonPropTypes";
 import PropTypes from 'prop-types';
 export const propTypes = {
   borderColor: PropTypes.oneOf(['transparent', 'default']),

package/es/form/fields/TextEditor/TextEditor.js

@@ -1,16 +1,16 @@
 /***** Libraries *****/
 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 selectn from 'selectn';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 /***** Methods *****/
 
-import { bind, editorContentValidate, fixEncoding, isFileNameSizeInvalid, isImageFormat, triggerKeyup, getRichEditorContent, changeContent, validateEditorContentOnInsertHtml, loadResource } from '../../../utils/editorUtils'; //import './ZohoDeskEditor_Init';
+import { bind, editorContentValidate, fixEncoding, isFileNameSizeInvalid, isImageFormat, triggerKeyup, getRichEditorContent, changeContent, validateEditorContentOnInsertHtml, loadResource } from "../../../utils/editorUtils"; //import './ZohoDeskEditor_Init';
 
 /***** components *****/
 
-import styles from './TextEditor.module.css';
+import styles from "./TextEditor.module.css";
 /* eslint-disable camelcase */
 
 /* eslint-disable no-undef */

package/es/form/fields/TextEditor/TextEditor.module.css

@@ -77,20 +77,20 @@
   background-color: transparent;
 }
 
-.small :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover,
-.small :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel,
-.medium :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover,
-.medium :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel,
-.large :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover,
-.large :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel,
-.xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover,
-.xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel,
-.default :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover,
-.default :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel {
+.small :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
+.small :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel,
+.medium :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
+.medium :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel,
+.large :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
+.large :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel,
+.xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
+.xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel,
+.default :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
+.default :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel {
   color: var(--zdt_texteditor_default_text);
 }
 
-.small :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover, .small :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel, .medium :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover, .medium :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel, .large :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover, .large :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel, .default :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover, .default :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel {
+.small :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover, .small :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel, .medium :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover, .medium :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel, .large :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover, .large :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel, .default :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover, .default :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel {
   background-color: var(--zdt_texteditor_menu_li_bg);
 }
 
@@ -101,10 +101,10 @@
 /* large type editor - ticket add form editor */
 .large :global .KB_Editor,
 .large :global .KB_Editor_menus .KB_Editor_MultiTools,
-.large :global .KB_Editor_menus .KB_Editor_MultiTools>li,
+.large :global .KB_Editor_menus .KB_Editor_MultiTools > li,
 .default :global .KB_Editor,
 .default :global .KB_Editor_menus .KB_Editor_MultiTools,
-.default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
+.default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -160,24 +160,24 @@
   min-height: inherit ;
 }
 
-.large :global .KB_Editor_menus .KB_Editor_MultiTools>li,
-.default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
+.large :global .KB_Editor_menus .KB_Editor_MultiTools > li,
+.default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
   height: unset;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }
 
-.large :global .KB_Editor_menus .KB_Editor_MultiTools>li, .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
+.large :global .KB_Editor_menus .KB_Editor_MultiTools > li, .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
   padding: 0 ;
   float: unset;
 }
 
-[dir=ltr] .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, [dir=ltr] .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
+[dir=ltr] .large :global .KB_Editor_menus .KB_Editor_MultiTools > li, [dir=ltr] .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
   margin-right: 0 ;
 }
 
-[dir=rtl] .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, [dir=rtl] .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
+[dir=rtl] .large :global .KB_Editor_menus .KB_Editor_MultiTools > li, [dir=rtl] .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
   margin-left: 0 ;
 }
 
@@ -190,14 +190,14 @@
   float: unset !important;
 }
 
-.large :global .KB_Editor_menus>ul>li>span>svg,
-.default :global .KB_Editor_menus>ul>li>span>svg {
+.large :global .KB_Editor_menus > ul > li > span > svg,
+.default :global .KB_Editor_menus > ul > li > span > svg {
   width: var(--zd_size28) ;
   height: var(--zd_size28) ;
 }
 
-.large :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg,
-.default :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
+.large :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg,
+.default :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
   width: var(--zd_size8) ;
   height: var(--zd_size8) ;
 }
@@ -241,18 +241,18 @@
   left: 0 ;
 }
 
-[dir=ltr] .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, [dir=ltr] .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
+[dir=ltr] .large :global .KB_Editor_menus .KB_Editor_MultiTools > li, [dir=ltr] .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
   margin-right: var(--zd_size2) ;
 }
 
-[dir=rtl] .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, [dir=rtl] .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
+[dir=rtl] .large :global .KB_Editor_menus .KB_Editor_MultiTools > li, [dir=rtl] .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
   margin-left: var(--zd_size2) ;
 }
 
 /* xlarge type editor - reply area, blue print cases - full height hover style */
 .xlarge :global .KB_Editor,
 .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools,
-.xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li {
+.xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -293,7 +293,7 @@
   min-height: inherit ;
 }
 
-.xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li {
+.xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li {
   height: unset;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -302,11 +302,11 @@
   float: unset;
 }
 
-[dir=ltr] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li {
+[dir=ltr] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li {
   margin-right: 0 ;
 }
 
-[dir=rtl] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li {
+[dir=rtl] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li {
   margin-left: 0 ;
 }
 
@@ -324,12 +324,12 @@
   padding: var(--zd_size6) ;
 }
 
-.xlarge :global .KB_Editor_menus>ul>li>span>svg {
+.xlarge :global .KB_Editor_menus > ul > li > span > svg {
   width: var(--zd_size22) ;
   height: var(--zd_size22) ;
 }
 
-.xlarge :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
+.xlarge :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
   width: var(--zd_size8) ;
   height: var(--zd_size8) ;
 }
@@ -354,13 +354,13 @@
   left: 0 ;
 }
 
-.xlarge :global .KB_Editor_menus>ul>li>span.SnippetIcon svg {
+.xlarge :global .KB_Editor_menus > ul > li > span.SnippetIcon svg {
   width: var(--zd_size17) ;
   height: var(--zd_size21) ;
   padding: 0 var(--zd_size7) ;
 }
 
-.xlarge :global .KB_Editor_menus>ul>li>span.TemplateIcon svg {
+.xlarge :global .KB_Editor_menus > ul > li > span.TemplateIcon svg {
   width: var(--zd_size16) ;
   height: var(--zd_size16) ;
   padding: 0 var(--zd_size9) ;
@@ -393,16 +393,31 @@
   padding: 0 var(--zd_size7) ;
 }
 
-.xlarge :global .KB_Editor_MultiTools li .Kbeditor_more_icon>svg {
+.xlarge :global .KB_Editor_MultiTools li .Kbeditor_more_icon > svg {
   width: var(--zd_size12) ;
   height: var(--zd_size12) ;
 }
 
-.xlarge :global .KB_Editor_menus>ul>li>span:not(.KB_Editor_Bdr_div):not(.KBEditortools-Block-down-arrow):not(.Kbeditor_more_icon):not(.SnippetIcon):not(.TemplateIcon):not(.KB_Editor_Richtext):not(.KB_Editor_PlainText) {
+.xlarge
+  :global
+  .KB_Editor_menus
+  > ul
+  > li
+  > span:not(.KB_Editor_Bdr_div):not(.KBEditortools-Block-down-arrow):not(.Kbeditor_more_icon):not(.SnippetIcon):not(
+    .TemplateIcon
+  ):not(.KB_Editor_Richtext):not(.KB_Editor_PlainText) {
   height: var(--zd_size21) ;
 }
 
-.xlarge :global .KB_Editor_menus>ul>li>span:not(.KB_Editor_Bdr_div):not(.KBEditortools-Block-down-arrow):not(.Kbeditor_more_icon):not(.SnippetIcon):not(.TemplateIcon)>svg {
+.xlarge
+  :global
+  .KB_Editor_menus
+  > ul
+  > li
+  > span:not(.KB_Editor_Bdr_div):not(.KBEditortools-Block-down-arrow):not(.Kbeditor_more_icon):not(.SnippetIcon):not(
+    .TemplateIcon
+  )
+  > svg {
   width: var(--zd_size21) ;
   height: var(--zd_size21) ;
   padding: 0 var(--zd_size4) ;
@@ -427,7 +442,7 @@
 /* medium type editor - snippet, bug tracker cases */
 .medium :global .KB_Editor,
 .medium :global .KB_Editor_menus .KB_Editor_MultiTools,
-.medium :global .KB_Editor_menus .KB_Editor_MultiTools>li {
+.medium :global .KB_Editor_menus .KB_Editor_MultiTools > li {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -468,7 +483,7 @@
   min-height: inherit ;
 }
 
-.medium :global .KB_Editor_menus .KB_Editor_MultiTools>li {
+.medium :global .KB_Editor_menus .KB_Editor_MultiTools > li {
   height: unset;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -481,21 +496,21 @@
   line-height: 0;
 }
 
-.medium :global .KB_Editor_menus>ul>li>span>svg {
+.medium :global .KB_Editor_menus > ul > li > span > svg {
   width: var(--zd_size22) ;
   height: var(--zd_size22) ;
 }
 
-.medium :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
+.medium :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
   width: var(--zd_size8) ;
   height: var(--zd_size8) ;
 }
 
-[dir=ltr] .medium :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
+[dir=ltr] .medium :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
   padding: 0 0 0 var(--zd_size2) ;
 }
 
-[dir=rtl] .medium :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
+[dir=rtl] .medium :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
   padding: 0 var(--zd_size2) 0 0 ;
 }
 
@@ -532,7 +547,7 @@
   padding: 0 var(--zd_size3) ;
 }
 
-.medium :global .KB_Editor_MultiTools li .Kbeditor_more_icon>svg {
+.medium :global .KB_Editor_MultiTools li .Kbeditor_more_icon > svg {
   width: var(--zd_size12) ;
   height: var(--zd_size12) ;
 }
@@ -612,13 +627,13 @@
   line-height: 0;
 }
 
-.small :global .KB_Editor_menus>ul>li>span>svg,
-.mini :global .KB_Editor_menus>ul>li>span>svg {
+.small :global .KB_Editor_menus > ul > li > span > svg,
+.mini :global .KB_Editor_menus > ul > li > span > svg {
   width: var(--zd_size25) ;
   height: var(--zd_size25) ;
 }
 
-.small :global .KB_Editor_menus>ul>li>span>svg, .mini :global .KB_Editor_menus>ul>li>span>svg {
+.small :global .KB_Editor_menus > ul > li > span > svg, .mini :global .KB_Editor_menus > ul > li > span > svg {
   padding: 0 var(--zd_size6) ;
 }
 
@@ -629,12 +644,12 @@
   height: var(--zd_size10) ;
   width: var(--zd_size10) ;
   z-index: -1;
+  box-shadow: var(--zd_bs_texteditor_menu);
   background-color: var(--zdt_texteditor_menu_after_bg);
 }
 
 [dir=ltr] .mini :global .KB_Editor_menus:after {
   left: var(--zd_size95) ;
-  box-shadow: -1px 1px 2px 0 var(--zdt_texteditor_menu_after_box_shadow);
   -webkit-transform: rotateZ(-45deg);
   -moz-transform: rotateZ(-45deg);
   -ms-transform: rotateZ(-45deg);
@@ -644,7 +659,6 @@
 
 [dir=rtl] .mini :global .KB_Editor_menus:after {
   right: var(--zd_size95) ;
-  box-shadow: 1px 1px 2px 0 var(--zdt_texteditor_menu_after_box_shadow);
   -webkit-transform: rotateZ(45deg);
   -moz-transform: rotateZ(45deg);
   -ms-transform: rotateZ(45deg);
@@ -655,7 +669,6 @@
 :global .hideTools .KB_Editor_menus {
   height: 0 ;
   overflow: hidden;
-  /* css:validation:ignore */
   opacity: 0;
   box-shadow: 0 0 0 transparent;
   border: 0;
@@ -710,7 +723,7 @@
   /*  Variable:Ignore  */
   max-height: 210px;
   overflow: auto;
-  box-shadow: 0 1px 32px 0 var(--zdt_texteditor_dropdown_box_shadow);
+  box-shadow: var(--zd_bs_texteditor_ul);
   padding: 0 ;
 }
 
@@ -771,4 +784,4 @@
 
 [dir=rtl] .editorHide :global .KB_Editor {
   right: 0 ;
-}
+}

package/es/form/fields/TextEditor/__tests__/TextEditor.spec.js

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

package/es/form/fields/TextEditorField/TextEditorField.js

@@ -1,16 +1,16 @@
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /**** Components ****/
 
 import Label from '@zohodesk/components/lib/Label/Label';
-import ValidationMessage from '../ValidationMessage/ValidationMessage';
-import TextEditorWrapper from '../TextEditorWrapper/TextEditorWrapper';
-import FieldContainer from '../FieldContainer/FieldContainer';
+import ValidationMessage from "../ValidationMessage/ValidationMessage";
+import TextEditorWrapper from "../TextEditorWrapper/TextEditorWrapper";
+import FieldContainer from "../FieldContainer/FieldContainer";
 /** Css */
 
-import style from '../Fields.module.css';
+import style from "../Fields.module.css";
 export default class TextEditorField extends PureComponent {
   constructor(props) {
     super(props);

package/es/form/fields/TextEditorField/__tests__/TextEditorField.spec.js

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

package/es/form/fields/TextEditorField/props/defaultProps.js

@@ -1,4 +1,4 @@
-import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
+import { FieldCommonDefaultProps } from "../../props/FieldCommonDefaultProps";
 export const defaultProps = {
   errorType: 'primary',
   needEditor: true,

package/es/form/fields/TextEditorField/props/propTypes.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { FieldCommonPropTypes } from '../../props/FieldCommonPropTypes';
+import { FieldCommonPropTypes } from "../../props/FieldCommonPropTypes";
 export const propTypes = {
   dataId: PropTypes.string,
   fieldSize: PropTypes.oneOf(['small', 'medium']),

package/es/form/fields/TextEditorWrapper/TextEditorWrapper.js

@@ -1,13 +1,13 @@
 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";
 /**** Components ****/
 
-import TextEditor from '../TextEditor/TextEditor';
+import TextEditor from "../TextEditor/TextEditor";
 import Textarea from '@zohodesk/components/lib/Textarea/Textarea';
 import VelocityAnimationGroup from '@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
-import { editorContentValidate } from '../../../utils/editorUtils';
-import style from './TextEditorWrapper.module.css';
+import { editorContentValidate } from "../../../utils/editorUtils";
+import style from "./TextEditorWrapper.module.css";
 /* eslint-disable react/no-deprecated */
 
 export default class TextEditorWrapper extends Component {

package/es/form/fields/TextEditorWrapper/__tests__/TextEditorWrapper.spec.js

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

package/es/form/fields/TextareaField/TextareaField.js

@@ -1,17 +1,17 @@
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /**** Components ****/
 
 import Label from '@zohodesk/components/lib/Label/Label';
 import Textarea from '@zohodesk/components/lib/Textarea/Textarea';
-import ValidationMessage from '../ValidationMessage/ValidationMessage';
+import ValidationMessage from "../ValidationMessage/ValidationMessage";
 import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
-import FieldContainer from '../FieldContainer/FieldContainer';
+import FieldContainer from "../FieldContainer/FieldContainer";
 /**** CSS ****/
 
-import style from '../Fields.module.css';
+import style from "../Fields.module.css";
 export default class TextareaField extends PureComponent {
   constructor(props) {
     super(props);

package/es/form/fields/TextareaField/__tests__/TextareaField.spec.js

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

package/es/form/fields/TextareaField/props/defaultProps.js

@@ -1,4 +1,4 @@
-import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
+import { FieldCommonDefaultProps } from "../../props/FieldCommonDefaultProps";
 export const defaultProps = {
   textBoxSize: 'xsmall',
   textBoxVariant: 'primary',

package/es/form/fields/TextareaField/props/propTypes.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { FieldCommonPropTypes } from '../../props/FieldCommonPropTypes';
+import { FieldCommonPropTypes } from "../../props/FieldCommonPropTypes";
 export const propTypes = {
   animated: PropTypes.bool,
   borderColor: PropTypes.oneOf(['transparent', 'default']),

package/es/form/fields/ValidationMessage/ValidationMessage.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 Label from '@zohodesk/components/lib/Label/Label';
 import colors from '@zohodesk/components/lib/Label/LabelColors.module.css';
-import style from './ValidationMessage.module.css';
+import style from "./ValidationMessage.module.css";
 import { Icon } from '@zohodesk/icons';
 export default class ValidationMessage extends React.Component {
   render() {

package/es/form/fields/ValidationMessage/ValidationMessage.module.css

@@ -1,28 +1,27 @@
-.basic{
-  font-size: 0 ;
-}
-.lable{
-  display: inline;
-}
+.basic{
+  font-size: 0 ;
+}
+.lable{
+  display: inline;
+}
 .icon{
-  /* css:theme-validation:ignore */
-  color:var(--label_text_color);
-  display: inline-block;
-  margin: 0 var(--zd_size5) ;
-}
-.primary {
-  position: absolute;
-  top: 100% ;
-  composes:basic;
-  margin-top: var(--zd_size5) ;
-}
-[dir=ltr] .primary {
-  left: 0 ;
-}
-[dir=rtl] .primary {
-  right: 0 ;
-}
-.secondary {
-  composes:basic;
-  margin-top: var(--zd_size5) ;
-}
+  color:var(--label_text_color);
+  display: inline-block;
+  margin: 0 var(--zd_size5) ;
+}
+.primary {
+  position: absolute;
+  top: 100% ;
+  composes:basic;
+  margin-top: var(--zd_size5) ;
+}
+[dir=ltr] .primary {
+  left: 0 ;
+}
+[dir=rtl] .primary {
+  right: 0 ;
+}
+.secondary {
+  composes:basic;
+  margin-top: var(--zd_size5) ;
+}

package/es/form/fields/ValidationMessage/__tests__/ValidationMessage.spec.js

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

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 {