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

package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css

@@ -1,23 +1,23 @@
-.container {
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
-  vertical-align: middle;
-  position: relative;
-}
-
-.teamAvatar {
-  position: absolute;
-  bottom: calc(var(--zd_size6) * -1);
-  font-size: 0;
-  padding: var(--zd_size2);
-  border-radius: 50%;
-  transform: scale(0.8);
-  background-color: var(--zdt_avatarwithteam_default_bg);
-}
-
-[dir=ltr] .teamAvatar {
-  right: calc(var(--zd_size10) * -1);
-}
-
-[dir=rtl] .teamAvatar {
-  left: calc(var(--zd_size10) * -1);
-}
+.container {
+  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
+  vertical-align: middle;
+  position: relative;
+}
+
+.teamAvatar {
+  position: absolute;
+  bottom: -6px;
+  font-size: 0;
+  padding: 2px;
+  border-radius: 50%;
+  transform: scale(0.8);
+  background-color: var(--zdt_avatarwithteam_default_bg);
+}
+
+[dir=ltr] .teamAvatar {
+  right: -10px;
+}
+
+[dir=rtl] .teamAvatar {
+  left: -10px;
+}

package/es/common/dot_animation.module.css

@@ -1,27 +1,27 @@
-
-[dir=ltr] .rotate{
-  animation-name:  rotate-ltr ;
-}
-[dir=rtl] .rotate{
-  animation-name:  rotate-rtl ;
-}
-
-@keyframes rotate-ltr {
-  from {
-      transform: rotate(0);
-  }
-  
-  to {
-      transform: rotate(360deg);
-  }
-  }
-
-@keyframes rotate-rtl {
-  from {
-      transform: rotate(0);
-  }
-  
-  to {
-      transform: rotate(-360deg);
-  }
+
+[dir=ltr] .rotate{
+  animation-name:  rotate-ltr ;
+}
+[dir=rtl] .rotate{
+  animation-name:  rotate-rtl ;
+}
+
+@keyframes rotate-ltr {
+  from {
+      transform: rotate(0);
+  }
+  
+  to {
+      transform: rotate(360deg);
+  }
+  }
+
+@keyframes rotate-rtl {
+  from {
+      transform: rotate(0);
+  }
+  
+  to {
+      transform: rotate(-360deg);
+  }
   }

package/es/common/dot_boxShadow.module.css

@@ -1,38 +1,38 @@
-:root {
-    /* attachment viewer */
-    --zd_bs_attachmentviewer_selected: var(--zd_bs_contrast_outline, 0 0 4px 2px var(--zdt_attachmentviewer_selected_box_shadow) inset);
-
-    /* texteditor */
-    --zd_bs_texteditor_menu: var(--zd_bs_contrast_outline, -1px 1px 2px 0 var(--zdt_texteditor_menu_after_box_shadow));
-    --zd_bs_texteditor_ul: var(--zd_bs_contrast_outline, 0 1px 32px 0 var(--zdt_texteditor_dropdown_box_shadow));
-
-    /* subtab layout */
-    --zd_bs_subtablayout_shadow: var(--zd_bs_contrast_outline, 0 0 6px var(--zdt_subtablayout_shadowstyle_box_shadow));
-
-    /* drawer */
-    --zd_bs_drawer_shadow: var(--zd_bs_contrast_outline, 0 6px 12px var(--zdt_drawer_default_box_shadow));
-
-    /* dot new */
-    --zd_bs_dotnew_shadow: var(--zd_bs_contrast_outline, 0 0 15px 1px var(--zdt_dotnew_default_box_shadow));
-
-    /* tag new */
-    --zd_bs_tagnew_shadow: var(--zd_bs_contrast_outline, 0 8px 30px 0 var(--zdt_tagnew_default_box_shadow));
-
-    /* lookup section */
-    --zd_bs_lookupsection_shadow: var(--zd_bs_contrast_outline, 0px 4px 20px var(--zdt_lookupsection_box_shadow));
-
-    /* message */
-    --zd_bs_message_container: var(--zd_bs_contrast_outline, 0 0 19px 1px var(--zdt_message_default_box_shadow));
-
-    /* plus icon */
-    --zd_bs_plusicon_container: var(--zd_bs_contrast_outline, 0 2px 3px 0 var(--zdt_plusicon_box_shadow));
-
-    /* toast message */
-    --zd_bs_toastmessage_container: var(--zd_bs_contrast_outline, 0 5px 40px 7px var(--zdt_toastmessage_default_box_shadow));
-
-    /* global notification */
-    --zd_bs_globalnotification_container: var(--zd_bs_contrast_outline, 0 4px 20px var(--globalnotification_box_shadow));
-
-    /* desktop notification */
-    --zd_bs_desktopnotification_container: var(--zd_bs_contrast_outline, 0 4px 20px var(--zdt_desktopnotification_box_shadow));
+:root {
+    /* attachment viewer */
+    --zd_bs_attachmentviewer_selected: var(--zd_bs_contrast_outline, 0 0 4px 2px var(--zdt_attachmentviewer_selected_box_shadow) inset);
+
+    /* texteditor */
+    --zd_bs_texteditor_menu: var(--zd_bs_contrast_outline, -1px 1px 2px 0 var(--zdt_texteditor_menu_after_box_shadow));
+    --zd_bs_texteditor_ul: var(--zd_bs_contrast_outline, 0 1px 32px 0 var(--zdt_texteditor_dropdown_box_shadow));
+
+    /* subtab layout */
+    --zd_bs_subtablayout_shadow: var(--zd_bs_contrast_outline, 0 0 6px var(--zdt_subtablayout_shadowstyle_box_shadow));
+
+    /* drawer */
+    --zd_bs_drawer_shadow: var(--zd_bs_contrast_outline, 0 6px 12px var(--zdt_drawer_default_box_shadow));
+
+    /* dot new */
+    --zd_bs_dotnew_shadow: var(--zd_bs_contrast_outline, 0 0 15px 1px var(--zdt_dotnew_default_box_shadow));
+
+    /* tag new */
+    --zd_bs_tagnew_shadow: var(--zd_bs_contrast_outline, 0 8px 30px 0 var(--zdt_tagnew_default_box_shadow));
+
+    /* lookup section */
+    --zd_bs_lookupsection_shadow: var(--zd_bs_contrast_outline, 0px 4px 20px var(--zdt_lookupsection_box_shadow));
+
+    /* message */
+    --zd_bs_message_container: var(--zd_bs_contrast_outline, 0 0 19px 1px var(--zdt_message_default_box_shadow));
+
+    /* plus icon */
+    --zd_bs_plusicon_container: var(--zd_bs_contrast_outline, 0 2px 3px 0 var(--zdt_plusicon_box_shadow));
+
+    /* toast message */
+    --zd_bs_toastmessage_container: var(--zd_bs_contrast_outline, 0 5px 40px 7px var(--zdt_toastmessage_default_box_shadow));
+
+    /* global notification */
+    --zd_bs_globalnotification_container: var(--zd_bs_contrast_outline, 0 4px 20px var(--globalnotification_box_shadow));
+
+    /* desktop notification */
+    --zd_bs_desktopnotification_container: var(--zd_bs_contrast_outline, 0 4px 20px var(--zdt_desktopnotification_box_shadow));
 }

package/es/common/dot_common.module.css

@@ -1,4 +1,4 @@
-.audioImage {
-  background-image: url('../../images/audio_thumbnail.png');
-  background-repeat: no-repeat;
+.audioImage {
+  background-image: url('../../images/audio_thumbnail.png');
+  background-repeat: no-repeat;
 }

package/es/deprecated/FreezeLayer/_FreezeLayer.module.css

@@ -1,42 +1,42 @@
-.container {
-  top: 0;
-  bottom: 0;
-  position: absolute;
-  overflow: hidden;
-}[dir=ltr] .container {
-  left: 0;
-  right: 0;
-}[dir=rtl] .container {
-  right: 0;
-  left: 0;
-}
-.default {
-  background-color: var(--zdt_freezelayer_default_bg);
-}
-.dark {
-  background-color: var(--zdt_freezelayer_dark_bg);
-}
-.darkLight {
-  background-color: var(--zdt_freezelayer_darklight_bg);
-}
-.plain {
-  background-color: var(--zdt_freezelayer_plain_bg);
-}
-.snow {
-  background-color: var(--zdt_freezelayer_snow_bg);
-}
-.index3 {
-  z-index: 3;
-}
-.index5 {
-  z-index: 5;
-}
-.index7 {
-  z-index: 7;
-}
-.index10 {
-  z-index: 10;
-}
-.delay {
-  transition-delay: var(--zd_transition2);
-}
+.container {
+  top: 0;
+  bottom: 0;
+  position: absolute;
+  overflow: hidden;
+}[dir=ltr] .container {
+  left: 0;
+  right: 0;
+}[dir=rtl] .container {
+  right: 0;
+  left: 0;
+}
+.default {
+  background-color: var(--zdt_freezelayer_default_bg);
+}
+.dark {
+  background-color: var(--zdt_freezelayer_dark_bg);
+}
+.darkLight {
+  background-color: var(--zdt_freezelayer_darklight_bg);
+}
+.plain {
+  background-color: var(--zdt_freezelayer_plain_bg);
+}
+.snow {
+  background-color: var(--zdt_freezelayer_snow_bg);
+}
+.index3 {
+  z-index: 3;
+}
+.index5 {
+  z-index: 5;
+}
+.index7 {
+  z-index: 7;
+}
+.index10 {
+  z-index: 10;
+}
+.delay {
+  transition-delay: var(--zd_transition2);
+}

package/es/deprecated/SelectDropdown/SelectDropdown.module.css

@@ -1,56 +1,56 @@
-.container {
-  position: relative;
-  line-height: var(--zd_size18);
-  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-  padding: var(--zd_size3) var(--zd_size15);
-  cursor: pointer;
-}[dir=ltr] .container {
-  margin-left: var(--zd_size15);
-}[dir=rtl] .container {
-  margin-right: var(--zd_size15);
-}
-.container:hover {
-  background: var(--zdt_selectdropzdt_selectdropdown_hover_bg down_hover_bg);
-}
-.departName {
-  font-size: var(--zd_font_size13);
-  color: var(--zdt_selectdropdown_departname_text);
-  composes: flexgrow dotted offSelection from '~@zohodesk/components/lib/common/common.module.css';
-}
-.departIcon {
-  color: var(--zdt_selectdropdown_departicon);
-  cursor: pointer;
-}
-[dir=ltr] .departIcon {
-  margin-left: var(--zd_size5);
-}
-[dir=rtl] .departIcon {
-  margin-right: var(--zd_size5);
-}
-.rulesPopup {
-  max-height: var(--zd_size260);
-  padding: var(--zd_size10) 0;
-}
-
-.rulesDepart {
-  margin: 0 var(--zd_size5) var(--zd_size10) var(--zd_size5);
-}
-.searchDepart {
-  padding: 0 var(--zd_size20);
-  margin: 0 0 var(--zd_size10) 0;
-}
-
-/*Variables */
-/* select dropdown */
-
-[data-mode='dark'] {
-  --zdt_selectdropdown_hover_bg: var(--dot_smoke64);
-  --zdt_selectdropdown_departname_text: var(--zd_dark4);
-  --zdt_selectdropdown_departicon: var(--zd_dark5);
-}
-
-[data-mode='default'] {
-  --zdt_selectdropdown_hover_bg: var(--dot_smoke64);
-  --zdt_selectdropdown_departname_text: var(--zd_dark4);
-  --zdt_selectdropdown_departicon: var(--zd_dark5);
-}
+.container {
+  position: relative;
+  line-height: var(--zd_size18);
+  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  padding: 3px 15px;
+  cursor: pointer;
+}[dir=ltr] .container {
+  margin-left: 15px;
+}[dir=rtl] .container {
+  margin-right: 15px;
+}
+.container:hover {
+  background: var(--zdt_selectdropzdt_selectdropdown_hover_bg down_hover_bg);
+}
+.departName {
+  font-size: 13px;
+  color: var(--zdt_selectdropdown_departname_text);
+  composes: flexgrow dotted offSelection from '~@zohodesk/components/lib/common/common.module.css';
+}
+.departIcon {
+  color: var(--zdt_selectdropdown_departicon);
+  cursor: pointer;
+}
+[dir=ltr] .departIcon {
+  margin-left: 5px;
+}
+[dir=rtl] .departIcon {
+  margin-right: 5px;
+}
+.rulesPopup {
+  max-height: 260px;
+  padding: 10px 0;
+}
+
+.rulesDepart {
+  margin: 0 5px 10px 5px;
+}
+.searchDepart {
+  padding: 0 20px;
+  margin: 0 0 10px 0;
+}
+
+/*Variables */
+/* select dropdown */
+
+[data-mode='dark'] {
+  --zdt_selectdropdown_hover_bg: var(--dot_smoke64);
+  --zdt_selectdropdown_departname_text: var(--zd_dark4);
+  --zdt_selectdropdown_departicon: var(--zd_dark5);
+}
+
+[data-mode='default'] {
+  --zdt_selectdropdown_hover_bg: var(--dot_smoke64);
+  --zdt_selectdropdown_departname_text: var(--zd_dark4);
+  --zdt_selectdropdown_departicon: var(--zd_dark5);
+}

package/es/deprecated/utils/KeyboardApi.js

@@ -52,10 +52,10 @@ Shortcut.addAll = function (keysObj, props) {
   });
 };
 
-/**
- * @param keycombo = 'z' or 'z+e' or 'shift+a' etc..
- * @param callback = any function
- * @param action = keypress or keydown or keyup
+/**
+ * @param keycombo = 'z' or 'z+e' or 'shift+a' etc..
+ * @param callback = any function
+ * @param action = keypress or keydown or keyup
  */
 
 Shortcut.bulkAdd = function (shortcutArray) {
@@ -84,8 +84,8 @@ Shortcut.add = function (keycombo, cpFunc, action, displayLabel) {
   tempjson.action = action || 'keypress';
   shortcutdatas[keycombo.toLowerCase()] = tempjson;
 };
-/*Shortcut.prototype.remove = function(){
-
+/*Shortcut.prototype.remove = function(){
+
 };*/
 Shortcut.removeAll = function () {
   shortcutdatas = {};
@@ -215,25 +215,25 @@ function _convertToKeyCharacter(e) {
   return keyName;
 }
 function _defaultCallBack(keycombo, keyOptions) {
-  /*var keyElement = jQuery("[data-shortcut-key='" + keycombo + "']");
-  if (keyOptions.callbackflow !== undefined) {
-    keycombo = keyOptions.callbackflow.split(',');
-    var click = function(i, combo) {
-      setTimeout(function() {
-        jQuery("[data-shortcut-key='" + combo + "']").trigger('click');
-      }, i * 200);
-    };
-    for (var i = 0; i < keycombo.length; i++) {
-      var clickFunc = click.bind(this, i);
-      clickFunc(keycombo[i]);
-      highLightKeys(keycombo[i]);
-    }
-    return;
-  }
-  if (keyElement.length === 1) {
-    keyElement.trigger('click');
-    highLightKeys(keycombo);
-    return;
+  /*var keyElement = jQuery("[data-shortcut-key='" + keycombo + "']");
+  if (keyOptions.callbackflow !== undefined) {
+    keycombo = keyOptions.callbackflow.split(',');
+    var click = function(i, combo) {
+      setTimeout(function() {
+        jQuery("[data-shortcut-key='" + combo + "']").trigger('click');
+      }, i * 200);
+    };
+    for (var i = 0; i < keycombo.length; i++) {
+      var clickFunc = click.bind(this, i);
+      clickFunc(keycombo[i]);
+      highLightKeys(keycombo[i]);
+    }
+    return;
+  }
+  if (keyElement.length === 1) {
+    keyElement.trigger('click');
+    highLightKeys(keycombo);
+    return;
   }*/
 }
 function _shortRestrictionPlaces(e) {

package/es/dropdown/ToggleDropDown/ToggleDropDown.js

@@ -630,7 +630,7 @@ export class ToggleDropDown extends Component {
         },
         palette: palette,
         isResponsivePadding: true
-      }, DropBoxProps), /*#__PURE__*/React.createElement(Fragment, null, isSearch ? /*#__PURE__*/React.createElement(Box, {
+      }, DropBoxProps), /*#__PURE__*/React.createElement(React.Fragment, null, isSearch ? /*#__PURE__*/React.createElement(Box, {
         className: style.search
       }, /*#__PURE__*/React.createElement(TextBoxIcon, _extends({
         placeHolder: placeHolderText,
@@ -670,7 +670,7 @@ export class ToggleDropDown extends Component {
         onScroll: this.handleScroll,
         role: isSearch ? 'listbox' : undefined,
         "aria-labelledby": isSearch ? ariaTitleId : undefined
-      }, isDataLoaded ? options && options.length != 0 ? isGroupDropDown ? /*#__PURE__*/React.createElement(Fragment, null, options.map(group => {
+      }, isDataLoaded ? options && options.length != 0 ? isGroupDropDown ? /*#__PURE__*/React.createElement(React.Fragment, null, options.map(group => {
         const groupName = group[groupNameKey];
         const groupOptions = group[groupOptionsKey];
         const {
@@ -752,7 +752,7 @@ export class ToggleDropDown extends Component {
       }), isFetchingOptions && /*#__PURE__*/React.createElement(Container, {
         isCover: false,
         align: "both"
-      }, /*#__PURE__*/React.createElement(Loader, null))) : /*#__PURE__*/React.createElement(Fragment, null, options.map((item, i) => {
+      }, /*#__PURE__*/React.createElement(Loader, null))) : /*#__PURE__*/React.createElement(React.Fragment, null, options.map((item, i) => {
         const {
           iconName,
           iconSize,