@zohodesk/dot 1.0.0-temp-227 → 1.0.0-temp-228.1

package/es/Upload/Upload.module.css

@@ -4,40 +4,49 @@
   vertical-align: middle;
   cursor: pointer;
   padding: var(--zd_size5) ;
-  border-radius: var(--zd_size2);
+  border-radius: 2px;
 }
+
 .light {
   background-color: var(--zdt_upload_default_bg);
 }
+
 .night {
   background-color: var(--zdt_upload_night_bg);
 }
+
 .overlay {
   position: absolute;
   top: 0 ;
   bottom: 0 ;
   background-color: var(--zdt_upload_overlay_bg);
 }
+
 [dir=ltr] .overlay {
   left: 0 ;
   right: 0 ;
 }
+
 [dir=rtl] .overlay {
   right: 0 ;
   left: 0 ;
 }
+
 .small {
   width: var(--zd_size50) ;
   height: var(--zd_size40) ;
 }
+
 .medium {
   height: var(--zd_size49) ;
   width: var(--zd_size65) ;
 }
+
 .preview {
   opacity: 0.4;
   cursor: default;
 }
+
 .loader {
   position: absolute;
   bottom: calc( var(--zd_size1) * -1 ) ;
@@ -45,31 +54,40 @@
   width: 0% ;
   transition: width var(--zd_transition6) ease;
 }
+
 [dir=ltr] .loader {
   left: 0 ;
 }
+
 [dir=rtl] .loader {
   right: 0 ;
 }
+
 .light .loader {
   background: var(--zdt_upload_loader_default_bg);
 }
+
 .night .loader {
   background: var(--zdt_upload_loader_night_bg);
 }
+
 .uploadimage {
   width: 100% ;
   height: 100% ;
 }
+
 [dir=ltr] .attachInfo {
   padding: var(--zd_size4) 0 0 var(--zd_size8) ;
 }
+
 [dir=rtl] .attachInfo {
   padding: var(--zd_size4) var(--zd_size8) 0 0 ;
 }
+
 .fileIcon {
   font-size: var(--zd_font_size14) ;
 }
+
 .attachsize {
   font-size: var(--zd_font_size10) ;
   letter-spacing: 1px;
@@ -77,12 +95,15 @@
   text-transform: uppercase;
   padding: var(--zd_size4) 0 var(--zd_size2) ;
 }
+
 .light .attachsize {
   color: var(--zdt_upload_attachsize_default_text);
 }
+
 .night .attachsize {
   color: var(--zdt_upload_attachsize_night_text);
 }
+
 .uploadclose {
   height: var(--zd_size12) ;
   width: var(--zd_size12) ;
@@ -92,34 +113,42 @@
   font-size: var(--zd_font_size12) ;
   text-align: center;
 }
+
 [dir=ltr] .uploadclose {
   right: 0 ;
 }
+
 [dir=rtl] .uploadclose {
   left: 0 ;
 }
+
 .light .uploadclose {
   color: var(--zdt_upload_uploadclose_default_text);
   background-color: var(--zdt_upload_uploadclose_default_bg);
 }
+
 .light .uploadclose:hover {
   background-color: var(--zdt_upload_uploadclose_default_hover_text);
 }
+
 .night .uploadclose {
   color: var(--zdt_upload_uploadclose_night_text);
   background-color: var(--zdt_upload_uploadclose_night_bg);
 }
+
 .night .uploadclose:hover {
   background-color: var(--zdt_upload_uploadclose_night_hover_text);
 }
+
 .uploadclose,
 .overlay {
   opacity: 0;
   visibility: hidden;
   transition: var(--zd_transition3);
 }
+
 .container:hover .uploadclose,
 .container:hover .overlay {
   opacity: 1;
   visibility: visible;
-}
+}

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

@@ -3,138 +3,178 @@
   position: relative;
   word-break: break-word;
 }
+
 .fieldContainer {
   position: relative;
   min-height: var(--zd_size25) ;
 }
+
 .fieldMargin_large {
   margin-top: var(--zd_size10) ;
 }
+
 .fieldMargin_medium {
   margin-top: var(--zd_size5) ;
 }
+
 .fieldMargin_small {
   margin-top: 0 ;
 }
+
 .radioContainer,
 .checkbox {
   composes: dflex alignVertical flexwrap from '~@zohodesk/components/es/common/common.module.css';
 }
+
 .checkbox {
   min-height: var(--zd_size28) ;
 }
+
 .checkboxRow {
   display: inherit;
 }
+
 .lineClamp_one,
 .lineClamp_two {
   composes: clamp from '~@zohodesk/components/es/common/common.module.css';
 }
