@zohodesk/dot 1.0.0-temp-58 → 1.0.0-temp-61

package/es/ToastMessage/docs/ToastMessage__information.docs.js

@@ -1,54 +0,0 @@
-import React, { Component } from 'react';
-import ToastMessage from '../ToastMessage';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-export default class ToastMessage__information extends Component {
-  render() {
-    return /*#__PURE__*/React.createElement("div", {
-      className: style.m50
-    }, /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      type: "information",
-      subject: "Screen Notification",
-      info: "There is a few changes occurred in this ticket",
-      submitText: "View changes",
-      needClose: true,
-      iconSize: "17",
-      iconName: "ZD-ticknew",
-      isIconMid: true,
-      iconPalette: "successPlain"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      type: "information",
-      iconName: "ZD-exclamationNew",
-      subject: "Log Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      cancelText: "Not now",
-      iconSize: "30",
-      iconPalette: "dangerShadow"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      type: "information",
-      iconName: "ZD-ticknew",
-      subject: "Log Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      cancelText: "Not now",
-      iconSize: "12",
-      iconPalette: "successFill",
-      needClose: true,
-      onPortalClose: () => {
-        console.log('from close');
-      }
-    })));
-  }
-
-}
-
-if (false) {
-  ToastMessage__information.docs = {
-    componentGroup: 'Atom',
-    description: ' '
-  };
-}

package/es/ToastMessage/docs/ToastMessage__primary.docs.js

@@ -1,125 +0,0 @@
-import React, { Component } from 'react';
-import ToastMessage from '../ToastMessage';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-export default class ToastMessage__primary extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement("div", {
-      className: style.m50
-    }, /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      subject: "Screen Notification",
-      info: "There is a few changes occurred in this ticket",
-      submitText: "Submit",
-      cancelText: "Not now",
-      isAnimate: false,
-      iconPalette: "dangerPlain"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      iconPalette: "dangerPlain",
-      subject: "Screen Notification",
-      info: "There is a few changes occurred in this ticket",
-      submitText: "Submit",
-      cancelText: "Not now",
-      submitType: "success",
-      isAnimate: false
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      subject: "Desktop Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      submitText: "Submit",
-      cancelText: "Not now",
-      submitType: "danger",
-      isIconMid: true,
-      iconPalette: "dangerPlain"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      iconPalette: "dangerPlain",
-      subject: "Screen Notification",
-      info: "There is a few changes occurred in this ticket",
-      submitText: "Submit",
-      cancelText: "Not now",
-      isMore: true,
-      message: "Do not Show this again"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      iconPalette: "dangerPlain",
-      subject: "Screen Notification",
-      info: "There is a few changes occurred in this ticket",
-      submitText: "Submit",
-      cancelText: "Not now",
-      submitType: "success",
-      isMore: true,
-      message: "Do not Show this again"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      subject: "Desktop Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      submitText: "Submit",
-      cancelText: "Not now",
-      submitType: "danger",
-      isIconMid: true,
-      iconPalette: "dangerPlain",
-      isMore: true,
-      messageState: true,
-      message: "Do not Show this again"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      iconPalette: "primaryPlain",
-      subject: "Mobile Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s",
-      submitText: "Submit",
-      cancelText: "Not now"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      iconPalette: "dangerPlain",
-      subject: "Log Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      cancelText: "Not now"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      iconPalette: "primaryPlain",
-      subject: "Log Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      submitText: "Submit"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      iconPalette: "dangerPlain",
-      subject: "Log Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      submitText: "Close",
-      submitType: "danger"
-    })));
-  }
-
-}
-
-if (false) {
-  ToastMessage__primary.docs = {
-    componentGroup: 'Atom',
-    description: ' '
-  };
-}

package/es/ToastMessage/docs/ToastMessage__secondary.docs.js

@@ -1,37 +0,0 @@
-import React, { Component } from 'react';
-import ToastMessage from '../ToastMessage';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-export default class ToastMessage__secondary extends Component {
-  render() {
-    return /*#__PURE__*/React.createElement("div", {
-      className: style.m50
-    }, /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      type: "secondary",
-      subject: "Screen Notification",
-      info: "There is a few changes occurred in this ticket",
-      submitText: "View changes",
-      needClose: true,
-      iconSize: "35",
-      iconName: "ZD-update"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      type: "secondary",
-      iconName: "ZD-exclamationNew",
-      subject: "Log Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      cancelText: "Not now",
-      iconSize: "40"
-    })));
-  }
-
-}
-
-if (false) {
-  ToastMessage__secondary.docs = {
-    componentGroup: 'Atom',
-    description: ' '
-  };
-}

