@zohodesk/components 1.0.0-temp-132 → 1.0.0-temp-133

package/es/DateTime/DateWidget.js

@@ -829,10 +829,9 @@ class DateWidgetComponent extends React.Component {
       isError: false
     });
     value && onSelect && onSelect('', id);
-    this.valueInput && this.valueInput.focus({
-      preventScroll: true
-    });
+    // this.valueInput && this.valueInput.focus({ preventScroll: true });
   }
+
   handleDateTimeClear(e) {
     this.handleDateClear();
     const {

package/es/MultiSelect/Suggestions.js

@@ -52,7 +52,8 @@ export default class Suggestions extends React.PureComponent {
         optionType,
         iconSize,
         isDisabled,
-        listItemProps
+        listItemProps,
+        listItemCustomProps = {}
       } = suggestion;
       const isActive = activeId === id || selectedOptions.indexOf(id) >= 0;
       const isHighlight = hoverOption === index || id === hoverId ? true : false;
@@ -61,7 +62,8 @@ export default class Suggestions extends React.PureComponent {
         ariaLabel: value
       });
       const commonProps = {
-        isDisabled
+        isDisabled,
+        ...listItemCustomProps
       };
       if (listItemProps) {
         commonProps.customProps = {

package/es/Provider/AvatarSize.js

@@ -2,6 +2,7 @@ import style from '../common/avatarsizes.module.css';
 let styleList = {
   small: style.small,
   xsmall: style.xsmall,
+  xxsmall: style.xxsmall,
   medium: style.medium,
   xmedium: style.xmedium,
   large: style.large,

package/es/TextBoxIcon/TextBoxIcon.js

@@ -17,6 +17,24 @@ export default class TextBoxIcon extends React.Component {
     };
     this.handleFocus = this.handleFocus.bind(this);
     this.handleBlur = this.handleBlur.bind(this);
+    this.handleRef = this.handleRef.bind(this);
+    this.handleClear = this.handleClear.bind(this);
+  }
+  handleRef(ele) {
+    let {
+      inputRef
+    } = this.props;
+    this.inputEle = ele;
+    inputRef && inputRef(ele);
+  }
+  handleClear() {
+    let {
+      onClear
+    } = this.props;
+    onClear && onClear();
+    this.inputEle && this.inputEle.focus({
+      preventScroll: true
+    });
   }
   handleFocus(e) {
     const {
@@ -49,7 +67,6 @@ export default class TextBoxIcon extends React.Component {
       placeHolder,
       size,
       onKeyUp,
-      inputRef,
       isReadOnly,
       isDisabled,
       children,
@@ -121,7 +138,7 @@ export default class TextBoxIcon extends React.Component {
       onClick: onClick,
       isReadOnly: isReadOnly,
       isDisabled: isDisabled,
-      inputRef: inputRef,
+      inputRef: this.handleRef,
       needReadOnlyStyle: needReadOnlyStyle,
       isClickable: isClickable,
       onKeyPress: onKeyPress,
@@ -135,7 +152,7 @@ export default class TextBoxIcon extends React.Component {
       alignBox: "row"
     }, value && onClear && value.length > 1 && !isDisabled && !isReadOnly || showClearIcon ? /*#__PURE__*/React.createElement(Box, {
       className: `${btnStyle.buttonReset} ${style.icon}`,
-      onClick: onClear,
+      onClick: this.handleClear,
       dataId: `${dataId}_ClearIcon`,
       "data-title": clearText,
       tagName: "button"

package/es/Tooltip/Tooltip.module.css

@@ -3,7 +3,7 @@
   z-index: 9999999;
   /*Hook for editor alert*/
   pointer-events: none;
-  box-shadow: var(--bs_tooltip_shadow);
+  box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
   border-radius: var(--zd_size4);
 }[dir=ltr] .tooltiptext {
   animation: tooltip-grow var(--zd_transition7) cubic-bezier(0.175, 0.885, 0.32, 1.15);
@@ -49,7 +49,7 @@
   border-left: solid 6px var(--zdt_tooltip_default_bg);
   border-right: solid 6px transparent;
   border-bottom: solid 6px transparent;
-  box-shadow: var(--bs_tooltip_shadow);
+  box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
   z-index: -1;
 }
 
@@ -66,7 +66,7 @@
   border-left: solid 6px var(--zdt_tooltip_default_bg);
   border-right: solid 6px transparent;
   border-bottom: solid 6px transparent;
-  box-shadow: var(--bs_tooltip_shadow);
+  box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
   z-index: -1;
 }
 

package/es/common/avatarsizes.module.css

@@ -9,7 +9,8 @@
 .medium,
 .xmedium,
 .large,
-.xlarge {
+.xlarge,
+.xxsmall {
   composes: varClass;
   width: var(--avatar_width);
   height: var(--avatar_height);
@@ -18,7 +19,10 @@
   --avatar_height: var(--zd_size22);
   --avatar_width: var(--zd_size22);
 }
-
+.xxsmall {
+  --avatar_height: var(--zd_size18);
+  --avatar_width: var(--zd_size18);
+}
 .xsmall {
   --avatar_height: var(--zd_size30);
   --avatar_width: var(--zd_size30);

package/es/common/boxShadow.module.css

@@ -31,9 +31,6 @@
 
     /* tabs */
     --bs_tabs_shadow: 0 -2px 9px var(--zdt_tabs_alpha_box_shadow);
-
-    /* tooltip */
-    --bs_tooltip_shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
 }
 
 :global(.shadowOffWithOutline) {
@@ -71,7 +68,4 @@
 
     /* tabs */
     --bs_tabs_shadow: var(--bs_contrast_outline);
-
-    /* tooltip */
-    --bs_tooltip_shadow: var(--bs_contrast_outline);
 }

package/es/utils/Common.js

@@ -338,8 +338,10 @@ export function findScrollEnd(element) {
     if (scrollHeight <= Math.ceil(scrollTop + offsetHeight)) {
       return true;
     }
-  } else {
-    throw 'Is scroll not present in this element';
   }
+  // else {
+
+  //   throw 'Is scroll not present in this element';
+  // }
   return false;
 }

package/lib/Avatar/Avatar.js

@@ -151,19 +151,22 @@ var Avatar = /*#__PURE__*/function (_React$Component) {
         alternateSrc = _this$props2.alternateSrc,
         isAnimate = _this$props2.isAnimate,
         dataSelectorId = _this$props2.dataSelectorId,
-        customProps = _this$props2.customProps;
+        customProps = _this$props2.customProps,
+        needInnerBorder = _this$props2.needInnerBorder,
+        needDefaultBorder = _this$props2.needDefaultBorder;
       var _customProps$AvatarPr = customProps.AvatarProps,
         AvatarProps = _customProps$AvatarPr === void 0 ? {} : _customProps$AvatarPr;
       var textStyle = textPalette ? _AvatarModule["default"][textPalette] : palette === 'secondary' ? _AvatarModule["default"].white : _AvatarModule["default"].black;
       var shapeStyle = shape === 'circle' ? 'circle' : "square_".concat(size);
       initial = initial || this.getInitialByFullName(name);
       var isInvalidImageList = Avatar.invalidImageURLs.indexOf(src) !== -1;
-      var isValidImageList = Avatar.validImageURLs.indexOf(src) !== -1;
+      //let isValidImageList = Avatar.validImageURLs.indexOf(src) !== -1;
       var showAvatar = src && !isInvalidImageList;
       var showInitial = !showAvatar || showAvatar && isInvalidImageList;
       var showAlternateAvatar = alternateSrc ? showInitial : false;
       var border = borderOnHover || onClick;
-      var borderStyle = (!src || !showAvatar || showInitial) && needBorder ? "".concat(_AvatarModule["default"].border, " ").concat(borderOnActive ? _AvatarModule["default"].borderOnActive : border ? _AvatarModule["default"].borderOnHover : '', " ") : '';
+      var showDefaultBorder = src && !isInvalidImageList && needDefaultBorder;
+      var borderStyle = (showDefaultBorder || !src || !showAvatar || showInitial) && needBorder ? "".concat(_AvatarModule["default"].border, " ").concat(borderOnActive ? _AvatarModule["default"].borderOnActive : border ? _AvatarModule["default"].borderOnHover : '', " ") : '';
       borderStyle = showAlternateAvatar ? '' : borderStyle;
       return /*#__PURE__*/_react["default"].createElement("div", _extends({
         className: "".concat(_AvatarModule["default"].avatar, " ").concat(_AvatarModule["default"][size], " ").concat((0, _AvatarSize["default"])(size), " ").concat(_AvatarModule["default"][shapeStyle], " ").concat(_AvatarModule["default"][palette], " ").concat(textStyle, " ").concat(borderStyle, " ").concat(customClass ? customClass : ''),
@@ -176,7 +179,7 @@ var Avatar = /*#__PURE__*/function (_React$Component) {
         "data-id": "".concat(dataId, "_AvatarInitial"),
         "data-selector-id": "".concat(dataSelectorId, "_AvatarInitial")
       }, initial), (showAvatar || showAlternateAvatar) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("img", {
-        className: "".concat(_AvatarModule["default"].image, " ").concat(isAnimate ? _AvatarModule["default"].animate : ''),
+        className: "".concat(_AvatarModule["default"].image, " ").concat(isAnimate ? _AvatarModule["default"].animate : '', " ").concat(needInnerBorder ? _AvatarModule["default"].innerBorder : ''),
         "data-id": "".concat(dataId, "_AvatarImg"),
         "data-selector-id": "".concat(dataSelectorId, "_AvatarImg"),
         name: name,
@@ -184,7 +187,7 @@ var Avatar = /*#__PURE__*/function (_React$Component) {
         onLoad: this.putValidImageURLJSON,
         src: showAlternateAvatar ? alternateSrc : src,
         alt: name
-      }), !isValidImageList && !showAlternateAvatar ? null : /*#__PURE__*/_react["default"].createElement("span", {
+      }), showDefaultBorder ? null : /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(_AvatarModule["default"].shadow, " ").concat(textStyle, " ")
       })));
     }

package/lib/Avatar/Avatar.module.css

@@ -97,6 +97,10 @@
   animation-duration: var(--zd_transition2);
 }
 
+.innerBorder {
+  border: 1px solid var(--zdt_avatarteam_innerCircle);
+}
+
 .square_small {
   --avatar_border_radius: 4px;
 }
@@ -136,6 +140,10 @@
   display: inline-block;
 }
 
+.xxsmall {
+  --avatar_font_size: var(--zd_font_size8);
+}
+
 .small {
   --avatar_font_size: var(--zd_font_size9);
 }

package/lib/Avatar/props/defaultProps.js

@@ -17,6 +17,8 @@ var defaultProps = {
   borderOnHover: false,
   customProps: {},
   isAnimate: true,
-  dataSelectorId: 'avatar'
+  dataSelectorId: 'avatar',
+  needInnerBorder: false,
+  needDefaultBorder: false
 };
 exports.defaultProps = defaultProps;

package/lib/Avatar/props/propTypes.js

@@ -16,7 +16,7 @@ var propTypes = {
   onClick: _propTypes["default"].func,
   palette: _propTypes["default"].oneOf(['primary', 'secondary', 'info', 'default']),
   shape: _propTypes["default"].oneOf(['circle', 'square']),
-  size: _propTypes["default"].oneOf(['small', 'xsmall', 'medium', 'xmedium', 'large', 'xlarge']),
+  size: _propTypes["default"].oneOf(['xxsmall', 'small', 'xsmall', 'medium', 'xmedium', 'large', 'xlarge']),
   src: _propTypes["default"].string,
   textPalette: _propTypes["default"].oneOf(['white', 'black']),
   title: _propTypes["default"].string,
@@ -27,6 +27,8 @@ var propTypes = {
   customProps: _propTypes["default"].shape({
     AvatarProps: _propTypes["default"].object
   }),
-  isAnimate: _propTypes["default"].bool
+  isAnimate: _propTypes["default"].bool,
+  needInnerBorder: _propTypes["default"].bool,
+  needDefaultBorder: _propTypes["default"].bool
 };
 exports.propTypes = propTypes;

package/lib/AvatarTeam/AvatarTeam.js

@@ -56,7 +56,10 @@ var AvatarTeam = /*#__PURE__*/function (_React$Component) {
         borderOnActive = _this$props.borderOnActive,
         borderOnHover = _this$props.borderOnHover,
         dataSelectorId = _this$props.dataSelectorId,
-        customProps = _this$props.customProps;
+        customProps = _this$props.customProps,
+        needInnerBorder = _this$props.needInnerBorder,
+        needBorder = _this$props.needBorder,
+        needDefaultBorder = _this$props.needDefaultBorder;
       var _customProps$AvatarTe = customProps.AvatarTeamProps,
         AvatarTeamProps = _customProps$AvatarTe === void 0 ? {} : _customProps$AvatarTe,
         _customProps$AvatarPr = customProps.AvatarProps,
@@ -81,7 +84,10 @@ var AvatarTeam = /*#__PURE__*/function (_React$Component) {
         needTitle: needTitle,
         customClass: customAvatar,
         borderOnActive: borderOnActive,
-        borderOnHover: border
+        borderOnHover: border,
+        needInnerBorder: needInnerBorder,
+        needBorder: needBorder,
+        needDefaultBorder: needDefaultBorder
       }, AvatarProps)), /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(_AvatarTeamModule["default"].team, " ").concat(isFilled ? "".concat(_AvatarTeamModule["default"]["".concat(palette, "Filled")]) : _AvatarTeamModule["default"].nofill, " \n          ").concat(_AvatarTeamModule["default"]["".concat(size, "team")], " ").concat(customAvatarTeam)
       }));

package/lib/AvatarTeam/AvatarTeam.module.css

@@ -3,6 +3,9 @@
   --avatarteam_border_width: var(--zd_size1);
   --avatarteam_border_style: solid;
   --avatarteam_border_color: var(--zdt_avatarteam_default_border);
+  --avatarteam_outline_width: var(--zd_size1);
+  --avatarteam_outline_style: solid;
+  --avatarteam_outline_color: var(--zdt_avatarteam_innerCircle);
   --avatarteam_bg_color: var(--zdt_avatarteam_default_bg);
   --avatarteam_width: var(--zd_size5);
   --avatarteam_height: var(--zd_size5);
@@ -16,6 +19,7 @@
   position: relative;
   display: inline-block;
   font-size: 0;
+  vertical-align: middle;
 }
 .team {
   composes: varClass;
@@ -23,6 +27,9 @@
   top: var(--avatarteam_top_top);
   width: var(--avatarteam_width);
   height: var(--avatarteam_height);
+  outline-width: var(--avatarteam_outline_width);
+  outline-style: var(--avatarteam_outline_style);
+  outline-color: var(--avatarteam_outline_color);
   border-width: var(--avatarteam_border_width);
   border-style: var(--avatarteam_border_style);
   border-color: var(--avatarteam_border_color);
@@ -38,11 +45,11 @@
   right: 50%;
 }
 .nofill {
-  --avatarteam_border_color: var(--zdt_avatarteam_nofill_border);
+  --avatarteam_border_color: var(--zdt_avatarteam_nofill_hover_border);
 }
 .primaryFilled,
 .infoFilled {
-  --avatarteam_bg_color: var(--zdt_avatarteam_primary_bg);
+  --avatarteam_bg_color: var(--zdt_avatarteam_primary_hover_bg);
 }
 .secondaryFilled {
   --avatarteam_bg_color: var(--zdt_avatarteam_secondary_bg);
@@ -64,6 +71,9 @@
   height: inherit;
   width: inherit;
   top: var(--avatarteam_bottom_top);
+  outline-width: var(--avatarteam_outline_width);
+  outline-style: var(--avatarteam_outline_style);
+  outline-color: var( --avatarteam_outline_color);
 }
 .team:after, .team:before {
   border: inherit;
@@ -80,7 +90,8 @@
   left: var(--avatarteam_bottom_right);
 }
 .smallteam,
