@zohodesk/dot 1.0.0-temp-117 → 1.0.0-temp-118

package/lib/Separator/Separator.module.css

@@ -0,0 +1,34 @@
+.varClass {
+  --separator_fontSize: var(--zd_font_size15);
+}
+.separator {
+  font-size: var(--separator_fontSize);
+  margin: 0 var(--zd_size5);
+}
+.dot {
+  --separator_fontSize: var(--zd_font_size8);
+}
+.slash {
+  --separator_fontSize: var(--zd_font_size10);
+  /* line-height: var(--zd_size10); */
+}
+.arrow {
+  --separator_fontSize: var(--zd_font_size8);
+  /* line-height: var(--zd_size7); */
+}
+.comma {
+  --separator_fontSize: var(--zd_font_size15);
+  /* line-height: var(--zd_size13); */
+}
+.none {
+  display: none;
+}
+.default {
+  color: var(--zdt_separator_default_text);
+}
+.primary {
+  color: var(--zdt_separator_primary_text);
+}
+.secondary {
+  color: var(--zdt_separator_secondary_text);
+}

package/lib/Separator/props/defaultProps.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  palette: 'default',
+  type: 'dot',
+  wrap: false,
+  shrink: false,
+  aligndirection: 'row',
+  customClass: {
+    customWrapper: '',
+    customSeparator: '',
+    customChildren: ''
+  }
+};
+exports.defaultProps = defaultProps;

package/lib/Separator/props/propTypes.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var propTypes = {
+  aligndirection: _propTypes["default"].string,
+  children: _propTypes["default"].any,
+  palette: _propTypes["default"].oneOf(['default', 'primary', 'secondary']),
+  shrink: _propTypes["default"].bool,
+  type: _propTypes["default"].oneOf(['dot', 'slash', 'arrow', 'comma', 'none']),
+  wrap: _propTypes["default"].bool,
+  customClass: _propTypes["default"].obj,
+  customSeparatorType: _propTypes["default"].string
+};
+exports.propTypes = propTypes;

package/lib/ToastMessage/ToastMessage.module.css

@@ -3,7 +3,7 @@
   position: relative;
   max-height: 100%;
   border-radius: 5px;
-  box-shadow: 0 5px 40px 7px var(--zdt_toastmessage_default_box_shadow);
+  box-shadow: var(--bs_toastmessage_container);
   background-color: var(--zdt_toastmessage_default_bg);
   margin-bottom: var(--zd_size7);
 }[dir=ltr] .container {
@@ -149,6 +149,7 @@
 .alertleft {
   padding: var(--zd_size15) var(--zd_size25);
 }
+
 .alertico {
   min-width: var(--zd_size50);
 }
@@ -232,17 +233,17 @@
   background: var(--zdt_toastmessage_dropdown_bg);
 }
 
