@zohodesk/dot 1.0.0-beta.250 → 1.0.0-beta.252

package/README.md

@@ -2,6 +2,16 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+# 1.0.0-beta.252
+
+- **ToggleDropdown**  - customClass (customDropBox and customListBox) Support added.
+
+- **StatusDropdown** - align item value changed (center => baseline) and Line-height changed(18px => 20px)
+
+# 1.0.0-beta.251
+
+- **ToggleDropdown, StatusDropdown, StatusListItem**  - Added New Prop `needMultiLineText`
+
 # 1.0.0-beta.250
 
 - - **FreezeLayer** - converted to functional component

package/es/ActionButton/ActionButton.js

@@ -135,7 +135,7 @@ export class ActionButton extends React.Component {
 }
 ActionButton.defaultProps = defaultProps;
 ActionButton.propTypes = propTypes;
-ActionButton.docs = {
-  componentGroup: 'Atom'
-};
+// ActionButton.docs = {
+//   componentGroup: 'Atom'
+// };
 export default Popup(ActionButton);

package/es/Drawer/index.js

@@ -0,0 +1 @@
+export { Header, Content, Footer, default as Drawer } from './Drawer';

package/es/alert/index.js

@@ -0,0 +1,2 @@
+export { default as AlertHeader } from './AlertHeader/AlertHeader';
+export { default as AlertLookup } from './AlertLookup/AlertLookup';

package/es/avatar/index.js

@@ -0,0 +1,7 @@
+export { default as AvatarClose } from './AvatarClose/AvatarClose';
+export { default as AvatarCollision } from './AvatarCollision/AvatarCollision';
+export { default as AvatarIcon } from './AvatarIcon/AvatarIcon';
+export { default as AvatarStatus } from './AvatarStatus/AvatarStatus';
+export { default as AvatarThread } from './AvatarThread/AvatarThread';
+export { default as AvatarUser } from './AvatarUser/AvatarUser';
+export { default as AvatarWithTeam } from './AvatarWithTeam/AvatarWithTeam';

package/es/deprecated/FreezeLayer/FreezeLayer.js

@@ -3,7 +3,7 @@ import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
 import { Container } from '@zohodesk/components/lib/Layout';
 import VelocityAnimationGroup from '@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