-.xsmallteam {
+.xsmallteam,
+.xxsmallteam {
   --avatarteam_height: var(--zd_size3);
   --avatarteam_width: var(--zd_size3);
 }
@@ -94,6 +105,22 @@
   --avatarteam_height: var(--zd_size7);
   --avatarteam_width: var(--zd_size7);
 }
+
+.xxsmallteam {
+  --avatarteam_top_top: 0px;
+}
+.xxsmallteam::after,
+.xxsmallteam:before {
+  --avatarteam_bottom_top: var(--zd_size13);
+}
+.xxsmallteam:after {
+  --avatarteam_bottom_left: calc(var(--zd_size8) * -1);
+}
+.xxsmallteam:before {
+  --avatarteam_bottom_right: calc(var(--zd_size8) * -1);
+}
+
+
 .smallteam::after,
 .smallteam:before {
   --avatarteam_bottom_top: var(--zd_size17);

package/lib/AvatarTeam/props/defaultProps.js

@@ -16,6 +16,9 @@ var defaultProps = {
   customClass: {},
   borderOnActive: false,
   borderOnHover: false,
-  customProps: {}
+  customProps: {},
+  needInnerBorder: true,
+  needBorder: true,
+  needDefaultBorder: true
 };
 exports.defaultProps = defaultProps;

package/lib/AvatarTeam/props/propTypes.js

@@ -14,9 +14,10 @@ var propTypes = {
   needTitle: _propTypes["default"].bool,
   onClick: _propTypes["default"].func,
   palette: _propTypes["default"].oneOf(['primary', 'secondary', 'info']),
-  size: _propTypes["default"].oneOf(['small', 'xsmall', 'medium', 'xmedium', 'large', 'xlarge']),
+  size: _propTypes["default"].oneOf(['xxsmall', 'small', 'xsmall', 'medium', 'xmedium', 'large', 'xlarge']),
   src: _propTypes["default"].string,
   textPalette: _propTypes["default"].oneOf(['white', 'black']),
+  needBorder: _propTypes["default"].bool,
   title: _propTypes["default"].string,
   customClass: _propTypes["default"].shape({
     customAvatar: _propTypes["default"].string,
@@ -24,6 +25,8 @@ var propTypes = {
   }),
   borderOnActive: _propTypes["default"].bool,
   borderOnHover: _propTypes["default"].bool,
+  needInnerBorder: _propTypes["default"].bool,
+  needDefaultBorder: _propTypes["default"].bool,
   customProps: _propTypes["default"].shape({
     AvatarTeamProps: _propTypes["default"].object,
     AvatarProps: _propTypes["default"].object

package/lib/DateTime/DateWidget.js

@@ -814,9 +814,7 @@ var DateWidgetComponent = /*#__PURE__*/function (_React$Component) {
         isError: false
       });
       value && onSelect && onSelect('', id);
-      this.valueInput && this.valueInput.focus({
-        preventScroll: true
-      });
+      // this.valueInput && this.valueInput.focus({ preventScroll: true });
     }
   }, {
     key: "handleDateTimeClear",

package/lib/MultiSelect/Suggestions.js

@@ -75,16 +75,18 @@ var Suggestions = /*#__PURE__*/function (_React$PureComponent) {
           optionType = suggestion.optionType,
           iconSize = suggestion.iconSize,
           isDisabled = suggestion.isDisabled,
-          listItemProps = suggestion.listItemProps;
+          listItemProps = suggestion.listItemProps,
+          _suggestion$listItemC = suggestion.listItemCustomProps,
+          listItemCustomProps = _suggestion$listItemC === void 0 ? {} : _suggestion$listItemC;
         var isActive = activeId === id || selectedOptions.indexOf(id) >= 0;
         var isHighlight = hoverOption === index || id === hoverId ? true : false;
         var list_a11y = Object.assign({}, a11y, {
           ariaSelected: isActive,
           ariaLabel: value
         });
-        var commonProps = {
+        var commonProps = _objectSpread({
           isDisabled: isDisabled
-        };
+        }, listItemCustomProps);
         if (listItemProps) {
           commonProps.customProps = {
             ListItemProps: _objectSpread({}, listItemProps)

package/lib/Provider/AvatarSize.js

@@ -9,6 +9,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 var styleList = {
   small: _avatarsizesModule["default"].small,
   xsmall: _avatarsizesModule["default"].xsmall,
+  xxsmall: _avatarsizesModule["default"].xxsmall,
   medium: _avatarsizesModule["default"].medium,
   xmedium: _avatarsizesModule["default"].xmedium,
   large: _avatarsizesModule["default"].large,

package/lib/TextBoxIcon/TextBoxIcon.js

@@ -37,9 +37,27 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
     };
     _this.handleFocus = _this.handleFocus.bind(_assertThisInitialized(_this));
     _this.handleBlur = _this.handleBlur.bind(_assertThisInitialized(_this));
+    _this.handleRef = _this.handleRef.bind(_assertThisInitialized(_this));
+    _this.handleClear = _this.handleClear.bind(_assertThisInitialized(_this));
     return _this;
   }
   _createClass(TextBoxIcon, [{
+    key: "handleRef",
+    value: function handleRef(ele) {
+      var inputRef = this.props.inputRef;
+      this.inputEle = ele;
+      inputRef && inputRef(ele);
+    }
+  }, {
+    key: "handleClear",
+    value: function handleClear() {
+      var onClear = this.props.onClear;
+      onClear && onClear();
+      this.inputEle && this.inputEle.focus({
+        preventScroll: true
+      });
+    }
+  }, {
     key: "handleFocus",
     value: function handleFocus(e) {
       var _this$props = this.props,
@@ -73,7 +91,6 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
         placeHolder = _this$props2.placeHolder,
         size = _this$props2.size,
         onKeyUp = _this$props2.onKeyUp,
-        inputRef = _this$props2.inputRef,
         isReadOnly = _this$props2.isReadOnly,
         isDisabled = _this$props2.isDisabled,
         children = _this$props2.children,
@@ -142,7 +159,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
         onClick: onClick,
         isReadOnly: isReadOnly,
         isDisabled: isDisabled,
-        inputRef: inputRef,
+        inputRef: this.handleRef,
         needReadOnlyStyle: needReadOnlyStyle,
         isClickable: isClickable,
         onKeyPress: onKeyPress,
@@ -156,7 +173,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
         alignBox: "row"
       }, value && onClear && value.length > 1 && !isDisabled && !isReadOnly || showClearIcon ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: "".concat(_semanticButtonModule["default"].buttonReset, " ").concat(_TextBoxIconModule["default"].icon),
-        onClick: onClear,
+        onClick: this.handleClear,
         dataId: "".concat(dataId, "_ClearIcon"),
         "data-title": clearText,
         tagName: "button"

package/lib/Tooltip/Tooltip.module.css

@@ -3,7 +3,7 @@
   z-index: 9999999;
   /*Hook for editor alert*/
   pointer-events: none;
-  box-shadow: var(--bs_tooltip_shadow);
+  box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
   border-radius: var(--zd_size4);
 }[dir=ltr] .tooltiptext {
   animation: tooltip-grow var(--zd_transition7) cubic-bezier(0.175, 0.885, 0.32, 1.15);
@@ -49,7 +49,7 @@
   border-left: solid 6px var(--zdt_tooltip_default_bg);
   border-right: solid 6px transparent;
   border-bottom: solid 6px transparent;
-  box-shadow: var(--bs_tooltip_shadow);
+  box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
   z-index: -1;
 }
 
@@ -66,7 +66,7 @@
   border-left: solid 6px var(--zdt_tooltip_default_bg);
   border-right: solid 6px transparent;
   border-bottom: solid 6px transparent;
-  box-shadow: var(--bs_tooltip_shadow);
+  box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
   z-index: -1;
 }
 

package/lib/common/avatarsizes.module.css

@@ -9,7 +9,8 @@
 .medium,
 .xmedium,
 .large,
-.xlarge {
+.xlarge,
+.xxsmall {
   composes: varClass;
   width: var(--avatar_width);
   height: var(--avatar_height);
@@ -18,7 +19,10 @@
   --avatar_height: var(--zd_size22);
   --avatar_width: var(--zd_size22);
 }
-
+.xxsmall {
+  --avatar_height: var(--zd_size18);
+  --avatar_width: var(--zd_size18);
+}
 .xsmall {
   --avatar_height: var(--zd_size30);
   --avatar_width: var(--zd_size30);

package/lib/common/boxShadow.module.css

@@ -31,9 +31,6 @@
 
     /* tabs */
     --bs_tabs_shadow: 0 -2px 9px var(--zdt_tabs_alpha_box_shadow);
-
-    /* tooltip */
-    --bs_tooltip_shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
 }
 
 :global(.shadowOffWithOutline) {
@@ -71,7 +68,4 @@
 
     /* tabs */
     --bs_tabs_shadow: var(--bs_contrast_outline);
-
-    /* tooltip */
-    --bs_tooltip_shadow: var(--bs_contrast_outline);
 }

package/lib/utils/Common.js

@@ -384,8 +384,10 @@ function findScrollEnd(element) {
     if (scrollHeight <= Math.ceil(scrollTop + offsetHeight)) {
       return true;
     }
-  } else {
-    throw 'Is scroll not present in this element';
   }
+  // else {
+
+  //   throw 'Is scroll not present in this element';
+  // }
   return false;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.0.0-temp-132",
+  "version": "1.0.0-temp-133",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,