@zohodesk/dot 1.0.0-beta.265 → 1.0.0-beta.266

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

@@ -1,23 +1,23 @@
 .tag {
-  max-width: 100%;
+  max-width: 100% ;
 }
 [dir=ltr] .moreLess, [dir=ltr] .tag {
-  margin: 0 6px 6px 0;
+  margin: 0 var(--zd_size6) var(--zd_size6) 0 ;
 }
 [dir=rtl] .moreLess, [dir=rtl] .tag {
-  margin: 0 0 6px 6px;
+  margin: 0 0 var(--zd_size6) var(--zd_size6) ;
 }
 .input {
-  height: 20px;
-  width: 100%;
-  margin-bottom: 4px;
+  height: var(--zd_size20) ;
+  width: 100% ;
+  margin-bottom: var(--zd_size4) ;
 }
 .viewpopNew {
-  max-height: 250px;
+  max-height: var(--zd_size250) ;
 }
 .tagDiv {
-  max-height: 160px;
-  margin-top: 5px;
+  max-height: var(--zd_size160) ;
+  margin-top: var(--zd_size5) ;
 }
 .hasBorder {
   transition: border var(--zd_transition2) linear 0s;
@@ -53,7 +53,7 @@
 }
 .moreLess {
   color: var(--zdt_tagsmultiselect_more_text);
-  font-size: 13px;
+  font-size: var(--zd_font_size13) ;
   cursor: pointer;
 }
 .moreLess:hover {
@@ -61,46 +61,46 @@
 }
 .inputWrapper {
   position: relative;
-  max-width: 100%;
-  min-width: 5px;
-  font-size: 0;
+  max-width: 100% ;
+  min-width: var(--zd_size5) ;
+  font-size: 0 ;
 }
 .newTagLabel {
   color: var(--zdt_tagsmultiselect_labelt_text);
   composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
 }
 [dir=ltr] .newTagLabel {
-  margin-right: 5px;
+  margin-right: var(--zd_size5) ;
 }
 [dir=rtl] .newTagLabel {
-  margin-left: 5px;
+  margin-left: var(--zd_size5) ;
 }
 .dotted {
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
 }
 .dropdown {
-  margin-top: 1px;
+  margin-top: var(--zd_size1) ;
 }
 .custmSpan {
-  height: 25px;
+  height: var(--zd_size25) ;
   display: inline-block;
   vertical-align: middle;
   opacity: 0;
   overflow: hidden;
   white-space: nowrap;
-  max-width: 100%;
+  max-width: 100% ;
   visibility: hidden;
 }
 .custmInp {
   position: absolute;
-  top: 0;
-  width: 100%;
+  top: 0 ;
+  width: 100% ;
 }
 [dir=ltr] .custmInp {
-  left: 0;
+  left: 0 ;
 }
 [dir=rtl] .custmInp {
-  right: 0;
+  right: 0 ;
 }
 .newTagText {
   color: var(--zdt_tagsmultiselect_more_text);

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

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