-import style from './FreezeLayer.module.css';
+import style from './_FreezeLayer.module.css';
 import { getZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
 import { getDotLibraryConfig } from '../Provider/Config';
 export default class FreezeLayer extends Component {

package/es/dropdown/ToggleDropDown/ToggleDropDown.js

@@ -519,7 +519,9 @@ export class ToggleDropDown extends Component {
       hoverType,
       palette,
       getFooter,
-      customProps
+      customProps,
+      needMultiLineText,
+      customClass
     } = this.props;
     let {
       ToggleDropDownProps = {},
@@ -528,6 +530,10 @@ export class ToggleDropDown extends Component {
       ListItemWithIconProps = {},
       ListItemProps = {}
     } = customProps;
+    let {
+      customDropBox = '',
+      customListBox = ''
+    } = customClass;
     const isPopupOpen = needExternalPopupState ? isPopupActive && isOpen : isOpen;
     const Component = isToggleStateNeeded ? children.type : null,
       componentProps = isToggleStateNeeded ? children.props : null;
@@ -612,7 +618,8 @@ export class ToggleDropDown extends Component {
         isAnimate: true,
         getRef: getContainerRef,
         customClass: {
-          customDropBoxWrap: style.dropBoxContainer
+          customDropBoxWrap: style.dropBoxContainer,
+          customDropBox: customDropBox
         },
         needResponsive: needResponsive,
         isPadding: isPadding,
@@ -658,7 +665,7 @@ export class ToggleDropDown extends Component {
         scroll: "vertical",
         preventParentScroll: "vertical",
         dataId: `${dataId}_list`,
-        className: `${tabletMode ? style.responsivemaxHgt : style.maxHgt}`,
+        className: `${tabletMode ? style.responsivemaxHgt : style.maxHgt} ${customListBox}`,
         eleRef: this.scrollContentRef,
         onScroll: this.handleScroll,
         role: isSearch ? 'listbox' : undefined,
@@ -711,6 +718,7 @@ export class ToggleDropDown extends Component {
             getRef: this.itemRef,
             title: title ? title : item[keyName],
             palette: palette,
+            needMultiLineText: needMultiLineText,
             a11y: {
               role: isSearch ? 'option' : 'menuitem',
               ariaSelected: selectedId === item[idName],
@@ -733,6 +741,7 @@ export class ToggleDropDown extends Component {
             getRef: this.itemRef,
             title: title ? title : item[keyName],
             palette: palette,
+            needMultiLineText: needMultiLineText,
             a11y: {
               role: isSearch ? 'option' : 'menuitem',
               ariaSelected: selectedId === item[idName],
@@ -780,6 +789,7 @@ export class ToggleDropDown extends Component {
           title: title ? title : item[keyName],
           key: listIndex,
           palette: palette,
+          needMultiLineText: needMultiLineText,
           a11y: {
             role: isSearch ? 'option' : 'menuitem',
             ariaSelected: selectedId === item[idName],
@@ -802,6 +812,7 @@ export class ToggleDropDown extends Component {
           getRef: this.itemRef,
           title: title ? title : item[keyName],
           palette: palette,
+          needMultiLineText: needMultiLineText,
           a11y: {
             role: isSearch ? 'option' : 'menuitem',
             ariaSelected: selectedId === item[idName],

package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css

@@ -40,8 +40,7 @@
   visibility: visible;
 }
 .value {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-  composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted  offSelection from '~@zohodesk/components/lib/common/common.module.css';
 }
 .search {
   padding: var(--zd_size6) var(--zd_size20) 0;

package/es/dropdown/ToggleDropDown/props/defaultProps.js

@@ -21,5 +21,7 @@ export const defaultProps = {
   needExternalPopupState: false,
   customProps: {},
   preventPopupClose: false,
-  dataSelectorId: 'toggleDropdown'
+  dataSelectorId: 'toggleDropdown',
+  needMultiLineText: false,
+  customClass: {}
 };

package/es/dropdown/ToggleDropDown/props/propTypes.js

@@ -67,5 +67,10 @@ export const propTypes = {
     ListItemWithIconProps: PropTypes.object,
     ListItemProps: PropTypes.object
   }),
-  preventPopupClose: PropTypes.bool
+  preventPopupClose: PropTypes.bool,
+  needMultiLineText: PropTypes.bool,
+  customClass: PropTypes.shape({
+    customDropBox: PropTypes.string,
+    customListBox: PropTypes.string
+  })
 };

package/es/errorstate/index.js

@@ -0,0 +1,8 @@
+export { default as Inconvenience } from './Inconvenience/Inconvenience';
+export { default as LinkText } from './LinkText/LinkText';
+export { default as NoRequestFound } from './NoRequestFound/NoRequestFound';
+export { default as PermissionPlay } from './PermissionPlay/PermissionPlay';
+export { default as RequestUrlNotFound } from './RequestUrlNotFound/RequestUrlNotFound';
+export { default as UnableToProcess } from './UnableToProcess/UnableToProcess';
+export { default as UnauthorizedLogin } from './UnauthorizedLogin/UnauthorizedLogin';
+export { default as WillBack } from './WillBack/WillBack';

package/es/form/fields/index.js

@@ -0,0 +1,16 @@
+export { default as CheckBoxField } from './CheckBoxField/CheckBoxField';
+export { default as CurrencyField } from './CurrencyField/CurrencyField';
+export { default as DateField } from './DateField/DateField';
+export { default as FieldContainer } from './FieldContainer/FieldContainer';
+export { default as MultiSelectField } from './MultiSelectField/MultiSelectField';
+export { default as PhoneField } from './PhoneField/PhoneField';
+export { default as RadioField } from './RadioField/RadioField';
+export { default as SelectField } from './SelectField/SelectField';
+export { default as TagsMultiSelect } from './TagsMultiSelect/TagsMultiSelect';
+export { default as TagsMultiSelectField } from './TagsMultiSelectField/TagsMultiSelectField';
+export { default as TextareaField } from './TextareaField/TextareaField';
+export { default as TextBoxField } from './TextBoxField/TextBoxField';
+export { default as TextEditor } from './TextEditor/TextEditor';
+export { default as TextEditorField } from './TextEditorField/TextEditorField';
+export { default as TextEditorWrapper } from './TextEditorWrapper/TextEditorWrapper';
+export { default as ValidationMessage } from './ValidationMessage/ValidationMessage';

package/es/form/layout/index.js

@@ -0,0 +1,2 @@
+export { default as Field } from './Field/Field';
+export { default as Section } from './Section/Section';

package/es/index.js

@@ -1,4 +1,51 @@
-export * from './docs/generalDocs.js';
-export * from './docs/lookupDocs.js';
-export * from './docs/setupDocs.js';
-export * from './docs/formDocs.js';
+export { default as ActionButton } from './ActionButton/ActionButton';
+export { default as AutoClose } from './actions/AutoClose';
+export * from './alert';
+export { default as AlphabeticList } from './AlphabeticList/AlphabeticList';
+export { default as Attachment } from './Attachment/Attachment';
+export { default as AttachmentViewer } from './AttachmentViewer/AttachmentViewer';
+export * from './avatar';
+export { default as ChannelIcon } from './ChannelIcon/ChannelIcon';
+import * as _Drawer from './Drawer/Drawer';
+export { _Drawer as Drawer };
+export { default as ToggleDropDown } from './dropdown/ToggleDropDown/ToggleDropDown';
+export { default as CommonEmptyState } from './emptystate/CommonEmptyState/CommonEmptyState';
+export { default as EditionPage } from './emptystate/EditionPage/EditionPage';
+import * as _errorstate from './errorstate';
+export { _errorstate as errorstate };
+export { default as ExternalLink } from './ExternalLink/ExternalLink';
+export { default as FlipCard } from './FlipCard/FlipCard';
+import * as _fields from './form/fields';
+export { _fields as fields };
+import * as _fields_layout from './form/layout/';
+export { _fields_layout as fields_layout };
+export { default as FormAction } from './FormAction/FormAction';
+export { default as FreezeLayer } from './FreezeLayer/FreezeLayer';
+export { default as IconButton } from './IconButton/IconButton';
+export { default as Image } from './Image/Image';
+export { default as ImportantNotes } from './ImportantNotes/ImportantNotes';
+import * as _SetupDetailLayout from './layout/SetupDetailLayout';
+export { _SetupDetailLayout as SetupDetailLayout };
+import * as _SubtabLayout from './layout/SubtabLayout';
+export { _SubtabLayout as SubtabLayout };
+export { default as Link } from './Link/Link';
+import * as _list from './list';
+export { _list as list };
+export { default as Loader } from './Loader/Loader';
+export { default as Message, MessageUI, MessageNew } from './Message/Message';
+export { default as MessageBanner } from './MessageBanner/MessageBanner';
+export { default as NewStar } from './NewStar/NewStar';
+export { default as PlusIcon } from './PlusIcon/PlusIcon';
+import * as _Provider from './Provider/Config';
+export { _Provider as Provider };
+import * as _lookup from './lookup';
+export { _lookup as lookup };
+export { default as Separator } from './Separator/Separator';
+import * as _setup from './setup';
+export { _setup as setup };
+import * as _svg from './svg';
+export { _svg as svg };
+export { default as ToastMessage } from './ToastMessage/ToastMessage';
+export { default as Upload } from './Upload/Upload';
+import * as _version from './version2';
+export { _version as version2 };

package/es/list/Icons/index.js

@@ -0,0 +1,7 @@
+export { default as AddNewIcon } from './AddNewIcon';
+export { default as CompleteIcon } from './CompleteIcon';
+export { default as DeleteComponent } from './DeleteComponent';
+export { default as EditIcon } from './EditIcon';
+export { default as FloatingIcons } from './FloatingIcons';
+export { default as ReadUnreadIcon } from './ReadUnreadIcon';
+export { default as SmartIcon } from './SmartIcon';

package/es/list/index.js

@@ -0,0 +1,17 @@
+export { default as AvatarFlip } from './AvatarFlip/AvatarFlip';
+export { default as BluePrintStatus } from './BluePrintStatus/BluePrintStatus';
+export { default as Comment } from './Comment/Comment';
+export { default as DepartmentDropDown } from './DepartmentDropDown/DepartmentDropDown';
+export { default as Dot } from './Dot/Dot';
+export { default as DotNew } from './DotNew/DotNew';
+export { default as GridStencils } from './GridStencils/GridStencils';
+export { default as ListLayout, Column } from './ListLayout/ListLayout';
+export { default as ListStencils } from './ListStencils/ListStencils';
+export { default as SecondryPanel, SecondryPanelUL, SecondryPanelLI, SecondryPanelItem } from './SecondryPanel/SecondryPanel';
+export { default as SentimentStatus } from './SentimentStatus/SentimentStatus';
+export { default as StatusDropdown } from './status/StatusDropdown/StatusDropdown';
+export { default as StatusListItem } from './status/StatusListItem/StatusListItem';
+export { default as Subject } from './Subject/Subject';
+export { default as TagNew } from './TagNew/TagNew';
+export { default as Thread } from './Thread/Thread';
+export { default as UserTime } from './UserTime/UserTime';

package/es/list/status/StatusDropdown/StatusDropdown.js

@@ -275,7 +275,8 @@ export class StatusDropdown extends React.Component {
       arrowIconPosition,
       statusColor,
       needExternalPopupState = false,
-      isPopupActive = false
+      isPopupActive = false,
+      needMultiLineText
     } = this.props;
     let isPopupOpen = needExternalPopupState ? isPopupActive && isOpen : isOpen;
     let {
@@ -396,6 +397,7 @@ export class StatusDropdown extends React.Component {
         getRef: this.itemRef,
         bulletColor: item[statusColor],
         title: item[keyName],
+        needMultiLineText: needMultiLineText,
         a11y: {
           role: isSearch ? 'option' : 'menuitem',
           ariaSelected: value === item[keyName]

package/es/list/status/StatusDropdown/props/defaultProps.js

@@ -14,5 +14,6 @@ export const defaultProps = {
   arrowIconPosition: 'default',
   boxSize: 'medium',
   needExternalPopupState: false,
-  statusColor: 'statusColor'
+  statusColor: 'statusColor',
+  needMultiLineText: false
 };

package/es/list/status/StatusDropdown/props/propTypes.js

@@ -46,5 +46,6 @@ export const propTypes = {
   targetAlign: PropTypes.oneOf(['vertical', 'horizontal', 'both', 'top', 'right', 'bottom', 'left', 'between', 'around']),
   title: PropTypes.string,
   togglePopup: PropTypes.func,
-  value: PropTypes.node
+  value: PropTypes.node,
+  needMultiLineText: PropTypes.bool
 };

package/es/list/status/StatusListItem/StatusListItem.js

@@ -60,7 +60,8 @@ export default class StatusListItem extends React.Component {
       needBorder,
       isDisabled,
       bulletColor,
-      a11y
+      a11y,
+      needMultiLineText
     } = this.props;
     let options = {};
     let {
@@ -76,7 +77,7 @@ export default class StatusListItem extends React.Component {
       role: role,
       "aria-selected": ariaSelected,
       isCover: false,
-      align: "vertical",
+      align: "baseline",
       alignBox: "row",
       className: `${style.list} ${style[size]} ${style[palette]} ${active ? style.active : highlight && !isDisabled ? style.hover : ''} ${autoHover && !isDisabled ? style.effect : ''} ${needTick ? style.withTick : ''} ${isDisabled ? CssProvider('isDisable') : ''} ${needBorder ? style.withBorder : ''}`,
       dataId: String(value).replace("'", '_'),
@@ -92,7 +93,7 @@ export default class StatusListItem extends React.Component {
       "data-title": isDisabled ? null : title,
       flexible: true,
       shrink: true,
-      className: style.value
+      className: needMultiLineText ? style.multiLineValue : style.value
     }, value), needTick && active ? /*#__PURE__*/React.createElement("div", {
       className: style.tickIcon,
       "aria-hidden": ariaHidden

package/es/list/status/StatusListItem/StatusListItem.module.css

@@ -3,6 +3,7 @@
   font-size: var(--zd_font_size13);
   position: relative;
   list-style: none;
+  min-height: var(--zd_size35);
   cursor: pointer;
 }
 [dir=ltr] .withBorder {
@@ -12,13 +13,13 @@
   border-right: 1px solid var(--zdt_statuslistitem_default_border);
 }
 [dir=ltr] .small {
-  padding: var(--zd_size9) var(--zd_size3) var(--zd_size9) var(--zd_size5);
+  padding: var(--zd_size7) var(--zd_size3) var(--zd_size7) var(--zd_size5);
 }
 [dir=rtl] .small {
-  padding: var(--zd_size9) var(--zd_size5) var(--zd_size9) var(--zd_size3);
+  padding: var(--zd_size7) var(--zd_size5) var(--zd_size7) var(--zd_size3);
 }
 .medium {
-  padding: var(--zd_size9) var(--zd_size20);
+  padding: var(--zd_size7) var(--zd_size20);
 }
 .large {
   height: var(--zd_size48);
@@ -29,15 +30,19 @@
 [dir=rtl] .large {
   padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size3);
 }
-
+.value,.multiLineValue {
+  line-height: var(--zd_size20);
+}
 .value {
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
 }
-
+.multiLineValue{
+  word-break: break-word;
+  composes: clamp from '~@zohodesk/components/lib/common/common.module.css';
+}
 [dir=ltr] .withBorder.active {
   border-left-color: var(--zdt_statuslistitem_default_active_border);
 }
-
 [dir=rtl] .withBorder.active {
   border-right-color: var(--zdt_statuslistitem_default_active_border);
 }

package/es/list/status/StatusListItem/props/defaultProps.js

@@ -10,5 +10,6 @@ export const defaultProps = {
   target: 'blank',
   needBorder: true,
   bulletColor: 'black',
-  a11y: {}
+  a11y: {},
+  needMultiLineText: false
 };

package/es/list/status/StatusListItem/props/propTypes.js

@@ -20,6 +20,7 @@ export const propTypes = {
   target: PropTypes.oneOf(['blank', 'self']),
   title: PropTypes.string,
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+  needMultiLineText: PropTypes.bool,
   a11y: PropTypes.shape({
     role: PropTypes.string,
     ariaSelected: PropTypes.bool,

package/es/list/status/index.js

@@ -0,0 +1,2 @@
+export { default as StatusDropdown } from './StatusDropdown/StatusDropdown';
+export { default as StatusListItem } from './StatusListItem/StatusListItem';

package/es/lookup/header/index.js

@@ -0,0 +1,5 @@
+export { default as Close } from './Close/Close';
+export { default as ModuleHeader } from './ModuleHeader/ModuleHeader';
+export { default as Search } from './Search/Search';
+export { default as TicketHeader } from './TicketHeader/TicketHeader';
+export { default as ViewDropDown } from './ViewDropDown/ViewDropDown';

package/es/lookup/index.js

@@ -0,0 +1,5 @@
+export { default as EmptyPage } from './EmptyPage/EmptyPage';
+export { default as Lookup } from './Lookup/Lookup';
+export { default as Section } from './Section/Section';
+import * as _Header from './header';
+export { _Header as Header };

package/es/setup/header/index.js

@@ -0,0 +1,4 @@
+export { default as Button } from './Button/Button';
+export { default as Link } from './Link/Link';
+export { default as Search } from './Search/Search';
+export { default as Views } from './Views/Views';

package/es/setup/helptips/index.js

@@ -0,0 +1,4 @@
+export { default as Description } from './Description/Description';
+export { default as Link } from './Link/Link';
+export { default as ListGroup } from './ListGroup/ListGroup';
+export { default as Title } from './Title/Title';

package/es/setup/index.js

@@ -0,0 +1,6 @@
+import * as _header from './header';
+export { _header as header };
+import * as _helptips from './helptips';
+export { _helptips as helptips };
+import * as _table from './table';
+export { _table as table };

package/es/setup/table/index.js

@@ -0,0 +1,5 @@
+export { default as Table } from './Table/Table';
+export { default as TableBody } from './TableBody/TableBody';
+export { default as TableData } from './TableData/TableData';
+export { default as TableHead } from './TableHead/TableHead';
+export { default as TableRow } from './TableRow/TableRow';

package/es/svg/index.js

@@ -0,0 +1,3 @@
+export { default as PlusIcon } from './PlusIcon';
+export { default as SnippetIcon } from './SnippetIcon';
+export { default as TemplateIcon } from './TemplateIcon';

package/es/version2/alertIcons/index.js

@@ -0,0 +1,8 @@
+export { default as AlarmAlertIcon } from './AlarmAlertIcon';
+export { default as AlertIcons } from './AlertIcons';
+export { default as DangerAlertIcon } from './DangerAlertIcon';
+export { default as ErrorAlertIcon } from './ErrorAlertIcon';
+export { default as InfoAlertIcon } from './InfoAlertIcon';
+export { default as NotificationAlertIcon } from './NotificationAlertIcon';
+export { default as SuccessAlertIcon } from './SuccessAlertIcon';
+export { default as WarningAlertIcon } from './WarningAlertIcon';

package/es/version2/errorstate/index.js

@@ -0,0 +1,6 @@
+export { default as Inconvenience } from './Inconvenience/Inconvenience';
+export { default as OopsSomethingMiss } from './OopsSomethingMiss/OopsSomethingMiss';
+export { default as UnableToProcessRequest } from './UnableToProcessRequest/UnableToProcessRequest';
+export { default as UnauthorizedLogin } from './UnauthorizedLogin/UnauthorizedLogin';
+export { default as UrlNotFound } from './UrlNotFound/UrlNotFound';
+export { default as WillBeRightBack } from './WillBeRightBack/WillBeRightBack';

package/es/version2/index.js

@@ -0,0 +1,12 @@
+export { default as AlertClose } from './AlertClose/AlertClose';
+import * as _alertIcons from './alertIcons';
+export { _alertIcons as alertIcons };
+import * as _errorstate from './errorstate';
+export { _errorstate as errorstate };
+export { default as GlobalNotification } from './GlobalNotification/GlobalNotification';
+export { GlobalNotificationUI } from './GlobalNotification/GlobalNotification';
+export { GlobalNotificationNew } from './GlobalNotification/GlobalNotification';
+import * as _lookup from './lookup';
+export { _lookup as lookup };
+import * as _notification from './notification';
+export { _notification as notification };

package/es/version2/lookup/index.js

@@ -0,0 +1,2 @@
+export { default as AlertHeader } from './AlertHeader/AlertHeader';
+export { default as AlertLookup } from './AlertLookup/AlertLookup';

package/es/version2/notification/index.js

@@ -0,0 +1,3 @@
+export { DesktopNotificationUI } from './DesktopNotification/DesktopNotification';
+export { default as DesktopNotification } from './DesktopNotification/DesktopNotification';
+export { default as DesktopNotificationHeader } from './DesktopNotificationHeader/DesktopNotificationHeader';

package/lib/ActionButton/ActionButton.js

@@ -165,8 +165,8 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
 exports.ActionButton = ActionButton;
 ActionButton.defaultProps = _defaultProps.defaultProps;
 ActionButton.propTypes = _propTypes.propTypes;
-ActionButton.docs = {
-  componentGroup: 'Atom'
-};
+// ActionButton.docs = {
+//   componentGroup: 'Atom'
+// };
 var _default = (0, _Popup["default"])(ActionButton);
 exports["default"] = _default;

package/lib/Drawer/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Content", {
+  enumerable: true,
+  get: function get() {
+    return _Drawer.Content;
+  }
+});
+Object.defineProperty(exports, "Drawer", {
+  enumerable: true,
+  get: function get() {
+    return _Drawer["default"];
+  }
+});
+Object.defineProperty(exports, "Footer", {
+  enumerable: true,
+  get: function get() {
+    return _Drawer.Footer;
+  }
+});
+Object.defineProperty(exports, "Header", {
+  enumerable: true,
+  get: function get() {
+    return _Drawer.Header;
+  }
+});
+var _Drawer = _interopRequireWildcard(require("./Drawer"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/lib/alert/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AlertHeader", {
+  enumerable: true,
+  get: function get() {
+    return _AlertHeader["default"];
+  }
+});
+Object.defineProperty(exports, "AlertLookup", {
+  enumerable: true,
+  get: function get() {
+    return _AlertLookup["default"];
+  }
+});
+var _AlertHeader = _interopRequireDefault(require("./AlertHeader/AlertHeader"));
+var _AlertLookup = _interopRequireDefault(require("./AlertLookup/AlertLookup"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/avatar/index.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AvatarClose", {
+  enumerable: true,
+  get: function get() {
+    return _AvatarClose["default"];
+  }
+});
+Object.defineProperty(exports, "AvatarCollision", {
+  enumerable: true,
+  get: function get() {
+    return _AvatarCollision["default"];
+  }
+});
+Object.defineProperty(exports, "AvatarIcon", {
+  enumerable: true,
+  get: function get() {
+    return _AvatarIcon["default"];
+  }
+});
+Object.defineProperty(exports, "AvatarStatus", {
+  enumerable: true,
+  get: function get() {
+    return _AvatarStatus["default"];
+  }
+});
+Object.defineProperty(exports, "AvatarThread", {
+  enumerable: true,
+  get: function get() {
+    return _AvatarThread["default"];
+  }
+});
+Object.defineProperty(exports, "AvatarUser", {
+  enumerable: true,
+  get: function get() {
+    return _AvatarUser["default"];
+  }
+});
+Object.defineProperty(exports, "AvatarWithTeam", {
+  enumerable: true,
+  get: function get() {
+    return _AvatarWithTeam["default"];
+  }
+});
+var _AvatarClose = _interopRequireDefault(require("./AvatarClose/AvatarClose"));
+var _AvatarCollision = _interopRequireDefault(require("./AvatarCollision/AvatarCollision"));
+var _AvatarIcon = _interopRequireDefault(require("./AvatarIcon/AvatarIcon"));
+var _AvatarStatus = _interopRequireDefault(require("./AvatarStatus/AvatarStatus"));
+var _AvatarThread = _interopRequireDefault(require("./AvatarThread/AvatarThread"));
+var _AvatarUser = _interopRequireDefault(require("./AvatarUser/AvatarUser"));
+var _AvatarWithTeam = _interopRequireDefault(require("./AvatarWithTeam/AvatarWithTeam"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }