@zohodesk/components 1.0.0-temp-118 → 1.0.0-temp-120

package/lib/Avatar/Avatar.js

@@ -150,7 +150,9 @@ var Avatar = /*#__PURE__*/function (_React$Component) {
         customClass = _this$props2.customClass,
         alternateSrc = _this$props2.alternateSrc,
         isAnimate = _this$props2.isAnimate,
-        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;
@@ -158,11 +160,12 @@ var Avatar = /*#__PURE__*/function (_React$Component) {
       initial = initial || this.getInitialByFullName(name);
       var isInvalidImageList = Avatar.invalidImageURLs.indexOf(src) !== -1;
       var isValidImageList = Avatar.validImageURLs.indexOf(src) !== -1;
-      var border = borderOnHover || onClick;
-      var borderStyle = (!src || src && isInvalidImageList || !isValidImageList) && needBorder ? "".concat(_AvatarModule["default"].border, " ").concat(borderOnActive ? _AvatarModule["default"].borderOnActive : border ? _AvatarModule["default"].borderOnHover : '', " ") : '';
       var showAvatar = src && !isInvalidImageList;
-      var showInitial = !showAvatar || showAvatar && !isValidImageList;
+      var showInitial = !showAvatar || showAvatar && isInvalidImageList;
       var showAlternateAvatar = alternateSrc ? showInitial : false;
+      var border = borderOnHover || onClick;
+      var showDefaultBorder = src && !isInvalidImageList && needDefaultBorder;
+      var borderStyle = (!src || !showAvatar || showInitial || showDefaultBorder) && 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 : ''),
@@ -172,17 +175,17 @@ var Avatar = /*#__PURE__*/function (_React$Component) {
       }, AvatarProps), showInitial && !showAlternateAvatar && /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(_AvatarModule["default"].initial),
         "data-id": "".concat(dataId, "_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 : ''),
+      }, initial), (showAvatar || showAlternateAvatar) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "".concat(_AvatarModule["default"].shadow, " ").concat(textStyle, " ")
+      }, /*#__PURE__*/_react["default"].createElement("img", {
+        className: "".concat(_AvatarModule["default"].image, " ").concat(isAnimate ? _AvatarModule["default"].animate : '', " ").concat(needInnerborder ? _AvatarModule["default"].innerBorder : ''),
         "data-id": "".concat(dataId, "_AvatarImg"),
         name: name,
         onError: this.putInvalidImageURLJSON,
         onLoad: this.putValidImageURLJSON,
         src: showAlternateAvatar ? alternateSrc : src,
         alt: name
-      }), !isValidImageList && !showAlternateAvatar ? null : /*#__PURE__*/_react["default"].createElement("span", {
-        className: "".concat(_AvatarModule["default"].shadow, " ").concat(textStyle, " ")
-      })));
+      }))));
     }
   }]);
   return Avatar;
@@ -192,9 +195,9 @@ Avatar.defaultProps = _defaultProps.defaultProps;
 Avatar.propTypes = _propTypes.propTypes;
 Avatar.invalidImageURLs = [];
 Avatar.validImageURLs = [];
-if (false) {
-  Avatar.docs = {
-    componentGroup: 'Avatar Group',
-    folderName: 'Style Guide'
-  };
-}
+// if (__DOCS__) {
+//   Avatar.docs = {
+//     componentGroup: 'Avatar Group',
+//     folderName: 'Style Guide'
+//   };
+// }

package/lib/Avatar/Avatar.module.css

@@ -79,6 +79,9 @@
 [dir=rtl] .animate{
   animation-duration: var(--zd_transition2);
 }
+.innerBorder{
+  border: 1px solid var(--zdt_avatarteam_innerCircle);
+}
 .square_small {
   --avatar_border_radius: 4px;
 }

package/lib/Avatar/props/defaultProps.js

@@ -16,6 +16,8 @@ var defaultProps = {
   borderOnActive: false,
   borderOnHover: false,
   customProps: {},
-  isAnimate: true
+  isAnimate: true,
+  needInnerborder: false,
+  needDefaultBorder: false
 };
 exports.defaultProps = defaultProps;

package/lib/Avatar/props/propTypes.js

@@ -26,6 +26,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

