@zohodesk/dot 1.0.0-beta.192 → 1.0.0-beta.196

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

@@ -34,15 +34,10 @@
   -webkit-line-clamp: 2;
 }
 .checkboxText {
+  padding-left: var(--zd_size6);
   composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
   line-height: normal;
 }
-[dir=ltr] .checkboxText {
-  padding-left: var(--zd_size6);
-}
-[dir=rtl] .checkboxText {
-  padding-right: var(--zd_size6);
-}
 .cbTextReadonly {
   cursor: not-allowed;
 }
@@ -52,18 +47,12 @@
 .disabled {
   composes: disabled from '~@zohodesk/components/lib/common/common.module.css';
 }
-[dir=ltr] .radio {
+.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);
-}
-[dir=ltr] .duration {
+.duration {
   margin-right: var(--zd_size15);
 }
-[dir=rtl] .duration {
-  margin-left: var(--zd_size15);
-}
 .durationWidth {
   width: var(--zd_size94);
 }
@@ -77,8 +66,8 @@
 }
 .phoneIcon {
   color: var(--zdt_fields_phoneicon_icon);
-  display: inline-block;
   margin: var(--zd_size15) var(--zd_size10) 0 var(--zd_size10);
+  display: inline-block;
   cursor: pointer;
 }
 .phoneIcon:hover {
@@ -97,13 +86,8 @@
 .lockIcon,
 .infoIcon {
   color: var(--zdt_fields_lockicon_icon);
-  composes: dInflex from '~@zohodesk/components/lib/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);
+  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
 }
 /* .infoIcon {
   opacity: 0;
@@ -121,25 +105,15 @@
 }
 .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);
+  color: var(--zdt_fields_lockicon_icon);
 }
 .newTab {
+  margin-left: var(--zd_size6);
+  cursor: pointer;
   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);
@@ -154,28 +128,18 @@
 }
 .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);
+  color: var(--zdt_fields_lockicon_hover_icon);
 }
 .ePhiTag {
   composes: flexshrink from '~@zohodesk/components/lib/common/common.module.css';
   color: var(--zdt_fields_phitag_text);
-  font-size: var(--zd_font_size12);
-  height: var(--zd_size18);
-  line-height: var(--zd_size18);
   background-color: var(--zdt_fields_phitag_bg);
   border: 1px solid var(--zdt_fields_phitag_border);
+  font-size: var(--zd_font_size12);
   padding: 0 var(--zd_size5);
   border-radius: var(--zd_size3);
-}
-[dir=ltr] .ePhiTag {
   margin-left: var(--zd_size8);
-}
-[dir=rtl] .ePhiTag {
-  margin-right: var(--zd_size8);
+  height: var(--zd_size18);
+  line-height: var(--zd_size18);
 }

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

@@ -1,28 +1,26 @@
 .tag {
   max-width: 100%;
 }
-[dir=ltr] .moreLess, [dir=ltr] .tag {
+.moreLess,
+.tag {
   margin: 0 var(--zd_size6) var(--zd_size6) 0;
 }
-[dir=rtl] .moreLess, [dir=rtl] .tag {
-  margin: 0 0 var(--zd_size6) var(--zd_size6);
-}
 .input {
   height: var(--zd_size20);
-  width: 100%;
   margin-bottom: var(--zd_size4);
+  width: 100%;
 }
 .viewpopNew {
   max-height: var(--zd_size250);
 }
 .tagDiv {
-  max-height: var(--zd_size160);
   margin-top: var(--zd_size5);
+  max-height: var(--zd_size160);
 }
 .hasBorder {
-  transition: border var(--zd_transition2) linear 0s;
   border-bottom-style: solid;
   border-bottom-width: 1px;
+  transition: border var(--zd_transition2) linear 0s;
 }
 .borderColor_transparent {
   border-bottom-color: var(--zdt_tagsmultiselect_transparent_border);
@@ -66,15 +64,10 @@
   font-size: 0;
 }
 .newTagLabel {
+  margin-right: var(--zd_size5);
   color: var(--zdt_tagsmultiselect_labelt_text);
   composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
 }
-[dir=ltr] .newTagLabel {
-  margin-right: var(--zd_size5);
-}
-[dir=rtl] .newTagLabel {
-  margin-left: var(--zd_size5);
-}
 .dotted {
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
 }
@@ -94,13 +87,8 @@
 .custmInp {
   position: absolute;
   top: 0;
-  width: 100%;
-}
-[dir=ltr] .custmInp {
   left: 0;
-}
-[dir=rtl] .custmInp {
-  right: 0;
+  width: 100%;
 }
 .newTagText {
   color: var(--zdt_tagsmultiselect_more_text);

package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js

@@ -1,3 +1,5 @@
+import "core-js/modules/es.string.replace";
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React, { useState, useEffect } from 'react';

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

@@ -1,9 +1,6 @@
 .count {
   color: var(--zdt_tagsmultiselectField_count_text);
   font-size: var(--zd_font_size12);
-  word-break: break-word;
-}[dir=ltr] .count {
   margin-left: var(--zd_size4);
-}[dir=rtl] .count {
-  margin-right: var(--zd_size4);
+  word-break: break-word;
 }