package/es/ToastMessage/docs/ToastMessage__success.docs.js

@@ -1,61 +0,0 @@
-import React, { Component } from 'react';
-import ToastMessage from '../ToastMessage';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-export default class ToastMessage__success extends Component {
-  render() {
-    return /*#__PURE__*/React.createElement("div", {
-      className: style.m50
-    }, /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      type: "success",
-      subject: "Screen Notification",
-      info: "There is a few changes occurred in this ticket",
-      submitText: "details",
-      iconSize: "12",
-      iconName: "ZD-ticknew",
-      iconPalette: "successFill"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      type: "success",
-      iconName: "ZD-exclamationNew",
-      subject: "Log Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      cancelText: "Not now",
-      iconSize: "16",
-      iconPalette: "dangerFill"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      type: "success",
-      iconName: "ZD-ticknew",
-      subject: "Log Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      submitText: "details",
-      cancelText: "Not now",
-      iconSize: "12",
-      iconPalette: "successFill"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      type: "success",
-      iconName: "ZD-ticknew",
-      subject: "Log Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      submitText: "details",
-      cancelText: "Not now",
-      iconSize: "12",
-      iconPalette: "successFill",
-      submitType: "danger"
-    })));
-  }
-
-}
-
-if (false) {
-  ToastMessage__success.docs = {
-    componentGroup: 'Atom',
-    description: ' '
-  };
-}

package/es/Upload/docs/Upload__default.docs.js

@@ -1,61 +0,0 @@
-import React from 'react';
-import Upload from '../Upload';
-export default class Upload__default extends React.Component {
-  render() {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Upload, {
-      fileSize: "31.5 KB",
-      tooltip: "Attachment",
-      iconName: "ZD-filePicture",
-      onRemove: () => {}
-    }), /*#__PURE__*/React.createElement(Upload, {
-      fileSize: "31.5 KB",
-      tooltip: "Attachment",
-      iconName: "ZD-filePicture",
-      onRemove: () => {}
-    }), /*#__PURE__*/React.createElement(Upload, {
-      fileSize: "31.5 KB",
-      tooltip: "isPreview",
-      iconName: "ZD-filePicture",
-      onRemove: () => {},
-      isPreview: true
-    }), /*#__PURE__*/React.createElement(Upload, {
-      isAudio: true,
-      onRemove: () => {},
-      fileSize: "31.5 KB",
-      iconName: "ZD-filePicture"
-    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Upload, {
-      fileSize: "31.5 KB",
-      tooltip: "Attachment",
-      iconName: "ZD-filePicture",
-      onRemove: () => {},
-      size: "small"
-    }), /*#__PURE__*/React.createElement(Upload, {
-      fileSize: "31.5 KB",
-      tooltip: "Attachment",
-      iconName: "ZD-filePicture",
-      onRemove: () => {},
-      size: "small"
-    }), /*#__PURE__*/React.createElement(Upload, {
-      fileSize: "31.5 KB",
-      tooltip: "isPreview",
-      iconName: "ZD-filePicture",
-      onRemove: () => {},
-      isPreview: true,
-      size: "small"
-    }), /*#__PURE__*/React.createElement(Upload, {
-      fileSize: "31.5 KB",
-      tooltip: "Attachment",
-      iconName: "ZD-filePicture",
-      isAudio: true,
-      onRemove: () => {},
-      size: "small"
-    }));
-  }
-
-}
-
-if (false) {
-  Upload__default.docs = {
-    componentGroup: 'Upload'
-  };
-}

package/es/alert/AlertHeader/docs/AlertHeader__default.docs.js

@@ -1,63 +0,0 @@
-import React, { Component } from 'react';
-import AlertHeader from '../AlertHeader';
-export default class AlertHeader__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AlertHeader, {
-      title: "Delete",
-      palette: "danger",
-      iconType: "alert",
-      onClose: () => {
-        console.log('On Lookup Close');
-      },
-      closeTitle: "Close Lookup"
-    }), /*#__PURE__*/React.createElement(AlertHeader, {
-      title: "Delete",
-      palette: "primary",
-      iconType: "delete",
-      onClose: () => {
-        console.log('On Lookup Close');
-      }
-    }), /*#__PURE__*/React.createElement(AlertHeader, {
-      title: "Delete",
-      palette: "default",
-      iconType: "remoteAssist",
-      onClose: () => {
-        console.log('On Lookup Close');
-      }
-    }), /*#__PURE__*/React.createElement(AlertHeader, {
-      title: "Delete",
-      palette: "danger",
-      iconType: "splitTicket",
-      onClose: () => {
-        console.log('On Lookup Close');
-      }
-    }), /*#__PURE__*/React.createElement(AlertHeader, {
-      title: "Delete",
-      palette: "primary",
-      iconType: "update",
-      onClose: () => {
-        console.log('On Lookup Close');
-      }
-    }), /*#__PURE__*/React.createElement(AlertHeader, {
-      title: "Delete",
-      onClose: () => {
-        console.log('On Lookup Close');
-      },
-      palette: "default",
-      iconType: "addEndUser",
-      iconSize: "14"
-    }, "[SecondaryName]"));
-  }
-
-}
-
-if (false) {
-  AlertHeader__default.docs = {
-    componentGroup: 'AlertHeader',
-    folderName: 'Alert'
-  };
-}

