@zohodesk/dot 1.0.0-beta.239 → 1.0.0-beta.240

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

@@ -1,126 +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.onClose = this.onClose.bind(this);
-    this.headerChildren = this.headerChildren.bind(this);
-  }
-  lookupOpen(lookup) {
-    this.setState({
-      lookup: lookup
-    });
-  }
-  onCancel() {
-    console.log('from cancel');
-    this.setState({
-      lookup: false
-    });
-  }
-  onClose() {
-    console.log('from close');
-    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: "<h2>Deleting this Ticket will move their Activities, and Time Entry to the Recycle Bin.</h2>",
-      confirmationMessage: "Would you like to delete?",
-      submitText: "Delete",
-      cancelText: "Cancel",
-      onClose: this.onClose,
-      onEsc: "close",
-      isHtmlContent: true
-    }), /*#__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,23 +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,32 +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,37 +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,43 +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: ' '
-  };
-}

package/es/avatar/AvatarStatus/docs/AvatarStatus__size.docs.js

@@ -1,32 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import AvatarStatus from '../AvatarStatus';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-export default class AvatarStatus__size extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-  render() {
-    let sizes = ['small', 'xsmall', 'medium', 'xmedium', 'large', 'xlarge'];
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, sizes.map(size => /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`,
-      key: size
-    }, /*#__PURE__*/React.createElement(AvatarStatus, {
-      name: "Bharathikannan",
-      size: size
-    })))), /*#__PURE__*/React.createElement("div", null, sizes.map(size => /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`,
-      key: size
-    }, /*#__PURE__*/React.createElement(AvatarStatus, {
-      name: "Bharathikannan",
-      size: size,
-      shape: "square"
-    })))));
-  }
-}
-if (false) {
-  AvatarStatus__size.docs = {
-    componentGroup: 'Avatar Group',
-    description: ' '
-  };
-}

package/es/avatar/AvatarStatus/docs/AvatarStatus__state.docs.js

@@ -1,50 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import AvatarStatus from '../AvatarStatus';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-export default class AvatarStatus__state extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-  render() {
-    let states = ['online', 'offline', 'idle'];
-    return /*#__PURE__*/React.createElement("div", null, states.map(state => /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`,
-      key: state
-    }, /*#__PURE__*/React.createElement(AvatarStatus, {
-      name: "Bharathikannan",
-      size: "xmedium",
-      state: state
-    }))));
-    /*return (
-      <div>
-          <span className={style.docspan + ' ' + style.vtop}>
-            <AvatarStatus
-            name="Bharathikannan"
-              size="xmedium" palette="primary" state='online'
-            />
-          </span>
-            <span className={style.docspan + ' ' + style.vtop}>
-            <AvatarStatus
-              name="Bharathikannan"
-              size="xmedium" palette="secondary" state='offline'
-            />
-          </span>
-            <span className={style.docspan + ' ' + style.vtop}>
-            <AvatarStatus
-            name="Bharathikannan"
-              size="xmedium" palette="primary" filled state='idle'
-            />
-          </span>
-    
-        </div>
-    );*/
-  }
-}
-
-if (false) {
-  AvatarStatus__state.docs = {
-    componentGroup: 'Avatar Group',
-    description: ' '
-  };
-}

package/es/avatar/AvatarThread/docs/AvatarThread__default.docs.js

