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

package/es/ChannelIcon/ChannelIcon.js

@@ -88,8 +88,8 @@ export default class ChannelIcon extends Component {
 }
 ChannelIcon.defaultProps = defaultProps;
 ChannelIcon.propTypes = propTypes;
-if (false) {
-  ChannelIcon.docs = {
-    componentGroup: 'Atom'
-  };
-}
+// if (__DOCS__) {
+//   ChannelIcon.docs = {
+//     componentGroup: 'Atom'
+//   };
+// }

package/es/Drawer/Drawer.js

@@ -12,7 +12,7 @@ import IconButton from '../IconButton/IconButton';
 import Icon from '@zohodesk/icons/lib/Icon';
 import { getZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
 import style from './Drawer.module.css';
-import FocusScope from "@zohodesk/a11y/es/FocusScope/FocusScope";
+import FocusScope from '@zohodesk/a11y/es/FocusScope/FocusScope';
 export class Header extends React.Component {
   render() {
     let {
@@ -261,8 +261,9 @@ export default class Drawer extends React.Component {
 }
 Drawer.propTypes = Drawer_propTypes;
 Drawer.defaultProps = Drawer_defaultProps;
-if (false) {
-  Drawer.docs = {
-    componentGroup: 'Template'
-  };
-}
+
+// if (__DOCS__) {
+//   Drawer.docs = {
+//     componentGroup: 'Template'
+//   };
+// }

package/es/ExternalLink/ExternalLink.js

@@ -40,8 +40,9 @@ export default class ExternalLink extends React.Component {
 }
 ExternalLink.defaultProps = defaultProps;
 ExternalLink.propTypes = propTypes;
-if (false) {
-  ExternalLink.docs = {
-    componentGroup: 'Atom'
-  };
-}
+
+// if (__DOCS__) {
+//   ExternalLink.docs = {
+//     componentGroup: 'Atom'
+//   };
+// }

package/es/FlipCard/FlipCard.js

@@ -131,8 +131,8 @@ export default class FlipCard extends Component {
 }
 FlipCard.propTypes = propTypes;
 FlipCard.defaultProps = defaultProps;
-if (false) {
-  FlipCard.docs = {
-    componentGroup: 'Molecule'
-  };
-}
+// if (__DOCS__) {
+//   FlipCard.docs = {
+//     componentGroup: 'Molecule'
+//   };
+// }

package/es/FormAction/FormAction.js

@@ -53,12 +53,14 @@ export default class FormAction extends React.Component {
     }, hasLeftChild ? /*#__PURE__*/React.createElement(Box, {
       flexible: hasRightChild ? true : false,
       shrink: !hasRightChild && hasLeftChild ? true : false
-    }, leftbuttonGroup.length > 1 ? leftbuttonGroup.map(item => /*#__PURE__*/React.createElement("div", {
-      className: style.marginRight
+    }, leftbuttonGroup.length > 1 ? leftbuttonGroup.map((item, index) => /*#__PURE__*/React.createElement("div", {
+      className: style.marginRight,
+      key: index
     }, item)) : leftbuttonGroup[0]) : null, hasRightChild ? /*#__PURE__*/React.createElement(Box, {
       shrink: hasRightChild && !hasLeftChild ? true : false
-    }, rightbuttonGroup.length > 1 ? rightbuttonGroup.map(item => /*#__PURE__*/React.createElement("div", {
-      className: style.marginRight
+    }, rightbuttonGroup.length > 1 ? rightbuttonGroup.map((item, index) => /*#__PURE__*/React.createElement("div", {
+      className: style.marginRight,
+      key: index
     }, item)) : rightbuttonGroup[0]) : null, hasCenterChild ? /*#__PURE__*/React.createElement(Box, null, centerbuttonGroup.length > 1 ? centerbuttonGroup.map((item, index) => /*#__PURE__*/React.createElement("div", {
       className: style.marginRight,
       key: index
@@ -67,8 +69,9 @@ export default class FormAction extends React.Component {
 }
 FormAction.propTypes = propTypes;
 FormAction.defaultProps = defaultProps;
-if (false) {
-  FormAction.docs = {
-    componentGroup: 'Atom'
-  };
-}
+
+// if (__DOCS__) {
+//   FormAction.docs = {
+//     componentGroup: 'Atom'
+//   };
+// }

package/es/FreezeLayer/FreezeLayer.js

@@ -119,9 +119,10 @@ export default class FreezeLayer extends Component {
 }
 FreezeLayer.propTypes = propTypes;
 FreezeLayer.defaultProps = defaultProps;
-if (false) {
-  FreezeLayer.docs = {
-    componentGroup: 'Atom',
-    folderName: 'General'
-  };
-}
+
+// if (__DOCS__) {
+//   FreezeLayer.docs = {
+//     componentGroup: 'Atom',
+//     folderName: 'General'
+//   };
+// }

package/es/IconButton/IconButton.js

@@ -133,8 +133,9 @@ export default class IconButton extends React.Component {
 }
 IconButton.propTypes = propTypes;
 IconButton.defaultProps = defaultProps;
-if (false) {
-  IconButton.docs = {
-    componentGroup: 'Atom'
-  };
-}
+
+// if (__DOCS__) {
+//   IconButton.docs = {
+//     componentGroup: 'Atom'
+//   };
+// }

package/es/Image/Image.js

@@ -31,8 +31,8 @@ export default class Image extends React.Component {
 }
 Image.propTypes = propTypes;
 Image.defaultProps = defaultProps;
-if (false) {
-  Image.docs = {
-    componentGroup: 'Atom'
-  };
-}
+// if (__DOCS__) {
+//   Image.docs = {
+//     componentGroup: 'Atom'
+//   };
+// }

package/es/ImportantNotes/ImportantNotes.js

@@ -39,9 +39,10 @@ export default class ImportantNotes extends React.Component {
 }
 ImportantNotes.propTypes = propTypes;
 ImportantNotes.defaultProps = defaultProps;
-if (false) {
-  ImportantNotes.docs = {
-    componentGroup: 'Common',
-    folderName: 'General'
-  };
-}
+
+// if (__DOCS__) {
+//   ImportantNotes.docs = {
+//     componentGroup: 'Common',
+//     folderName: 'General'
+//   };
+// }

package/es/Link/Link.js

@@ -86,8 +86,9 @@ export default class Link extends React.Component {
 Link.contextType = LinkContext;
 Link.defaultProps = defaultProps;
 Link.propTypes = propTypes;
-if (false) {
-  Link.docs = {
-    componentGroup: 'Atom'
-  };
-}
+
+// if (__DOCS__) {
+//   Link.docs = {
+//     componentGroup: 'Atom'
+//   };
+// }

package/es/Loader/Loader.js

@@ -17,8 +17,9 @@ export default class Loader extends React.Component {
     }));
   }
 }
-if (false) {
-  Loader.docs = {
-    componentGroup: 'Atom'
-  };
-}
+
+// if (__DOCS__) {
+//   Loader.docs = {
+//     componentGroup: 'Atom'
+//   };
+// }

package/es/Message/Message.js

@@ -42,11 +42,13 @@ export default class Message extends React.Component {
 }
 Message.propTypes = propTypes;
 Message.defaultProps = defaultProps;
-if (false) {
-  Message.docs = {
-    componentGroup: 'Atom'
-  };
-}
+
+// if (__DOCS__) {
+//   Message.docs = {
+//     componentGroup: 'Atom'
+//   };
+// }
+
 export function MessageUI(props) {
   function onClose(e) {
     let {

package/es/MessageBanner/MessageBanner.js

@@ -52,8 +52,9 @@ export default class MessageBanner extends React.Component {
 }
 MessageBanner.defaultProps = defaultProps;
 MessageBanner.propTypes = propTypes;
-if (false) {
-  MessageBanner.docs = {
-    componentGroup: 'Atom'
-  };
-}
+
+// if (__DOCS__) {
+//   MessageBanner.docs = {
+//     componentGroup: 'Atom'
+//   };
+// }

package/es/NewStar/NewStar.js

@@ -62,8 +62,9 @@ export default class NewStar extends React.Component {
 }
 NewStar.propTypes = propTypes;
 NewStar.defaultProps = defaultProps;
-if (false) {
-  NewStar.docs = {
-    componentGroup: 'Atom'
-  };
-}
+
+// if (__DOCS__) {
+//   NewStar.docs = {
+//     componentGroup: 'Atom'
+//   };
+// }

package/es/PlusIcon/PlusIcon.js

@@ -34,9 +34,10 @@ export default class PlusIcon extends React.Component {
 }
 PlusIcon.defaultProps = defaultProps;
 PlusIcon.propTypes = propTypes;
-if (false) {
-  PlusIcon.docs = {
-    componentGroup: 'Common',
-    folderName: 'Ticket DetailView'
-  };
-}
+
+// if (__DOCS__) {
+//   PlusIcon.docs = {
+//     componentGroup: 'Common',
+//     folderName: 'Ticket DetailView'
+//   };
+// }

package/es/ToastMessage/ToastMessage.js

@@ -190,8 +190,9 @@ export default function ToastMessage(props) {
 }
 ToastMessage.propTypes = propTypes;
 ToastMessage.defaultProps = defaultProps;
-if (false) {
-  ToastMessage.docs = {
-    componentGroup: 'Atom'
-  };
-}
+
+// if (__DOCS__) {
+//   ToastMessage.docs = {
+//     componentGroup: 'Atom'
+//   };
+// }

package/es/Upload/Upload.js

@@ -65,8 +65,9 @@ export default class Upload extends React.Component {
 }
 Upload.propTypes = propTypes;
 Upload.defaultProps = defaultProps;
-if (false) {
-  Upload.docs = {
-    componentGroup: 'Upload'
-  };
-}
+
+// if (__DOCS__) {
+//   Upload.docs = {
+//     componentGroup: 'Upload'
+//   };
+// }

package/es/alert/AlertHeader/AlertHeader.js

@@ -65,9 +65,10 @@ export default class AlertHeader extends Component {
 }
 AlertHeader.propTypes = propTypes;
 AlertHeader.defaultProps = defaultProps;
-if (false) {
-  AlertHeader.docs = {
-    componentGroup: 'AlertHeader',
-    folderName: 'Alert'
-  };
-}
+
+// if (__DOCS__) {
+//   AlertHeader.docs = {
+//     componentGroup: 'AlertHeader',
+//     folderName: 'Alert'
+//   };
+// }

package/es/alert/AlertLookup/AlertLookup.js

@@ -98,9 +98,10 @@ export default class AlertLookup extends Component {
 }
 AlertLookup.propTypes = propTypes;
 AlertLookup.defaultProps = defaultProps;
-if (false) {
-  AlertLookup.docs = {
-    componentGroup: 'AlertLookup',
-    folderName: 'Alert'
-  };
-}
+
+// if (__DOCS__) {
+//   AlertLookup.docs = {
+//     componentGroup: 'AlertLookup',
+//     folderName: 'Alert'
+//   };
+// }

package/es/avatar/AvatarClose/AvatarClose.js

@@ -42,8 +42,8 @@ export default class AvatarClose extends React.Component {
 }
 AvatarClose.propTypes = propTypes;
 AvatarClose.defaultProps = defaultProps;
-if (false) {
-  AvatarClose.docs = {
-    componentGroup: 'Avatar Group'
-  };
-}
+// if (__DOCS__) {
+//   AvatarClose.docs = {
+//     componentGroup: 'Avatar Group'
+//   };
+// }

package/es/avatar/AvatarCollision/AvatarCollision.js

@@ -50,8 +50,8 @@ export default class AvatarCollision extends React.Component {
 }
 AvatarCollision.propTypes = propTypes;
 AvatarCollision.defaultProps = defaultProps;
-if (false) {
-  AvatarCollision.docs = {
-    componentGroup: 'Avatar Group'
-  };
-}
+// if (__DOCS__) {
+//   AvatarCollision.docs = {
+//     componentGroup: 'Avatar Group'
+//   };
+// }

package/es/avatar/AvatarIcon/AvatarIcon.js

@@ -46,8 +46,6 @@ export default class AvatarIcon extends React.Component {
 }
 AvatarIcon.defaultProps = defaultProps;
 AvatarIcon.propTypes = propTypes;
-if (false) {
-  AvatarIcon.docs = {
-    componentGroup: 'Avatar Group'
-  };
-}
+// if (__DOCS__) {
+//   AvatarIcon.docs = { componentGroup: 'Avatar Group' };
+// }

package/es/avatar/AvatarStatus/AvatarStatus.js

@@ -59,8 +59,9 @@ export default class AvatarStatus extends React.Component {
 }
 AvatarStatus.defaultProps = defaultProps;
 AvatarStatus.propTypes = propTypes;
-if (false) {
-  AvatarStatus.docs = {
-    componentGroup: 'Avatar Group'
-  };
-}
+
+// if (__DOCS__) {
+//   AvatarStatus.docs = {
+//     componentGroup: 'Avatar Group'
+//   };
+// }

package/es/avatar/AvatarThread/AvatarThread.js

@@ -68,8 +68,9 @@ export default class AvatarThread extends React.Component {
 }
 AvatarThread.defaultProps = defaultProps;
 AvatarThread.propTypes = propTypes;
-if (false) {
-  AvatarThread.docs = {
-    componentGroup: 'Avatar Group'
-  };
-}
+
+// if (__DOCS__) {
+//   AvatarThread.docs = {
+//     componentGroup: 'Avatar Group'
+//   };
+// }

package/es/avatar/AvatarUser/AvatarUser.js

@@ -100,8 +100,9 @@ export default class AvatarUser extends React.Component {
 }
 AvatarUser.propTypes = propTypes;
 AvatarUser.defaultProps = defaultProps;
-if (false) {
-  AvatarUser.docs = {
-    componentGroup: 'Avatar Group'
-  };
-}
+
+// if (__DOCS__) {
+//   AvatarUser.docs = {
+//     componentGroup: 'Avatar Group'
+//   };
+// }

package/es/avatar/AvatarWithTeam/AvatarWithTeam.js

@@ -85,8 +85,9 @@ export default class AvatarWithTeam extends React.Component {
 }
 AvatarWithTeam.defaultProps = defaultProps;
 AvatarWithTeam.propTypes = propTypes;
-if (false) {
-  AvatarWithTeam.docs = {
-    componentGroup: 'Avatar Group'
-  };
-}
+
+// if (__DOCS__) {
+//   AvatarWithTeam.docs = {
+//     componentGroup: 'Avatar Group'
+//   };
+// }

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

@@ -11,7 +11,7 @@
   padding: var(--zd_size2);
   border-radius: 50%;
   transform: scale(0.8);
-  background-color: var(--zdt_avatarteam_default_bg);
+  background-color: var(--zdt_avatarwithteam_default_bg);
 }
 
 [dir=ltr] .teamAvatar {

package/es/common/{boxShadow.module.css → dot_boxShadow.module.css}

@@ -39,39 +39,39 @@
 
 :global(.shadowOffWithOutline) {
     /* attachment viewer */
-    --bs_attachmentviewer_selected: 0 0 2px var(--zdt_contrast_shadow);
+    --bs_attachmentviewer_selected: var(--bs_contrast_outine);
 
     /* texteditor */
-    --bs_texteditor_menu: 0 0 2px var(--zdt_contrast_shadow);
-    --bs_texteditor_ul: 0 0 2px var(--zdt_contrast_shadow);
+    --bs_texteditor_menu: var(--bs_contrast_outine);
+    --bs_texteditor_ul: var(--bs_contrast_outine);
 
     /* subtab layout */
-    --bs_subtablayout_shadow: 0 0 2px var(--zdt_contrast_shadow);
+    --bs_subtablayout_shadow: var(--bs_contrast_outine);
 
     /* drawer */
-    --bs_drawer_shadow: 0 0 2px var(--zdt_contrast_shadow);
+    --bs_drawer_shadow: var(--bs_contrast_outine);
 
     /* dot new */
-    --bs_dotnew_shadow: 0 0 2px var(--zdt_contrast_shadow);
+    --bs_dotnew_shadow: var(--bs_contrast_outine);
 
     /* tag new */
-    --bs_tagnew_shadow: 0 0 2px var(--zdt_contrast_shadow);
+    --bs_tagnew_shadow: var(--bs_contrast_outine);
 
     /* lookup section */
-    --bs_lookupsection_shadow: 0 0 2px var(--zdt_contrast_shadow);
+    --bs_lookupsection_shadow: var(--bs_contrast_outine);
 
     /* message */
-    --bs_message_container: 0 0 2px var(--zdt_contrast_shadow);
+    --bs_message_container: var(--bs_contrast_outine);
 
     /* plus icon */
-    --bs_plusicon_container: 0 0 2px var(--zdt_contrast_shadow);
+    --bs_plusicon_container: var(--bs_contrast_outine);
 
     /* toast message */
-    --bs_toastmessage_container: 0 0 2px var(--zdt_contrast_shadow);
+    --bs_toastmessage_container: var(--bs_contrast_outine);
 
     /* global notification */
-    --bs_globalnotification_container: 0 0 2px var(--zdt_contrast_shadow);
+    --bs_globalnotification_container: var(--bs_contrast_outine);
 
     /* desktop notification */
-    --bs_desktopnotification_container: 0 0 2px var(--zdt_contrast_shadow);
+    --bs_desktopnotification_container: var(--bs_contrast_outine);
 }

package/es/deprecated/SelectDropdown/SelectDropdown.js

@@ -135,10 +135,11 @@ SelectDropdown.propTypes = {
   }),
   title: PropTypes.string
 };
-if (false) {
-  SelectDropdown.docs = {
-    componentGroup: 'Header',
-    folderName: 'Setup'
-  };
-}
+// if (__DOCS__) {
+//   SelectDropdown.docs = {
+//     componentGroup: 'Header',
+//     folderName: 'Setup'
+//   };
+// }
+
 export default Popup(SelectDropdown);

package/es/dropdown/ToggleDropDown/ToggleDropDown.js

@@ -823,9 +823,10 @@ export class ToggleDropDown extends Component {
 }
 ToggleDropDown.defaultProps = defaultProps;
 ToggleDropDown.propTypes = propTypes;
-if (false) {
-  ToggleDropDown.docs = {
-    componentGroup: 'Molecule'
-  };
-}
+
+// if (__DOCS__) {
+//   ToggleDropDown.docs = {
+//     componentGroup: 'Molecule'
+//   };
+// }
 export default Popup(ToggleDropDown);

package/es/emptystate/CommonEmptyState/CommonEmptyState.js

@@ -58,8 +58,9 @@ export default class CommonEmptyState extends Component {
 }
 CommonEmptyState.propTypes = propTypes;
 CommonEmptyState.defaultProps = defaultProps;
-if (false) {
-  CommonEmptyState.docs = {
-    componentGroup: 'EmptyState'
-  };
-}
+
+// if (__DOCS__) {
+//   CommonEmptyState.docs = {
+//     componentGroup: 'EmptyState'
+//   };
+// }

package/es/emptystate/EditionPage/EditionPage.js

@@ -47,8 +47,9 @@ export default class EditionPage extends Component {
 }
 EditionPage.defaultProps = defaultProps;
 EditionPage.propTypes = propTypes;
-if (false) {
-  EditionPage.docs = {
-    componentGroup: 'EmptyState'
-  };
-}
+
+// if (__DOCS__) {
+//   EditionPage.docs = {
+//     componentGroup: 'EmptyState'
+//   };
+// }

package/es/errorstate/LinkText/LinkText.js

@@ -22,8 +22,8 @@ export default class LinkText extends React.Component {
 }
 LinkText.propTypes = propTypes;
 LinkText.defaultProps = defaultProps;
-if (false) {
-  LinkText.docs = {
-    componentGroup: 'errorStates'
-  };
-}
+// if (__DOCS__) {
+//   LinkText.docs = {
+//     componentGroup: 'errorStates'
+//   };
+// }

package/es/errorstate/NoRequestFound/NoRequestFound.js

@@ -75,8 +75,8 @@ export default class NoRequestFound extends React.Component {
 }
 NoRequestFound.propTypes = propTypes;
 NoRequestFound.defaultProps = defaultProps;
-if (false) {
-  NoRequestFound.docs = {
-    componentGroup: 'errorStates'
-  };
-}
+// if (__DOCS__) {
+//   NoRequestFound.docs = {
+//     componentGroup: 'errorStates'
+//   };
+// }

package/es/errorstate/PermissionPlay/PermissionPlay.js

@@ -74,8 +74,8 @@ export default class PermissionPlay extends React.Component {
 }
 PermissionPlay.propTypes = propTypes;
 PermissionPlay.defaultProps = defaultProps;
-if (false) {
-  PermissionPlay.docs = {
-    componentGroup: 'errorStates'
-  };
-}
+// if (__DOCS__) {
+//   PermissionPlay.docs = {
+//     componentGroup: 'errorStates'
+//   };
+// }

package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js

@@ -75,8 +75,8 @@ export default class RequestUrlNotFound extends React.Component {
 }
 RequestUrlNotFound.propTypes = propTypes;
 RequestUrlNotFound.defaultProps = defaultProps;
-if (false) {
-  RequestUrlNotFound.docs = {
-    componentGroup: 'errorStates'
-  };
-}
+// if (__DOCS__) {
+//   RequestUrlNotFound.docs = {
+//     componentGroup: 'errorStates'
+//   };
+// }