@zohodesk/dot 1.9.8 → 1.9.9

package/README.md

@@ -2,6 +2,10 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+# 1.9.9
+
+- PX to variable conversion was not applied due to the CBT migration. The issue has now been fixed. 
+
 # 1.9.8
 
 - **DotProvider** - Variables package handled and separated the component & variable import files

package/es/Attachment/Attachment.module.css

@@ -14,15 +14,15 @@
   height: 100% ;
   width: 100% ;
   position: absolute;
-  top: 0 
+  top: 0  
 }
 
 [dir=ltr] .disableLayer {
-  left: 0 
+  left: 0  
 }
 
 [dir=rtl] .disableLayer {
-  right: 0 
+  right: 0  
 }
 
 .attachmentHover {

package/es/Image/Image.module.css

@@ -1,10 +1,10 @@
 .imgFullSize{
     height:100% ;
-    width:100% 
+    width:100%  
 }
 .imgMaxFullSize{
     max-height:100% ;
-    max-width:100% 
+    max-width:100%  
 }
 .imgFullSize, .imgMaxFullSize{
   /*  Variable:Ignore  */

package/es/Onboarding/css/Onboarding.module.css

@@ -471,7 +471,7 @@
   transform: translateX(calc(var(--local_translate_movement) * -1));
 }
 .carouselItem {
-  width: 100% 
+  width: 100%  
 }
 
 

package/es/Separator/Separator.module.css

@@ -1,23 +1,23 @@
 .varClass {
-  --separator_fontSize: 15px;
+  --separator_fontSize: var(--zd_font_size15);
 }
 .separator {
   font-size: var(--separator_fontSize);
   margin: 0 var(--zd_size5) ;
 }
 .dot {
-  --separator_fontSize: 8px;
+  --separator_fontSize: var(--zd_font_size8);
 }
 .slash {
-  --separator_fontSize: 10px;
+  --separator_fontSize: var(--zd_font_size10);
   /* line-height: var(--zd_size10); */
 }
 .arrow {
-  --separator_fontSize: 8px;
+  --separator_fontSize: var(--zd_font_size8);
   /* line-height: var(--zd_size7); */
 }
 .comma {
-  --separator_fontSize: 15px;
+  --separator_fontSize: var(--zd_font_size15);
   /* line-height: var(--zd_size13); */
 }
 .none {

package/es/TagWithIcon/TagWithIcon.module.css

@@ -2,8 +2,8 @@
   --tag_bg_color: var(--zdt_tagWithIconGrey_bg);
   --tag_text_color: var(--zdt_tagWithIconGrey_text);
   --tag_border_color: var(--zdt_tagWithIconGrey_border);
-  --tag_small_fontSize: 10px;
-  --tag_large_fontSize: 12px;
+  --tag_small_fontSize: var(--zd_font_size10);
+  --tag_large_fontSize: var(--zd_font_size12);
 }
 
 .wrapper {
@@ -20,7 +20,7 @@
 
 .small, .large {
   border: 1px solid var(--tag_border_color);
-  border-radius: var(--zd_size4);
+  border-radius: 4px;
   padding: 0 var(--zd_size6) ;
 }
 

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

@@ -2,7 +2,7 @@
   width: var(--zd_size25) ;
   height: var(--zd_size25) ;
   color: var(--zdt_commonalert_close_icon);
-  border-radius: var(--zd_size4);
+  border-radius: 4px;
   cursor: pointer;
 }
 

package/es/version2/GlobalNotification/GlobalNotification.module.css

@@ -82,7 +82,7 @@
   composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
   width: 100% ;
   box-shadow: var(--zd_bs_globalnotification_container);
-  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
+  border-radius: 0 0 10px 10px;
   background-color: var(--globalnotification_bg_color);
   border-style: solid;
   border-color: var(--commonalert_border_color);

package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css

@@ -28,17 +28,23 @@
 
 .footer {
   overflow: hidden;
-  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
+  border-radius: 0 0 10px 10px;
 }
-.horizontalScroll, .verticalScroll, .bothScroll {
+
+.horizontalScroll,
+.verticalScroll,
+.bothScroll {
   height: 100% ;
 }
+
 .horizontalScroll {
   composes: oflowx from '~@zohodesk/components/es/common/common.module.css';
 }
+
 .verticalScroll {
   composes: oflowy from '~@zohodesk/components/es/common/common.module.css';
 }
+
 .bothScroll {
   composes: oflowA from '~@zohodesk/components/es/common/common.module.css';
 }