-.dropdown > i {
+.dropdown>i {
   position: absolute;
   top: 50%;
 }
 
-[dir=ltr] .dropdown > i {
+[dir=ltr] .dropdown>i {
   left: 50%;
   transform: translate(-50%, -50%);
 }
 
-[dir=rtl] .dropdown > i {
+[dir=rtl] .dropdown>i {
   right: 50%;
   transform: translate(50%, -50%);
 }
@@ -260,7 +261,7 @@
   transition: padding var(--zd_transition3), height var(--zd_transition3);
   border-top: 1px solid var(--zdt_toastmessage_message_border);
   cursor: pointer;
-  margin:0;
+  margin: 0;
 }
 
 [dir=ltr] .message {
@@ -325,4 +326,4 @@
 
 .primaryPlain {
   color: var(--zdt_toastmessage_primary_text);
-}
+}

package/lib/common/boxShadow.module.css

@@ -0,0 +1,77 @@
+:global(.shadowOn) {
+    /* attachment viewer */
+    --bs_attachmentviewer_selected: 0 0 4px 2px var(--zdt_attachmentviewer_selected_box_shadow) inset;
+
+    /* texteditor */
+    --bs_texteditor_menu: -1px 1px 2px 0 var(--zdt_texteditor_menu_after_box_shadow);
+    --bs_texteditor_ul: 0 1px 32px 0 var(--zdt_texteditor_dropdown_box_shadow);
+
+    /* subtab layout */
+    --bs_subtablayout_shadow: 0 0 6px var(--zdt_subtablayout_shadowstyle_box_shadow);
+
+    /* drawer */
+    --bs_drawer_shadow: 0 6px 12px var(--zdt_drawer_default_box_shadow);
+
+    /* dot new */
+    --bs_dotnew_shadow: 0 0 15px 1px var(--zdt_dotnew_default_box_shadow);
+
+    /* tag new */
+    --bs_tagnew_shadow: 0 8px 30px 0 var(--zdt_tagnew_default_box_shadow);
+
+    /* lookup section */
+    --bs_lookupsection_shadow: 0px 4px 20px var(--zdt_lookupsection_box_shadow);
+
+    /* message */
+    --bs_message_container: 0 0 19px 1px var(--zdt_message_default_box_shadow);
+
+    /* plus icon */
+    --bs_plusicon_container: 0 2px 3px 0 var(--zdt_plusicon_box_shadow);
+
+    /* toast message */
+    --bs_toastmessage_container: 0 5px 40px 7px var(--zdt_toastmessage_default_box_shadow);
+
+    /* global notification */
+    --bs_globalnotification_container: 0 4px 20px var(--globalnotification_box_shadow);
+
+    /* desktop notification */
+    --bs_desktopnotification_container: 0 4px 20px var(--zdt_desktopnotification_box_shadow);
+}
+
+:global(.shadowOffWithOutline) {
+    /* attachment viewer */
+    --bs_attachmentviewer_selected: 0 0 2px var(--zdt_contrast_shadow);
+
+    /* texteditor */
+    --bs_texteditor_menu: 0 0 2px var(--zdt_contrast_shadow);
+    --bs_texteditor_ul: 0 0 2px var(--zdt_contrast_shadow);
+
+    /* subtab layout */
+    --bs_subtablayout_shadow: 0 0 2px var(--zdt_contrast_shadow);
+
+    /* drawer */
+    --bs_drawer_shadow: 0 0 2px var(--zdt_contrast_shadow);
+
+    /* dot new */
+    --bs_dotnew_shadow: 0 0 2px var(--zdt_contrast_shadow);
+
+    /* tag new */
+    --bs_tagnew_shadow: 0 0 2px var(--zdt_contrast_shadow);
+
+    /* lookup section */
+    --bs_lookupsection_shadow: 0 0 2px var(--zdt_contrast_shadow);
+
+    /* message */
+    --bs_message_container: 0 0 2px var(--zdt_contrast_shadow);
+
+    /* plus icon */
+    --bs_plusicon_container: 0 0 2px var(--zdt_contrast_shadow);
+
+    /* toast message */
+    --bs_toastmessage_container: 0 0 2px var(--zdt_contrast_shadow);
+
+    /* global notification */
+    --bs_globalnotification_container: 0 0 2px var(--zdt_contrast_shadow);
+
+    /* desktop notification */
+    --bs_desktopnotification_container: 0 0 2px var(--zdt_contrast_shadow);
+}

package/lib/form/fields/TextEditor/TextEditor.js

@@ -178,7 +178,7 @@ var TextEditor = /*#__PURE__*/function (_Component) {
     key: "handleGetContent",
     value: function handleGetContent() {
       var id = this.props.id;
-      var editorObj = editor[id] ? editor[id] : {};
+      var editorObj = global.editor[id] ? global.editor[id] : {};
       var content = (0, _editorUtils.getRichEditorContent)(id);
       if (!(0, _editorUtils.editorContentValidate)(editorObj)) {
         content = '';
@@ -210,8 +210,8 @@ var TextEditor = /*#__PURE__*/function (_Component) {
       });
       var id = this.props.id;
       global.editor = global.editor || {};
-      if (!editor[id]) {
-        editor[id] = editorObj;
+      if (!global.editor[id]) {
+        global.editor[id] = editorObj;
       }
       var css = 'blockquote {margin:0 0 0 4px; }',
         head = editorObj.doc.head || editorObj.doc.getElementsByTagName('head')[0],