@@ -55,7 +55,10 @@ var AvatarTeam = /*#__PURE__*/function (_React$Component) {
         customClass = _this$props.customClass,
         borderOnActive = _this$props.borderOnActive,
         borderOnHover = _this$props.borderOnHover,
-        customProps = _this$props.customProps;
+        needInnerborder = _this$props.needInnerborder,
+        needBorder = _this$props.needBorder,
+        customProps = _this$props.customProps,
+        needDefaultBorder = _this$props.needDefaultBorder;
       var _customProps$AvatarTe = customProps.AvatarTeamProps,
         AvatarTeamProps = _customProps$AvatarTe === void 0 ? {} : _customProps$AvatarTe,
         _customProps$AvatarPr = customProps.AvatarProps,
@@ -79,7 +82,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)
       }));
@@ -90,10 +96,11 @@ var AvatarTeam = /*#__PURE__*/function (_React$Component) {
 exports["default"] = AvatarTeam;
 AvatarTeam.defaultProps = _defaultProps.defaultProps;
 AvatarTeam.propTypes = _propTypes.propTypes;
-if (false) {
-  AvatarTeam.docs = {
-    componentGroup: 'Avatar Group',
-    folderName: 'Style Guide',
-    external: true
-  };
-}
+
+// if (__DOCS__) {
+//   AvatarTeam.docs = {
+//     componentGroup: 'Avatar Group',
+//     folderName: 'Style Guide',
+//     external: true
+//   };
+// }

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);
@@ -23,6 +26,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);
@@ -64,6 +70,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;

package/lib/AvatarTeam/props/defaultProps.js

@@ -15,6 +15,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