@@ -1,163 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import AvatarThread from '../AvatarThread';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-export default class AvatarThread__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-  render() {
-    let margin = {
-      margin: '10px'
-    };
-    return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
-      style: margin
-    }, "Show Icon On Hover"), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      name: "Bharathikannan",
-      size: "medium",
-      iconName: "ZD-minus",
-      iconSize: "8",
-      iconColor: "primary",
-      borderPalette: "primary",
-      showOnHover: true
-    }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
-      style: margin
-    }, "BorderPalatte"), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
-      name: "Bharathikannan",
-      size: "medium",
-      iconName: "ZD-TK-in",
-      iconSize: "14",
-      iconColor: "primary",
-      borderPalette: "primary"
-    })), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
-      name: "Bharathikannan",
-      size: "medium",
-      iconName: "ZD-TK-in",
-      iconSize: "14",
-      iconColor: "success",
-      borderPalette: "success"
-    })), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
-      name: "Bharathikannan",
-      size: "medium",
-      iconName: "ZD-TK-in",
-      iconSize: "14",
-      iconColor: "danger",
-      borderPalette: "danger"
-    })), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
-      name: "Bharathikannan",
-      size: "medium",
-      iconName: "ZD-TK-in",
-      iconSize: "14",
-      iconColor: "default",
-      borderPalette: "default"
-    })), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
-      name: "Bharathikannan",
-      size: "medium",
-      iconName: "ZD-TK-in",
-      iconSize: "14",
-      iconColor: "orange",
-      borderPalette: "orange"
-    }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
-      style: margin
-    }, "Icon Color"), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
-      name: "Bharathikannan",
-      size: "medium",
-      iconName: "ZD-chFacebook",
-      iconSize: "10",
-      iconColor: "primary"
-    })), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
-      name: "Bharathikannan",
-      size: "medium",
-      iconName: "ZD-chFacebook",
-      iconSize: "10",
-      iconColor: "danger"
-    })), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
-      name: "Bharathikannan",
-      size: "medium",
-      iconName: "ZD-chFacebook",
-      iconSize: "10",
-      iconColor: "orange"
-    }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
-      style: margin
-    }, "Size"), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
-      name: "Bharathikannan",
-      size: "small",
-      iconName: "ZD-chFacebook",
-      iconSize: "10"
-    })), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
-      name: "Bharathikannan",
-      size: "xsmall",
-      iconName: "ZD-chFacebook",
-      iconSize: "10"
-    })), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
-      name: "Bharathikannan",
-      size: "medium",
-      iconName: "ZD-chFacebook",
-      iconSize: "10"
-    })), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
-      name: "Bharathikannan",
-      size: "xmedium",
-      iconName: "ZD-chFacebook",
-      iconSize: "10"
-    })), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
-      name: "Bharathikannan",
-      size: "large",
-      iconName: "ZD-chFacebook",
-      iconSize: "10"
-    })), /*#__PURE__*/React.createElement("span", {
-      style: margin
-    }, /*#__PURE__*/React.createElement(AvatarThread, {
-      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
-      name: "Bharathikannan",
-      size: "xlarge",
-      iconName: "ZD-chFacebook",
-      iconSize: "10"
-    })))));
-  }
-}
-if (false) {
-  AvatarThread__default.docs = {
-    componentGroup: 'Avatar Group'
-  };
-}

package/es/avatar/AvatarUser/docs/AvatarUser__default.docs.js

@@ -1,170 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import AvatarUser from '../AvatarUser';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-export default class AvatarUser__default extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-  render() {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "small",
-      isPaid: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "xsmall",
-      isPaid: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "medium",
-      isPaid: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "xmedium",
-      isPaid: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "large",
-      isPaid: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "xlarge",
-      isPaid: true
-    }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "small",
-      isPortal: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "xsmall",
-      isPortal: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "medium",
-      isPortal: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "xmedium",
-      isPortal: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "large",
-      isPortal: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "xlarge",
-      isPortal: true
-    }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      iconName: "ZD-chTwitter",
-      iconSize: "8",
-      title: "Twitter",
-      size: "small",
-      isLocked: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      iconName: "ZD-chTwitter",
-      iconSize: "10",
-      title: "Twitter",
-      size: "xsmall",
-      isLocked: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "medium",
-      isLocked: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "xmedium",
-      isLocked: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "large",
-      isLocked: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "xlarge",
-      isLocked: true
-    }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      iconName: "ZD-chTwitter",
-      iconSize: "8",
-      title: "Twitter",
-      size: "small",
-      needDelete: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      iconName: "ZD-chTwitter",
-      iconSize: "10",
-      title: "Twitter",
-      size: "xsmall",
-      needDelete: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "medium",
-      needDelete: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "xmedium",
-      needDelete: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "large",
-      needDelete: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`
-    }, /*#__PURE__*/React.createElement(AvatarUser, {
-      name: "Bharathikannan",
-      size: "xlarge",
-      needDelete: true
-    }))));
-  }
-}
-if (false) {
-  AvatarUser__default.docs = {
-    componentGroup: 'Avatar Group',
-    description: ' '
-  };
-}