@zohodesk/dot 1.0.0-beta.257 → 1.0.0-beta.259

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

@@ -1,107 +1,107 @@
-.tag {
-  max-width: 100%;
-}
-[dir=ltr] .moreLess, [dir=ltr] .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);
-}
-.viewpopNew {
-  max-height: var(--zd_size250);
-}
-.tagDiv {
-  max-height: var(--zd_size160);
-  margin-top: var(--zd_size5);
-}
-.hasBorder {
-  transition: border var(--zd_transition2) linear 0s;
-  border-bottom-style: solid;
-  border-bottom-width: 1px;
-}
-.borderColor_transparent {
-  border-bottom-color: var(--zdt_tagsmultiselect_transparent_border);
-}
-.borderColor_transparent:hover {
-  border-bottom-color: var(--zdt_tagsmultiselect_transparent_hover_border);
-}
-.borderColor_transparent.active {
-  border-bottom-color: var(--zdt_tagsmultiselect_transparent_active_border);
-}
-.borderColor_default {
-  border-bottom-color: var(--zdt_tagsmultiselect_default_border);
-}
-.borderColor_default:hover {
-  border-bottom-color: var(--zdt_tagsmultiselect_default_hover_border);
-}
-.borderColor_default.active {
-  border-bottom-color: var(--zdt_tagsmultiselect_default_active_border);
-}
-.borderColor_dark {
-  border-bottom-color: var(--zdt_tagsmultiselect_dark_border);
-}
-.borderColor_dark:hover {
-  border-bottom-color: var(--zdt_tagsmultiselect_dark_hover_border);
-}
-.borderColor_dark.active {
-  border-bottom-color: var(--zdt_tagsmultiselect_dark_active_border);
-}
-.moreLess {
-  color: var(--zdt_tagsmultiselect_more_text);
-  font-size: var(--zd_font_size13);
-  cursor: pointer;
-}
-.moreLess:hover {
-  color: var(--zdt_tagsmultiselect_more_hover_text);
-}
-.inputWrapper {
-  position: relative;
-  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: var(--zd_size5);
-}
-[dir=rtl] .newTagLabel {
-  margin-left: var(--zd_size5);
-}
-.dotted {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-}
-.dropdown {
-  margin-top: var(--zd_size1);
-}
-.custmSpan {
-  height: var(--zd_size25);
-  display: inline-block;
-  vertical-align: middle;
-  opacity: 0;
-  overflow: hidden;
-  white-space: nowrap;
-  max-width: 100%;
-  visibility: hidden;
-}
-.custmInp {
-  position: absolute;
-  top: 0;
-  width: 100%;
-}
-[dir=ltr] .custmInp {
-  left: 0;
-}
-[dir=rtl] .custmInp {
-  right: 0;
-}
-.newTagText {
-  color: var(--zdt_tagsmultiselect_more_text);
-}
+.tag {
+  max-width: 100%;
+}
+[dir=ltr] .moreLess, [dir=ltr] .tag {
+  margin: 0 6px 6px 0;
+}
+[dir=rtl] .moreLess, [dir=rtl] .tag {
+  margin: 0 0 6px 6px;
+}
+.input {
+  height: 20px;
+  width: 100%;
+  margin-bottom: 4px;
+}
+.viewpopNew {
+  max-height: 250px;
+}
+.tagDiv {
+  max-height: 160px;
+  margin-top: 5px;
+}
+.hasBorder {
+  transition: border var(--zd_transition2) linear 0s;
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.borderColor_transparent {
+  border-bottom-color: var(--zdt_tagsmultiselect_transparent_border);
+}
+.borderColor_transparent:hover {
+  border-bottom-color: var(--zdt_tagsmultiselect_transparent_hover_border);
+}
+.borderColor_transparent.active {
+  border-bottom-color: var(--zdt_tagsmultiselect_transparent_active_border);
+}
+.borderColor_default {
+  border-bottom-color: var(--zdt_tagsmultiselect_default_border);
+}
+.borderColor_default:hover {
+  border-bottom-color: var(--zdt_tagsmultiselect_default_hover_border);
+}
+.borderColor_default.active {
+  border-bottom-color: var(--zdt_tagsmultiselect_default_active_border);
+}
+.borderColor_dark {
+  border-bottom-color: var(--zdt_tagsmultiselect_dark_border);
+}
+.borderColor_dark:hover {
+  border-bottom-color: var(--zdt_tagsmultiselect_dark_hover_border);
+}
+.borderColor_dark.active {
+  border-bottom-color: var(--zdt_tagsmultiselect_dark_active_border);
+}
+.moreLess {
+  color: var(--zdt_tagsmultiselect_more_text);
+  font-size: 13px;
+  cursor: pointer;
+}
+.moreLess:hover {
+  color: var(--zdt_tagsmultiselect_more_hover_text);
+}
+.inputWrapper {
+  position: relative;
+  max-width: 100%;
+  min-width: 5px;
+  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;
+}
+[dir=rtl] .newTagLabel {
+  margin-left: 5px;
+}
+.dotted {
+  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+}
+.dropdown {
+  margin-top: 1px;
+}
+.custmSpan {
+  height: 25px;
+  display: inline-block;
+  vertical-align: middle;
+  opacity: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  max-width: 100%;
+  visibility: hidden;
+}
+.custmInp {
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+[dir=ltr] .custmInp {
+  left: 0;
+}
+[dir=rtl] .custmInp {
+  right: 0;
+}
+.newTagText {
+  color: var(--zdt_tagsmultiselect_more_text);
+}

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

@@ -1,9 +1,9 @@
-.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);
-}
+.count {
+  color: var(--zdt_tagsmultiselectField_count_text);
+  font-size: 12px;
+  word-break: break-word;
+}[dir=ltr] .count {
+  margin-left: 4px;
+}[dir=rtl] .count {
+  margin-right: 4px;
+}

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

@@ -188,16 +188,17 @@ export default class TextEditor extends Component {
     if (!global.editor[id]) {
       global.editor[id] = editorObj;
     }
-    const css = 'blockquote {margin:0 0 0 4px; }',
-      head = editorObj.doc.head || editorObj.doc.getElementsByTagName('head')[0],
-      style = document.createElement('style');
-    style.type = 'text/css';
-    if (style.styleSheet) {
-      style.styleSheet.cssText = css;
-    } else {
-      style.appendChild(editorObj.doc.createTextNode(css));
-    }
-    head.appendChild(style);
+    // const css = 'blockquote {margin:0 0 0 4px; }',
+    //   head = editorObj.doc.head || editorObj.doc.getElementsByTagName('head')[0],
+    //   style = document.createElement('style');
+    // style.type = 'text/css';
+    // if (style.styleSheet) {
+    //   style.styleSheet.cssText = css;
+    // } else {
+    //   style.appendChild(editorObj.doc.createTextNode(css));
+    // }
+    // head.appendChild(style);
+
     editorCallback && editorCallback(editorObj);
     const iframe = selectn('iframe.contentDocument.body', editorObj) || null;
     const iframeHead = selectn('iframe.contentDocument.head', editorObj) || null;