package/es/alert/AlertLookup/docs/AlertLookup__default.docs.js

@@ -1,121 +0,0 @@
-import React, { Component } from 'react';
-import AlertLookup from '../AlertLookup';
-import Button from '@zohodesk/components/lib/Button/Button';
-export default class AlertLookup__default extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      lookup: false
-    };
-    this.onCancel = this.onCancel.bind(this);
-    this.headerChildren = this.headerChildren.bind(this);
-  }
-
-  lookupOpen(lookup) {
-    this.setState({
-      lookup: lookup
-    });
-  }
-
-  onCancel() {
-    this.setState({
-      lookup: false
-    });
-  }
-
-  headerChildren() {
-    return /*#__PURE__*/React.createElement("div", null, "Custom");
-  }
-
-  render() {
-    let {
-      lookup
-    } = this.state;
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '20px'
-      }
-    }, /*#__PURE__*/React.createElement(Button, {
-      text: "Delete Type Alert",
-      palette: "dangerFilled",
-      onClick: this.lookupOpen.bind(this, 'ticketDelete')
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '20px'
-      }
-    }, /*#__PURE__*/React.createElement(Button, {
-      text: "Remote Assist",
-      palette: "primaryFilled",
-      onClick: this.lookupOpen.bind(this, 'remoteAssist')
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '20px'
-      }
-    }, /*#__PURE__*/React.createElement(Button, {
-      text: "Close Type Alert",
-      palette: "dangerFilled",
-      onClick: this.lookupOpen.bind(this, 'ticketClose')
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '20px'
-      }
-    }, /*#__PURE__*/React.createElement(Button, {
-      text: "Custom children Type Alert",
-      palette: "dangerFilled",
-      onClick: this.lookupOpen.bind(this, 'customType')
-    })), /*#__PURE__*/React.createElement(AlertLookup, {
-      isActive: lookup === 'ticketDelete' ? true : false,
-      type: "delete",
-      onSubmitClick: () => {
-        console.log('On Delete');
-      },
-      onCancelClick: this.onCancel,
-      title: "Delete Ticket",
-      message: "Deleting this Ticket will move their Activities, and Time Entry to the Recycle Bin.",
-      confirmationMessage: "Would you like to delete?",
-      submitText: "Delete",
-      cancelText: "Cancel"
-    }), /*#__PURE__*/React.createElement(AlertLookup, {
-      isActive: lookup === 'remoteAssist' ? true : false,
-      type: "remoteAssist",
-      palette: "primary",
-      onSubmitClick: () => {
-        console.log('On Delete');
-      },
-      onCancelClick: this.onCancel,
-      title: "Remote Assist",
-      message: /*#__PURE__*/React.createElement("div", null, "You are about to send an invite for remote assistance to", ' ', /*#__PURE__*/React.createElement("b", null, "antro.avemaxa@gmail.com")),
-      confirmationMessage: "Would you like to continue?",
-      submitText: "Continue",
-      cancelText: "Cancel"
-    }), /*#__PURE__*/React.createElement(AlertLookup, {
-      isActive: lookup === 'ticketClose' ? true : false,
-      onSubmitClick: () => {
-        console.log('On Delete');
-      },
-      onCancelClick: this.onCancel,
-      title: "Close Ticket",
-      message: "Do you want to close this Ticket?",
-      submitText: "Ok",
-      cancelText: "Cancel"
-    }), /*#__PURE__*/React.createElement(AlertLookup, {
-      isActive: lookup === 'customType' ? true : false,
-      onSubmitClick: () => {
-        console.log('On Delete');
-      },
-      onCancelClick: this.onCancel,
-      title: "Close Ticket",
-      submitText: "Ok",
-      cancelText: "Cancel",
-      headerChildren: this.headerChildren
-    }, /*#__PURE__*/React.createElement("div", null, "Custom children Type")));
-  }
-
-}
-
-if (false) {
-  AlertLookup__default.docs = {
-    componentGroup: 'AlertLookup',
-    folderName: 'Alert'
-  };
-}