+
 .lineClamp_one {
   -webkit-line-clamp: 1;
 }
+
 .lineClamp_two {
   -webkit-line-clamp: 2;
 }
+
 .checkboxText {
   composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
   line-height: normal;
 }
+
 [dir=ltr] .checkboxText {
   padding-left: var(--zd_size6) ;
 }
+
 [dir=rtl] .checkboxText {
   padding-right: var(--zd_size6) ;
 }
+
 .cbTextPointer {
   cursor: pointer;
 }
+
 .disabled, .readonly {
   cursor: not-allowed;
 }
+
 .cbTextReadonly,
 .disabled .fieldLabel,
 .readonly .fieldLabel {
   --label_cursor: not-allowed;
 }
+
 [dir=ltr] .radio {
   margin: var(--zd_size5) var(--zd_size32) var(--zd_size5) 0 ;
 }
+
 [dir=rtl] .radio {
   margin: var(--zd_size5) 0 var(--zd_size5) var(--zd_size32) ;
 }
-.radio, .radioWrap {
-  max-width: 100% 
+
+.radio,
+.radioWrap {
+  max-width: 100%  
 }
+
 .radiosWrapper {
   gap: var(--zd_size10) 
 }
+
 .radioBox {
   max-width: 100% ;
   transition: border var(--zd_transition3);
   border: 1px solid var(--zdt_radiofield_box_border);
   border-radius: 6px;
 }
+
 .radioBox.primaryTextOnly {
   height: var(--zd_size36) ;
   padding: 0 var(--zd_size10) ;
 }
+
 .radioBox.withSecondaryText {
   padding: var(--zd_size18) var(--zd_size16) ;
 }
+
 .hoverableRadioBox:hover, .radioBoxActive {
   border-color: var(--zdt_radiofield_box_active_border)
 }
+
 .radioBoxActive {
   background-color: var(--zdt_radiofield_box_active_bg)
 }
+
 [dir=ltr] .duration {
   margin-right: var(--zd_size15) ;
 }
+
 [dir=rtl] .duration {
   margin-left: var(--zd_size15) ;
 }
+
 .durationWidth {
   width: var(--zd_size94) ;
 }
+
 .flex {
   composes: dflex from '~@zohodesk/components/es/common/common.module.css';
 }
+
 .periodContainer {
   composes: dflex flexrow flexwrap from '~@zohodesk/components/es/common/common.module.css';
   width: 100% ;
-  /*margin-left: var(--zd_size15);*/
+  /*margin-left: 15px;*/
 }
+
 .phoneIcon {
   color: var(--zdt_fields_phoneicon_icon);
   display: inline-block;
   margin: var(--zd_size15) var(--zd_size10) 0 var(--zd_size10) ;
   cursor: pointer;
 }
+
 .phoneIcon:hover {
   color: var(--zdt_fields_phoneicon_hover_icon);
 }
+
 .newtabIcon {
   color: var(--zdt_fields_newtabicon_icon);
   cursor: pointer;
 }
+
 .newtabIcon:hover {
-    color: var(--zdt_fields_newtabicon_hover_icon);
+  color: var(--zdt_fields_newtabicon_hover_icon);
 }
+
 .labelContainer {
   composes: dflex alignVertical from '~@zohodesk/components/es/common/common.module.css';
 }
+
 .lockIcon,
 .infoIcon {
   color: var(--zdt_fields_lockicon_icon);
   composes: dInflex from '~@zohodesk/components/es/common/common.module.css';
 }
+
 [dir=ltr] .lockIcon, [dir=ltr] .infoIcon {
   margin-left: var(--zd_size5) ;
 }
+
 [dir=rtl] .lockIcon, [dir=rtl] .infoIcon {
   margin-right: var(--zd_size5) ;
 }
+
 /* .infoIcon {
   opacity: 0;
   visibility: hidden;
@@ -149,49 +189,62 @@
 .lockIcon:hover {
   color: var(--zdt_fields_lockicon_hover_icon);
 }
+
 .timeFormat {
   font-size: var(--zd_font_size11) ;
   color: var(--zdt_fields_lockicon_icon);
 }
+
 [dir=ltr] .timeFormat {
   margin-left: var(--zd_size4) ;
 }
+
 [dir=rtl] .timeFormat {
   margin-right: var(--zd_size4) ;
 }
+
 .newTab {
   color: var(--zdt_fields_lockicon_icon);
   font-size: 0 ;
   display: none;
   cursor: pointer;
 }
+
 [dir=ltr] .newTab {
   margin-left: var(--zd_size6) ;
 }
+
 [dir=rtl] .newTab {
   margin-right: var(--zd_size6) ;
 }
+
 .newTab:hover {
   color: var(--zdt_fields_phoneicon_icon);
 }
+
 .container:hover .newTab {
   display: block;
 }
+
 .lockText {
   font-size: var(--zd_font_size13) ;
   font-style: italic;
   composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
 }
+
 .labelMandatory:after {
   content: '*';
   color: var(--zdt_fields_lockicon_hover_icon);
 }
+
 [dir=ltr] .labelMandatory:after {
   padding-left: var(--zd_size2) ;
 }
+
 [dir=rtl] .labelMandatory:after {
   padding-right: var(--zd_size2) ;
 }
+
 .ePhiTag {
   composes: flexshrink from '~@zohodesk/components/es/common/common.module.css';
   color: var(--zdt_fields_phitag_text);
@@ -201,35 +254,38 @@
   background-color: var(--zdt_fields_phitag_bg);
   border: 1px solid var(--zdt_fields_phitag_border);
   padding: 0 var(--zd_size5) ;
-  border-radius: var(--zd_size3);
+  border-radius: 3px;
 }
+
 [dir=ltr] .ePhiTag {
   margin-left: var(--zd_size8) ;
 }
+
 [dir=rtl] .ePhiTag {
   margin-right: var(--zd_size8) ;
 }
 
-.hasChildren{
-position: relative;
+.hasChildren {
+  position: relative;
 }
 
-.rightPlaceholder{
+.rightPlaceholder {
   position: absolute;
-  bottom:var(--zd_size4) 
+  bottom: var(--zd_size4) 
 }
 
-[dir=ltr] .rightPlaceholder{
-  right:var(--zd_size15) 
+[dir=ltr] .rightPlaceholder {
+  right: var(--zd_size15) 
 }
 
-[dir=rtl] .rightPlaceholder{
-  left:var(--zd_size15) 
+[dir=rtl] .rightPlaceholder {
+  left: var(--zd_size15) 
 }
-.phoneField{
-  composes: ltr-zone  from '~@zohodesk/components/es/common/common.module.css';
+
+.phoneField {
+  composes: ltr-zone from '~@zohodesk/components/es/common/common.module.css';
 }
 
-.lineClampPickListItem{
-  --line-clamp: var(--picklist-field-line-clamp,3);
+.lineClampPickListItem {
+  --line-clamp: var(--picklist-field-line-clamp, 3);
 }

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

@@ -701,7 +701,7 @@
 }
 
 .textEditor :global .KB_Editor_common_DropDown {
-  padding: 0  !important;
+  padding: 0   !important;
 }
 
 .textEditor :global .KB_Editor_common_DropDown ul {

package/es/list/GridStencils/GridStencils.module.css

@@ -4,14 +4,17 @@
   border-bottom: 1px solid var(--zdt_gridstencils_default_border);
   padding: var(--zd_size13) var(--zd_size15) var(--zd_size11) var(--zd_size15) ;
   margin-bottom: var(--zd_size10) ;
-  border-radius: var(--zd_size5);
+  border-radius: 5px;
 }
+
 [dir=ltr] .stenLoadbody {
   margin: var(--zd_size8) var(--zd_size20) var(--zd_size8) 0 ;
 }
+
 [dir=rtl] .stenLoadbody {
   margin: var(--zd_size8) 0 var(--zd_size8) var(--zd_size20) ;
 }
+
 .stenLoadbody::after {
   content: '';
   height: var(--zd_size22) ;
@@ -21,29 +24,36 @@
   border-radius: 50%;
   background-color: var(--zdt_gridstencils_after_bg);
 }
+
 [dir=ltr] .stenLoadbody::after {
   right: var(--zd_size20) ;
 }
+
 [dir=rtl] .stenLoadbody::after {
   left: var(--zd_size20) ;
 }
+
 .lineBar {
   width: 90% ;
 }
+
 .lineBar2 {
   width: 70% ;
   margin: var(--zd_size22) 0 ;
 }
+
 .lineBar3 {
   width: 50% ;
 }
+
 .lineBar,
 .lineBar2,
 .lineBar3 {
   height: var(--zd_size5) ;
 }
+
 .lineBar, .lineBar2, .lineBar3 {
-  border-radius: var(--zd_size5);
+  border-radius: 5px;
 }
 .stenListBAr {
   position: relative;

package/es/list/TagNew/TagNew.module.css

@@ -8,7 +8,7 @@
   transition: all var(--zd_transition2) ease 0s;
   opacity: 0;
   visibility: hidden;
-  border-radius: var(--zd_size14);
+  border-radius: 14px;
   background-color: var(--zdt_tagnew_default_bg);
   box-shadow: var(--zd_bs_tagnew_shadow);
   padding: 0 var(--zd_size15) ;

package/es/list/status/StatusListItem/StatusListItem.module.css

@@ -1,7 +1,7 @@
 .varClass {
   --statuslistitem_multiline_lineheight: 1.5385;
   --statuslistitem_font_size: var(--zd_font_size13);
-  --statuslistitem_min_height: 35px;
+  --statuslistitem_min_height: var(--zd_size35);
 }
 
 .list {
@@ -29,7 +29,7 @@
   padding: var(--zd_size7) var(--zd_size20) ;
 }
 .large {
-  --statuslistitem_min_height: 48px;
+  --statuslistitem_min_height: var(--zd_size48);
 }
 [dir=ltr] .large {
   padding: var(--zd_size10) var(--zd_size3) var(--zd_size10) var(--zd_size25) ;

package/es/lookup/Lookup/Lookup.js

@@ -70,8 +70,7 @@ export default class Lookup extends Component {
       ...a11yAttributes
     } = a11y;
     const {
-      focusScopeProps = {},
-      freezeLayerProps
+      focusScopeProps = {}
     } = customProps;
     const {
       needAutoFocus = true,
@@ -98,17 +97,16 @@ export default class Lookup extends Component {
       isCover: false,
       className: `${isMinHeight ? style.wrapper : style.coverwrap} ${style.containerWidth} ${containerClass}`
     }, children));
-    return /*#__PURE__*/React.createElement(FreezeLayer, _extends({
+    return /*#__PURE__*/React.createElement(FreezeLayer, {
       align: "horizontal",
       animationName: "fade",
-      palette: "snow"
-    }, freezeLayerProps, {
       childAnimationName: childAnimationName,
       isActive: isActive,
+      palette: "snow",
       forwardRef: forwardRef,
       onClick: onClick,
       customClass: customClass
-    }), /*#__PURE__*/React.createElement(Container, {
+    }, /*#__PURE__*/React.createElement(Container, {
       alignBox: "row",
       className: style.container,
       dataId: "fldValue"

package/es/lookup/Lookup/__tests__/Lookup.spec.js

@@ -1,37 +1,14 @@
 import React from 'react';
-import { cleanup, render } from '@testing-library/react';
+import { render } from '@testing-library/react';
 import Lookup from "../Lookup";
-const SIZE_VALUES = ['small', 'xmedium', 'large', 'xlarge', 'full'];
-const CHILD_ANIMATION_NAME_VALUES = ['expand'];
-afterEach(() => {
-  cleanup();
-});
-describe('Lookup snapshot - ', () => {
-  test('Render with default props', () => {
+describe('Lookup', () => {
+  test('rendering the defult props', () => {
     const {
       asFragment
     } = render( /*#__PURE__*/React.createElement(Lookup, null));
     expect(asFragment()).toMatchSnapshot();
   });
-  test.each(SIZE_VALUES)('Render with size=%s', size => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(Lookup, {
-      isActive: true,
-      size: size
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test.each(CHILD_ANIMATION_NAME_VALUES)('Render with childAnimationName=%s', childAnimationName => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(Lookup, {
-      isActive: true,
-      childAnimationName: childAnimationName
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Render with isActive=true', () => {
+  test('rendering isActive is true', () => {
     const {
       asFragment
     } = render( /*#__PURE__*/React.createElement(Lookup, {
@@ -39,78 +16,4 @@ describe('Lookup snapshot - ', () => {
     }));
     expect(asFragment()).toMatchSnapshot();
   });
-  test('Render with isMinHeight=true', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(Lookup, {
-      isActive: true,
-      isMinHeight: true
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Render with children', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(Lookup, {
-      isActive: true
-    }, /*#__PURE__*/React.createElement("div", null, "Lookup child content")));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Render with custom classes', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(Lookup, {
-      isActive: true,
-      customClass: "lookup-freeze-layer",
-      containerClass: "lookup-container",
-      lookupClass: "lookup-box"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Render with customProps', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(Lookup, {
-      isActive: true,
-      customProps: {
-        freezeLayerProps: {
-          palette: 'plain'
-        }
-      }
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Render with dataId', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(Lookup, {
-      isActive: true,
-      dataId: "lookup-data-id"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Render with htmlId', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(Lookup, {
-      isActive: true,
-      htmlId: "lookup-html-id"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Render with a11y attributes', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(Lookup, {
-      isActive: true,
-      a11y: {
-        role: 'region',
-        ariaLabelledby: 'lookup-title',
-        ariaDescribedby: 'lookup-description',
-        ariaLabel: 'Lookup Dialog',
-        ariaModal: true
-      }
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
 });