@@ -16,6 +16,7 @@ var propTypes = {
   size: _propTypes["default"].oneOf(['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,
@@ -23,6 +24,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/Button/Button.js

@@ -84,9 +84,10 @@ var Button = /*#__PURE__*/function (_React$Component) {
 exports["default"] = Button;
 Button.defaultProps = _defaultProps.defaultProps;
 Button.propTypes = _propTypes.propTypes;
-if (false) {
-  Button.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide'
-  };
-}
+
+// if (__DOCS__) {
+//   Button.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide'
+//   };
+// }

package/lib/Buttongroup/Buttongroup.js

@@ -55,15 +55,18 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 exports["default"] = Buttongroup;
 Buttongroup.defaultProps = _defaultProps.defaultProps;
 Buttongroup.propTypes = _propTypes.propTypes;
-if (false) {
-  Buttongroup.docs = {
-    componentGroup: 'Molecule',
-    folderName: 'Style Guide',
-    external: false,
-    description: ' ',
-    images: [{
-      view: 'http://zsupport-tech-1.tsi.zohocorpin.com:8080/ui/general/ButtonGroup/v1/ButtonGroup.png',
-      psd: 'http://zsupport-tech-1.tsi.zohocorpin.com:8080/ui/general/ButtonGroup/v1/ButtonGroup.psd'
-    }]
-  };
-}
+
+// if (__DOCS__) {
+//   Buttongroup.docs = {
+//     componentGroup: 'Molecule',
+//     folderName: 'Style Guide',
+//     external: false,
+//     description: ' ',
+//     images: [
+//       {
+//         view: 'http://zsupport-tech-1.tsi.zohocorpin.com:8080/ui/general/ButtonGroup/v1/ButtonGroup.png',
+//         psd: 'http://zsupport-tech-1.tsi.zohocorpin.com:8080/ui/general/ButtonGroup/v1/ButtonGroup.psd'
+//       }
+//     ]
+//   };
+// }

package/lib/Card/Card.js

@@ -265,14 +265,15 @@ var Card = /*#__PURE__*/function (_Component3) {
 exports["default"] = Card;
 Card.propTypes = _propTypes.Card_propTypes;
 Card.defaultProps = _defaultProps.Card_defaultProps;
-if (false) {
-  Card.docs = {
-    componentGroup: 'Template',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-}
+
+// if (__DOCS__) {
+//   Card.docs = {
+//     componentGroup: 'Template',
+//     folderName: 'Style Guide',
+//     external: true,
+//     description: ' '
+//   };
+// }
 var CardFooter = /*#__PURE__*/function (_Component4) {
   _inherits(CardFooter, _Component4);
   var _super4 = _createSuper(CardFooter);

package/lib/CheckBox/CheckBox.js

@@ -175,9 +175,10 @@ var CheckBox = /*#__PURE__*/function (_React$Component) {
 exports["default"] = CheckBox;
 CheckBox.defaultProps = _defaultProps.defaultProps;
 CheckBox.propTypes = _propTypes.propTypes;
-if (false) {
-  CheckBox.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide'
-  };
-}
+
+// if (__DOCS__) {
+//   CheckBox.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide'
+//   };
+// }

package/lib/DateTime/DateWidget.js

@@ -906,8 +906,7 @@ var DateWidgetComponent = /*#__PURE__*/function (_React$Component) {
         targetOffset = _this$props11.targetOffset,
         isRestrictScroll = _this$props11.isRestrictScroll,
         dropBoxPortalId = _this$props11.dropBoxPortalId,
-        a11y = _this$props11.a11y,
-        boxSize = _this$props11.boxSize;
+        a11y = _this$props11.a11y;
       var _this$state5 = this.state,
         _this$state5$selected = _this$state5.selected,
         value = _this$state5$selected === void 0 ? '' : _this$state5$selected,
@@ -992,8 +991,7 @@ var DateWidgetComponent = /*#__PURE__*/function (_React$Component) {
         positionsOffset: positionsOffset,
         targetOffset: targetOffset,
         isRestrictScroll: isRestrictScroll,
-        dropBoxPortalId: dropBoxPortalId,
-        boxSize: boxSize
+        dropBoxPortalId: dropBoxPortalId
       }));
     }
   }]);
@@ -1005,15 +1003,15 @@ var DateWidget = (0, _Popup["default"])(DateWidgetComponent);
 DateWidget.defaultProps = DateWidgetComponent.defaultProps;
 
 // eslint-disable-next-line no-undef
-if (false) {
-  DateWidgetComponent.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-  // eslint-disable-next-line react/forbid-foreign-prop-types
-  DateWidget.propTypes = DateWidgetComponent.propTypes;
-}
+// if (__DOCS__) {
+//   DateWidgetComponent.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide',
+//     external: true,
+//     description: ' '
+//   };
+//   // eslint-disable-next-line react/forbid-foreign-prop-types
+//   DateWidget.propTypes = DateWidgetComponent.propTypes;
+// }
 var _default = DateWidget;
 exports["default"] = _default;

package/lib/DropBox/DropBox.js

@@ -276,11 +276,11 @@ exports["default"] = DropBox;
 DropBox.propTypes = _propTypes.propTypes;
 DropBox.contextType = _LibraryContextInit["default"];
 DropBox.defaultProps = _defaultProps.defaultProps;
-if (false) {
-  DropBox.docs = {
-    componentGroup: 'Atom',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-}
+// if (__DOCS__) {
+//   DropBox.docs = {
+//     componentGroup: 'Atom',
+//     folderName: 'Style Guide',
+//     external: true,
+//     description: ' '
+//   };
+// }

package/lib/DropDown/DropDown.js

@@ -41,12 +41,13 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 }(_react["default"].Component);
 exports["default"] = DropDown;
 DropDown.propTypes = _propTypes.DropDown_propTypes;
-if (false) {
-  DropDown.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide'
-  };
-}
+
+// if (__DOCS__) {
+//   DropDown.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide'
+//   };
+// }
 var DropDownTarget = /*#__PURE__*/function (_React$Component2) {
   _inherits(DropDownTarget, _React$Component2);
   var _super2 = _createSuper(DropDownTarget);

package/lib/DropDown/DropDownHeading.js

@@ -58,9 +58,10 @@ var DropDownHeading = /*#__PURE__*/function (_React$Component) {
 exports["default"] = DropDownHeading;
 DropDownHeading.propTypes = _propTypes.DropDownHeading_propTypes;
 DropDownHeading.defaultProps = _defaultProps.DropDownHeading_defaultProps;
-if (false) {
-  DropDownHeading.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide'
-  };
-}
+
+// if (__DOCS__) {
+//   DropDownHeading.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide'
+//   };
+// }

package/lib/Heading/Heading.js

@@ -56,9 +56,10 @@ var Heading = /*#__PURE__*/function (_React$Component) {
 exports["default"] = Heading;
 Heading.propTypes = _propTypes.propTypes;
 Heading.defaultProps = _defaultProps.defaultProps;
-if (false) {
-  Heading.docs = {
-    folderName: 'Style Guide',
-    componentGroup: 'Accessibility'
-  };
-}
+
+// if (__DOCS__) {
+//   Heading.docs = {
+//     folderName: 'Style Guide',
+//     componentGroup: 'Accessibility'
+//   };
+// }

package/lib/Label/Label.js

@@ -59,9 +59,10 @@ var Label = /*#__PURE__*/function (_React$Component) {
 exports["default"] = Label;
 Label.defaultProps = _defaultProps.defaultProps;
 Label.propTypes = _propTypes.propTypes;
-if (false) {
-  Label.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide'
-  };
-}
+
+// if (__DOCS__) {
+//   Label.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide'
+//   };
+// }

package/lib/ListItem/ListContainer.js

@@ -86,11 +86,10 @@ var ListContainer = function ListContainer(props) {
 };
 ListContainer.defaultProps = _defaultProps.ListContainerDefaultProps;
 ListContainer.propTypes = _propTypes.ListContainer_Props;
-var _default = ListContainer;
-exports["default"] = _default;
-if (false) {
-  ListContainer.docs = {
-    componentGroup: 'Molecule',
-    folderName: 'Style Guide'
-  };
-}
+var _default = ListContainer; // if (__DOCS__) {
+//   ListContainer.docs = {
+//     componentGroup: 'Molecule',
+//     folderName: 'Style Guide'
+//   };
+// }
+exports["default"] = _default;

package/lib/ListItem/ListItem.js

@@ -145,9 +145,10 @@ var ListItem = /*#__PURE__*/function (_React$Component) {
 exports["default"] = ListItem;
 ListItem.defaultProps = _defaultProps.ListItemDefaultProps;
 ListItem.propTypes = _propTypes.ListItem_Props;
-if (false) {
-  ListItem.docs = {
-    componentGroup: 'Molecule',
-    folderName: 'Style Guide'
-  };
-}
+
+// if (__DOCS__) {
+//   ListItem.docs = {
+//     componentGroup: 'Molecule',
+//     folderName: 'Style Guide'
+//   };
+// }

package/lib/ListItem/ListItemWithAvatar.js

@@ -167,9 +167,9 @@ var ListItemWithAvatar = /*#__PURE__*/function (_React$PureComponent) {
 exports["default"] = ListItemWithAvatar;
 ListItemWithAvatar.defaultProps = _defaultProps.ListItemWithAvatarDefaultProps;
 ListItemWithAvatar.propTypes = _propTypes.ListItemWithAvatar_Props;
-if (false) {
-  ListItemWithAvatar.docs = {
-    componentGroup: 'Molecule',
-    folderName: 'Style Guide'
-  };
-}
+// if (__DOCS__) {
+//   ListItemWithAvatar.docs = {
+//     componentGroup: 'Molecule',
+//     folderName: 'Style Guide'
+//   };
+// }

package/lib/ListItem/ListItemWithCheckBox.js

@@ -133,9 +133,9 @@ var ListItemWithCheckBox = /*#__PURE__*/function (_React$Component) {
 exports["default"] = ListItemWithCheckBox;
 ListItemWithCheckBox.defaultProps = _defaultProps.ListItemWithCheckBoxDefaultProps;
 ListItemWithCheckBox.propTypes = _propTypes.ListItemWithCheckBox_Props;
-if (false) {
-  ListItemWithCheckBox.docs = {
-    componentGroup: 'Molecule',
-    folderName: 'Style Guide'
-  };
-}
+// if (__DOCS__) {
+//   ListItemWithCheckBox.docs = {
+//     componentGroup: 'Molecule',
+//     folderName: 'Style Guide'
+//   };
+// }

package/lib/ListItem/ListItemWithIcon.js

@@ -150,9 +150,10 @@ var ListItemWithIcon = /*#__PURE__*/function (_React$Component) {
 exports["default"] = ListItemWithIcon;
 ListItemWithIcon.defaultProps = _defaultProps.ListItemWithIconDefaultProps;
 ListItemWithIcon.propTypes = _propTypes.ListItemWithIcon_Props;
-if (false) {
-  ListItemWithIcon.docs = {
-    componentGroup: 'Molecule',
-    folderName: 'Style Guide'
-  };
-}
+
+// if (__DOCS__) {
+//   ListItemWithIcon.docs = {
+//     componentGroup: 'Molecule',
+//     folderName: 'Style Guide'
+//   };
+// }

package/lib/ListItem/ListItemWithRadio.js

@@ -135,9 +135,10 @@ var ListItemWithRadio = /*#__PURE__*/function (_React$Component) {
 exports["default"] = ListItemWithRadio;
 ListItemWithRadio.defaultProps = _defaultProps.ListItemWithRadioDefaultProps;
 ListItemWithRadio.propTypes = _propTypes.ListItemWithRadio_Props;
-if (false) {
-  ListItemWithRadio.docs = {
-    componentGroup: 'Molecule',
-    folderName: 'Style Guide'
-  };
-}
+
+// if (__DOCS__) {
+//   ListItemWithRadio.docs = {
+//     componentGroup: 'Molecule',
+//     folderName: 'Style Guide'
+//   };
+// }

package/lib/Modal/Modal.js

@@ -164,11 +164,12 @@ var Modal = /*#__PURE__*/function (_React$Component) {
 exports["default"] = Modal;
 Modal.defaultProps = _defaultProps.defaultProps;
 Modal.propTypes = _propTypes.propTypes;
-if (false) {
-  Modal.docs = {
-    componentGroup: 'Atom',
-    folderName: 'Style Guide',
-    external: false,
-    description: ' '
-  };
-}
+
+// if (__DOCS__) {
+//   Modal.docs = {
+//     componentGroup: 'Atom',
+//     folderName: 'Style Guide',
+//     external: false,
+//     description: ' '
+//   };
+// }

package/lib/MultiSelect/AdvancedGroupMultiSelect.js

@@ -1022,11 +1022,11 @@ var AdvancedGroupMultiSelect = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 AdvancedGroupMultiSelect.defaultProps = _defaultProps.AdvancedGroupMultiSelect_defaultProps;
 AdvancedGroupMultiSelect.propTypes = _propTypes.AdvancedGroupMultiSelect_propTypes;
-if (false) {
-  AdvancedGroupMultiSelect.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide'
-  };
-}
+// if (__DOCS__) {
+//   AdvancedGroupMultiSelect.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide'
+//   };
+// }
 var _default = (0, _Popup["default"])(AdvancedGroupMultiSelect);
 exports["default"] = _default;

package/lib/MultiSelect/AdvancedMultiSelect.js

@@ -540,13 +540,14 @@ AdvancedMultiSelectComponent.defaultProps = _defaultProps.AdvancedMultiSelect_de
 AdvancedMultiSelectComponent.displayName = 'AdvancedMultiSelect';
 var AdvancedMultiSelect = (0, _Popup["default"])(AdvancedMultiSelectComponent);
 AdvancedMultiSelect.defaultProps = AdvancedMultiSelectComponent.defaultProps;
-if (false) {
-  AdvancedMultiSelectComponent.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide'
-  };
-  // eslint-disable-next-line react/forbid-foreign-prop-types
-  AdvancedMultiSelect.propTypes = AdvancedMultiSelectComponent.propTypes;
-}
+
+// if (__DOCS__) {
+//   AdvancedMultiSelectComponent.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide'
+//   };
+//   // eslint-disable-next-line react/forbid-foreign-prop-types
+//   AdvancedMultiSelect.propTypes = AdvancedMultiSelectComponent.propTypes;
+// }
 var _default = AdvancedMultiSelect;
 exports["default"] = _default;

package/lib/MultiSelect/MultiSelect.js

@@ -1032,12 +1032,13 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
 exports.MultiSelectComponent = MultiSelectComponent;
 MultiSelectComponent.propTypes = _propTypes.MultiSelect_propTypes;
 MultiSelectComponent.defaultProps = _defaultProps.MultiSelect_defaultProps;
-if (false) {
-  MultiSelectComponent.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide'
-  };
-}
+
+// if (__DOCS__) {
+//   MultiSelectComponent.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide'
+//   };
+// }
 MultiSelectComponent.displayName = 'MultiSelect';
 var MultiSelect = (0, _Popup["default"])(MultiSelectComponent);
 MultiSelect.propTypes = MultiSelectComponent.propTypes;