package/es/avatar/AvatarClose/docs/AvatarClose__default.docs.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import AvatarClose from '../AvatarClose';
-export default class AvatarClose__default extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(AvatarClose, {
-      name: "Avatar",
-      src: "https://hjemly.dk/wp-content/uploads/2016/05/facebook-default-no-profile-pic.jpg",
-      isClose: true
-    }), /*#__PURE__*/React.createElement(AvatarClose, {
-      name: "Avatar",
-      isClose: true
-    }));
-  }
-
-}
-
-if (false) {
-  AvatarClose__default.docs = {
-    componentGroup: 'Avatar Group'
-  };
-}

package/es/avatar/AvatarCollision/docs/AvatarCollision__default.docs.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import AvatarCollision from '../AvatarCollision';
-export default class AvatarCollision__default extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(AvatarCollision, {
-      size: "large",
-      name: "Avatar",
-      src: "https://hjemly.dk/wp-content/uploads/2016/05/facebook-default-no-profile-pic.jpg"
-    }), /*#__PURE__*/React.createElement(AvatarCollision, {
-      name: "Avatar",
-      src: "https://hjemly.dk/wp-content/uploads/2016/05/facebook-default-no-profile-pic.jpg",
-      isLeft: true
-    }), /*#__PURE__*/React.createElement(AvatarCollision, {
-      name: "Avatar",
-      src: "https://hjemly.dk/wp-content/uploads/2016/05/facebook-default-no-profile-pic.jpg",
-      needCreateChat: true
-    }), /*#__PURE__*/React.createElement(AvatarCollision, {
-      name: "Avatar",
-      src: "https://hjemly.dk/wp-content/uploads/2016/05/facebook-default-no-profile-pic.jpg",
-      isIdle: true
-    }));
-  }
-
-}
-
-if (false) {
-  AvatarCollision__default.docs = {
-    componentGroup: 'Avatar Group'
-  };
-}

package/es/avatar/AvatarIcon/docs/AvatarIcon__palette.docs.js

@@ -1,40 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import AvatarIcon from '../AvatarIcon';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-export default class AvatarIcon__palette extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let palettes = ['primary', 'secondary', 'success', 'danger', 'default'];
-    let iconPalettes = ['primary', 'grey', 'success', 'danger', 'default', 'smoke18'];
-    return /*#__PURE__*/React.createElement("div", null, palettes.map((palette, i) => /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`,
-      key: palette
-    }, /*#__PURE__*/React.createElement(AvatarIcon, {
-      name: "ZD-feedback",
-      size: "medium",
-      palette: palette,
-      title: "Title"
-    }))), /*#__PURE__*/React.createElement("div", null, iconPalettes.map((iconPalettes, i) => /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`,
-      key: iconPalettes
-    }, /*#__PURE__*/React.createElement(AvatarIcon, {
-      name: "ZD-channelTwitter",
-      size: "medium",
-      palette: palettes[i],
-      iconColor: iconPalettes,
-      title: "Title"
-    })))));
-  }
-
-}
-
-if (false) {
-  AvatarIcon__palette.docs = {
-    componentGroup: 'Avatar Group',
-    description: ' '
-  };
-}

package/es/avatar/AvatarIcon/docs/AvatarIcon__size.docs.js

@@ -1,46 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import AvatarIcon from '../AvatarIcon';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-export default class AvatarIcon__size extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let icons = [{
-      name: 'ZD-notifiExclamation',
-      size: 'small'
-    }, {
-      name: 'ZD-newuser',
-      size: 'xsmall'
-    }, {
-      name: 'ZD-feedback',
-      size: 'medium'
-    }, {
-      name: 'ZD-kbessentialsendmessage',
-      size: 'xmedium'
-    }, {
-      name: 'ZD-merge',
-      size: 'large'
-    }, {
-      name: 'ZD-smilyGood',
-      size: 'xlarge'
-    }];
-    return /*#__PURE__*/React.createElement("div", null, icons.map((item, i) => /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`,
-      key: i
-    }, /*#__PURE__*/React.createElement(AvatarIcon, {
-      name: item.name,
-      size: item.size
-    }))));
-  }
-
-}
-
-if (false) {
-  AvatarIcon__size.docs = {
-    componentGroup: 'Avatar Group',
-    description: ' '
-  };
-}