@zohodesk/components 1.0.0-temp-47 → 1.0.0-temp-48

package/es/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css

@@ -0,0 +1,48 @@
+[data-mode='default'][data-theme='blue'] {
+    /* stencil */
+    --zdt_stencil_dark_bg: #383f55;
+    --zdt_stencil_dark_gradient_bg: linear-gradient(
+        left,
+        #383f55 0,
+        #414963 33.33%,
+        #414961 66.66%,
+        #383f55 100%
+    );
+
+    /* dropbox */
+    --zdt_dropbox_dark_bg: #383f57;
+
+    /* listitem */
+    --zdt_listitem_dark_bg: #383f57;
+    --zdt_listitem_dark_text: #d0d0d4;
+    --zdt_listitem_dark_effect_bg: #444a61;
+    --zdt_listitem_dark_active_bg: #3b4d6d;
+    --zdt_listitem_dark_tickicon: #6cbbfc;
+
+    /* tag */
+    --zdt_tag_dark_text: #d0d0d4;
+    --zdt_tag_dark_bg: #42485f;
+    --zdt_tag_dark_hover_text: #d0d0d4;
+    --zdt_tag_dark_hover_bg: #503348;
+    --zdt_tag_dark_close_bg: #864654;
+    --zdt_tag_dark_close_text: #de3535;
+
+    /* multiselect */
+    --zdt_multiselect_dark_border: #4b5168;
+    --zdt_multiselect_darkmsg_bg: #383f57;
+    --zdt_multiselect_darkmsg_text: #d0d0d4;
+    --zdt_multiselect_darkdelete_hover_text: var(--dot_text_white);
+
+    /* avatar */
+    --zdt_avatar_white_border: var(--dot_border_shuttleGrey);
+    --zdt_avatar_white_text: var(--dot_text_white);
+
+    /* label */
+    --zdt_label_dark_text: #d0d0d4;
+
+    /* textbox */
+    --zdt_textbox_light_text: var(--dot_text_white);
+
+    /* dropdown */
+    --zdt_dropdown_darkheading_text: var(--dot_text_white);
+}

package/es/Appearance/default/themes/green/greenDefaultCTATheme.module.css

@@ -0,0 +1,34 @@
+[data-mode='default'][data-theme='green'] {
+    --zdt_cta_primary_text: #26a942;
+    --zdt_cta_primary_hover_text: #0e7526;
+    --zdt_cta_primary_bg: #26a942;
+    --zdt_cta_primary_hover_bg: #0e7526;
+    --zdt_cta_primary_border: #26a942;
+    --zdt_cta_primary_hover_border: #0e7526;
+    --zdt_cta_primary_box_shadow: rgba(38, 169, 66, 0.2);
+    --zdt_cta_primary_hover_box_shadow: rgba(14, 117, 38, 0.25);
+    --zdt_cta_primary_light_bg: #f2faf5;
+    --zdt_cta_primary_light_hover_bg: #d4eed9;
+    --zdt_cta_primary_light_border: #d4eed9;
+    --zdt_cta_secondary_bg: #26a942;
+    --zdt_cta_secondary_text: var(--dot_text_white);
+    --zdt_cta_secondary_border: #4ac064;
+    --zdt_cta_secondary_light_border: #bee5c6;
+    --zdt_cta_alpha_text: #26a942;
+    --zdt_cta_alpha_hover_text: #0e7526;
+    --zdt_cta_alpha_border: #26a942;
+    --zdt_cta_alpha_hover_border: #0e7526;
+    --zdt_cta_alpha_bg: #d4eed9;
+    --zdt_cta_beta_border: #26a942;
+    --zdt_cta_grey_10_bg: #f6faf9;
+    --zdt_cta_grey_10_border: #f6faf9;
+    --zdt_cta_grey_15_bg: #eef2ef;
+    --zdt_cta_grey_15_border: #eef2ef;
+    --zdt_cta_grey_20_bg: #ebefef;
+    --zdt_cta_grey_35_bg: #d3dfd7;
+    --zdt_cta_grey_35_text: #d3dfd7;
+    --zdt_cta_grey_35_border: #d3dfd7;
+    --zdt_cta_grey_40_bg: #c5cdc7;
+    --zdt_cta_grey_40_text: #c5cdc7;
+    --zdt_cta_grey_40_border: #c5cdc7;
+}

package/es/Appearance/default/themes/green/greenDefaultComponentTheme.module.css

@@ -0,0 +1,48 @@
+[data-mode='default'][data-theme='green'] {
+    /* stencil */
+    --zdt_stencil_dark_bg: rgba(255, 255, 255, 0.07);
+    --zdt_stencil_dark_gradient_bg: linear-gradient(
+        left,
+        rgba(255, 255, 255, 0.07) 0,
+        rgba(255, 255, 255, 0.03) 33.33%,
+        rgba(255, 255, 255, 0.03) 66.66%,
+        rgba(255, 255, 255, 0.07) 100%
+    );
+
+    /* dropbox */
+    --zdt_dropbox_dark_bg: #1d2f33;
+
+    /* listitem */
+    --zdt_listitem_dark_bg: #1d2f33;
+    --zdt_listitem_dark_text: #d0d0d4;
+    --zdt_listitem_dark_effect_bg: rgba(255, 255, 255, 0.12);
+    --zdt_listitem_dark_active_bg: #2d484e;
+    --zdt_listitem_dark_tickicon: #4ac064;
+
+    /* tag */
+    --zdt_tag_dark_text: #d0d0d4;
+    --zdt_tag_dark_bg: rgba(255, 255, 255, 0.07);
+    --zdt_tag_dark_hover_text: #d0d0d4;
+    --zdt_tag_dark_hover_bg: #503348;
+    --zdt_tag_dark_close_bg: #864654;
+    --zdt_tag_dark_close_text: #de3535;
+
+    /* multiselect */
+    --zdt_multiselect_dark_border: rgba(255, 255, 255, 0.2);
+    --zdt_multiselect_darkmsg_bg: rgba(255, 255, 255, 0.02);
+    --zdt_multiselect_darkmsg_text: #d0d0d4;
+    --zdt_multiselect_darkdelete_hover_text: var(--dot_text_white);
+
+    /* avatar */
+    --zdt_avatar_white_border: rgba(255, 255, 255, 0.2);
+    --zdt_avatar_white_text: var(--dot_text_white);
+
+    /* label */
+    --zdt_label_dark_text: #d0d0d4;
+
+    /* textbox */
+    --zdt_textbox_light_text: var(--dot_text_white);
+
+    /* dropdown */
+    --zdt_dropdown_darkheading_text: var(--dot_text_white);
+}

package/es/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css

@@ -0,0 +1,34 @@
+[data-mode='default'][data-theme='orange'] {
+    --zdt_cta_primary_text: #e57717;
+    --zdt_cta_primary_hover_text: #b25900;
+    --zdt_cta_primary_bg: #e57717;
+    --zdt_cta_primary_hover_bg: #b25900;
+    --zdt_cta_primary_border: #e57717;
+    --zdt_cta_primary_hover_border: #b25900;
+    --zdt_cta_primary_box_shadow: rgba(229, 119, 23, 0.2);
+    --zdt_cta_primary_hover_box_shadow: rgba(178, 89, 0, 0.25);
+    --zdt_cta_primary_light_bg: #fdf5ef;
+    --zdt_cta_primary_light_hover_bg: #fae4d1;
+    --zdt_cta_primary_light_border: #fae4d1;
+    --zdt_cta_secondary_bg: #e57717;
+    --zdt_cta_secondary_text: var(--dot_text_white);
+    --zdt_cta_secondary_border: #ea9245;
+    --zdt_cta_secondary_light_border: #f7d6b9;
+    --zdt_cta_alpha_text: #e57717;
+    --zdt_cta_alpha_hover_text: #b25900;
+    --zdt_cta_alpha_border: #e57717;
+    --zdt_cta_alpha_hover_border: #b25900;
+    --zdt_cta_alpha_bg: #fae4d1;
+    --zdt_cta_beta_border: #e57717;
+    --zdt_cta_grey_10_bg: #f9f7f6;
+    --zdt_cta_grey_10_border: #f9f7f6;
+    --zdt_cta_grey_15_bg: #f2ece8;
+    --zdt_cta_grey_15_border: #f2ece8;
+    --zdt_cta_grey_20_bg: #f2f0ee;
+    --zdt_cta_grey_35_bg: #e2ddda;
+    --zdt_cta_grey_35_text: #e2ddda;
+    --zdt_cta_grey_35_border: #e2ddda;
+    --zdt_cta_grey_40_bg: #d1cbc6;
+    --zdt_cta_grey_40_text: #d1cbc6;
+    --zdt_cta_grey_40_border: #d1cbc6;
+}

package/es/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css

@@ -0,0 +1,48 @@
+[data-mode='default'][data-theme='orange'] {
+    /* stencil */
+    --zdt_stencil_dark_bg: rgba(255, 255, 255, 0.07);
+    --zdt_stencil_dark_gradient_bg: linear-gradient(
+        left,
+        rgba(255, 255, 255, 0.07) 0,
+        rgba(255, 255, 255, 0.03) 33.33%,
+        rgba(255, 255, 255, 0.03) 66.66%,
+        rgba(255, 255, 255, 0.07) 100%
+    );
+
+    /* dropbox */
+    --zdt_dropbox_dark_bg: #332e24;
+
+    /* listitem */
+    --zdt_listitem_dark_bg: #332e24;
+    --zdt_listitem_dark_text: #d0d0d4;
+    --zdt_listitem_dark_effect_bg: rgba(255, 255, 255, 0.12);
+    --zdt_listitem_dark_active_bg: #4b4335;
+    --zdt_listitem_dark_tickicon: #ff6363;
+
+    /* tag */
+    --zdt_tag_dark_text: #d0d0d4;
+    --zdt_tag_dark_bg: rgba(255, 255, 255, 0.07);
+    --zdt_tag_dark_hover_text: #d0d0d4;
+    --zdt_tag_dark_hover_bg: #503348;
+    --zdt_tag_dark_close_bg: #864654;
+    --zdt_tag_dark_close_text: #de3535;
+
+    /* multiselect */
+    --zdt_multiselect_dark_border: rgba(255, 255, 255, 0.2);
+    --zdt_multiselect_darkmsg_bg: rgba(255, 255, 255, 0.02);
+    --zdt_multiselect_darkmsg_text: #d0d0d4;
+    --zdt_multiselect_darkdelete_hover_text: var(--dot_text_white);
+
+    /* avatar */
+    --zdt_avatar_white_border: rgba(255, 255, 255, 0.2);
+    --zdt_avatar_white_text: var(--dot_text_white);
+
+    /* label */
+    --zdt_label_dark_text: #d0d0d4;
+
+    /* textbox */
+    --zdt_textbox_light_text: var(--dot_text_white);
+
+    /* dropdown */
+    --zdt_dropdown_darkheading_text: var(--dot_text_white);
+}

package/es/Appearance/default/themes/red/redDefaultCTATheme.module.css

@@ -0,0 +1,34 @@
+[data-mode='default'][data-theme='red'] {
+    --zdt_cta_primary_text: #de3535;
+    --zdt_cta_primary_hover_text: #ab1a18;
+    --zdt_cta_primary_bg: #de3535;
+    --zdt_cta_primary_hover_bg: #ab1a18;
+    --zdt_cta_primary_border: #de3535;
+    --zdt_cta_primary_hover_border: #ab1a18;
+    --zdt_cta_primary_box_shadow: rgba(222, 53, 53, 0.2);
+    --zdt_cta_primary_hover_box_shadow: rgba(171, 26, 24, 0.25);
+    --zdt_cta_primary_light_bg: #fdf3f3;
+    --zdt_cta_primary_light_hover_bg: #f8d7d7;
+    --zdt_cta_primary_light_border: #f8d7d7;
+    --zdt_cta_secondary_bg: #de3535;
+    --zdt_cta_secondary_text: var(--dot_text_white);
+    --zdt_cta_secondary_border: #e55d5d;
+    --zdt_cta_secondary_light_border: #f8d7d7;
+    --zdt_cta_alpha_text: #de3535;
+    --zdt_cta_alpha_hover_text: #ab1a18;
+    --zdt_cta_alpha_border: #de3535;
+    --zdt_cta_alpha_hover_border: #ab1a18;
+    --zdt_cta_alpha_bg: #f8d7d7;
+    --zdt_cta_beta_border: #de3535;
+    --zdt_cta_grey_10_bg: #f9f6f7;
+    --zdt_cta_grey_10_border: #f9f6f7;
+    --zdt_cta_grey_15_bg: #ede8e8;
+    --zdt_cta_grey_15_border: #ede8e8;
+    --zdt_cta_grey_20_bg: #eeeced;
+    --zdt_cta_grey_35_bg: #ded3d6;
+    --zdt_cta_grey_35_text: #ded3d6;
+    --zdt_cta_grey_35_border: #ded3d6;
+    --zdt_cta_grey_40_bg: #b9b2b4;
+    --zdt_cta_grey_40_text: #b9b2b4;
+    --zdt_cta_grey_40_border: #b9b2b4;
+}

package/es/Appearance/default/themes/red/redDefaultComponentTheme.module.css

@@ -0,0 +1,48 @@
+[data-mode='default'][data-theme='red'] {
+    /* stencil */
+    --zdt_stencil_dark_bg: rgba(255, 255, 255, 0.07);
+    --zdt_stencil_dark_gradient_bg: linear-gradient(
+        left,
+        rgba(255, 255, 255, 0.07) 0,
+        rgba(255, 255, 255, 0.03) 33.33%,
+        rgba(255, 255, 255, 0.03) 66.66%,
+        rgba(255, 255, 255, 0.07) 100%
+    );
+
+    /* dropbox */
+    --zdt_dropbox_dark_bg: #34222d;
+
+    /* listitem */
+    --zdt_listitem_dark_bg: #34222d;
+    --zdt_listitem_dark_text: #d0d0d4;
+    --zdt_listitem_dark_effect_bg: rgba(255, 255, 255, 0.12);
+    --zdt_listitem_dark_active_bg: #4d3243;
+    --zdt_listitem_dark_tickicon: #e57717;
+
+    /* tag */
+    --zdt_tag_dark_text: #d0d0d4;
+    --zdt_tag_dark_bg: rgba(255, 255, 255, 0.07);
+    --zdt_tag_dark_hover_text: #d0d0d4;
+    --zdt_tag_dark_hover_bg: #503348;
+    --zdt_tag_dark_close_bg: #864654;
+    --zdt_tag_dark_close_text: #de3535;
+
+    /* multiselect */
+    --zdt_multiselect_dark_border: rgba(255, 255, 255, 0.2);
+    --zdt_multiselect_darkmsg_bg: rgba(255, 255, 255, 0.02);
+    --zdt_multiselect_darkmsg_text: #d0d0d4;
+    --zdt_multiselect_darkdelete_hover_text: var(--dot_text_white);
+
+    /* avatar */
+    --zdt_avatar_white_border: rgba(255, 255, 255, 0.2);
+    --zdt_avatar_white_text: var(--dot_text_white);
+
+    /* label */
+    --zdt_label_dark_text: #d0d0d4;
+
+    /* textbox */
+    --zdt_textbox_light_text: var(--dot_text_white);
+
+    /* dropdown */
+    --zdt_dropdown_darkheading_text: var(--dot_text_white);
+}

package/es/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css

@@ -0,0 +1,34 @@
+[data-mode='default'][data-theme='yellow'] {
+    --zdt_cta_primary_text: #b68c07;
+    --zdt_cta_primary_hover_text: #826800;
+    --zdt_cta_primary_bg: #e8b923;
+    --zdt_cta_primary_hover_bg: #b59100;
+    --zdt_cta_primary_border: #e8b923;
+    --zdt_cta_primary_hover_border: #b59100;
+    --zdt_cta_primary_box_shadow: rgb(232, 185, 35, 0.2);
+    --zdt_cta_primary_hover_box_shadow: rgb(181, 145, 0, 0.25);
+    --zdt_cta_primary_light_bg: #fdf8e9;
+    --zdt_cta_primary_light_hover_bg: #f8eabd;
+    --zdt_cta_primary_light_border: #f8eabd;
+    --zdt_cta_secondary_bg: #e8b923;
+    --zdt_cta_secondary_text: var(--dot_text_black);
+    --zdt_cta_secondary_border: rgba(255, 255, 255, 0.2);
+    --zdt_cta_secondary_light_border: #f6e3a7;
+    --zdt_cta_alpha_text: #b68c07;
+    --zdt_cta_alpha_hover_text: #826800;
+    --zdt_cta_alpha_border: #b68c07;
+    --zdt_cta_alpha_hover_border: #826800;
+    --zdt_cta_alpha_bg: #F8EABD;
+    --zdt_cta_beta_border: #b68c07;
+    --zdt_cta_grey_10_bg: #f8f8f6;
+    --zdt_cta_grey_10_border: #f8f8f6;
+    --zdt_cta_grey_15_bg: #edede3;
+    --zdt_cta_grey_15_border: #edede3;
+    --zdt_cta_grey_20_bg: #efefec;
+    --zdt_cta_grey_35_bg: #e0dbcc;
+    --zdt_cta_grey_35_text: #e0dbcc;
+    --zdt_cta_grey_35_border: #e0dbcc;
+    --zdt_cta_grey_40_bg: #ccc2a4;
+    --zdt_cta_grey_40_text: #ccc2a4;
+    --zdt_cta_grey_40_border: #ccc2a4;
+}

package/es/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css

@@ -0,0 +1,48 @@
+[data-mode='default'][data-theme='yellow'] {
+    /* stencil */
+    --zdt_stencil_dark_bg: rgba(255, 255, 255, 0.07);
+    --zdt_stencil_dark_gradient_bg: linear-gradient(
+        left,
+        rgba(255, 255, 255, 0.07) 0,
+        rgba(255, 255, 255, 0.03) 33.33%,
+        rgba(255, 255, 255, 0.03) 66.66%,
+        rgba(255, 255, 255, 0.07) 100%
+    );
+
+    /* dropbox */
+    --zdt_dropbox_dark_bg: #313323;
+
+    /* listitem */
+    --zdt_listitem_dark_bg: #313323;
+    --zdt_listitem_dark_text: #d0d0d4;
+    --zdt_listitem_dark_effect_bg: rgba(255, 255, 255, 0.12);
+    --zdt_listitem_dark_active_bg: #494c34;
+    --zdt_listitem_dark_tickicon: #e8b923;
+
+    /* tag */
+    --zdt_tag_dark_text: #d0d0d4;
+    --zdt_tag_dark_bg: rgba(255, 255, 255, 0.07);
+    --zdt_tag_dark_hover_text: #d0d0d4;
+    --zdt_tag_dark_hover_bg: #503348;
+    --zdt_tag_dark_close_bg: #864654;
+    --zdt_tag_dark_close_text: #de3535;
+
+    /* multiselect */
+    --zdt_multiselect_dark_border: rgba(255, 255, 255, 0.2);
+    --zdt_multiselect_darkmsg_bg: rgba(255, 255, 255, 0.02);
+    --zdt_multiselect_darkmsg_text: #d0d0d4;
+    --zdt_multiselect_darkdelete_hover_text: var(--dot_text_white);
+
+    /* avatar */
+    --zdt_avatar_white_border: rgba(255, 255, 255, 0.2);
+    --zdt_avatar_white_text: var(--dot_text_white);
+
+    /* label */
+    --zdt_label_dark_text: #d0d0d4;
+
+    /* textbox */
+    --zdt_textbox_light_text: var(--dot_text_white);
+
+    /* dropdown */
+    --zdt_dropdown_darkheading_text: var(--dot_text_white);
+}

package/es/Avatar/Avatar.js

@@ -93,7 +93,8 @@ export default class Avatar extends React.Component {
   /* this will cause error if user name already have some space need to move firstName lastName user preference pattern*/
 
 
-  getInitialByFullName(fullName = '') {
+  getInitialByFullName() {
+    let fullName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     fullName = (fullName || '').trim();
     let nameList = fullName.split(' ');
 

package/es/Avatar/__tests__/Avatar.spec.js

@@ -1,4 +1,3 @@
-import "core-js/modules/web.url.to-json";
 import React from 'react';
 import Avatar from '../Avatar';
 import renderer from 'react-test-renderer';

package/es/Avatar/docs/Avatar__custom.docs.js

@@ -0,0 +1,29 @@
+import React, { Component } from 'react';
+import Avatar from '../Avatar';
+import style from '../../common/docStyle.module.css';
+export default class Avatar__custom extends Component {
+  render() {
+    let sizes = ['small', 'xsmall', 'medium', 'xmedium', 'large', 'xlarge'],
+        shapes = ['circle'];
+    return /*#__PURE__*/React.createElement("div", null, shapes.map(shape => /*#__PURE__*/React.createElement("div", {
+      key: shape
+    }, sizes.map(size => /*#__PURE__*/React.createElement("span", {
+      className: `${style.docspan} ${style.vtop}`,
+      key: size
+    }, /*#__PURE__*/React.createElement(Avatar, {
+      name: "Bharathikannan",
+      size: size,
+      shape: shape,
+      customClass: style.customAvatar
+    }))))));
+  }
+
+}
+
+if (false) {
+  Avatar__custom.docs = {
+    componentGroup: 'Avatar Group',
+    folderName: 'Style Guide',
+    description: ' '
+  };
+}

package/es/Avatar/docs/Avatar__default.docs.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import Avatar from '../Avatar';
+import style from '../../common/docStyle.module.css';
+export default class Avatar__default extends React.Component {
+  render() {
+    let sizes = ['small', 'xsmall', 'medium', 'xmedium', 'large', 'xlarge'],
+        shapes = ['circle', 'square'];
+    return /*#__PURE__*/React.createElement("div", null, shapes.map(shape => /*#__PURE__*/React.createElement("div", {
+      key: shape
+    }, sizes.map(size => /*#__PURE__*/React.createElement("span", {
+      className: `${style.docspan} ${style.vtop}`,
+      key: size
+    }, /*#__PURE__*/React.createElement(Avatar, {
+      name: "Avatar",
+      src: "https://hjemly.dk/wp-content/uploads/2016/05/facebook-default-no-profile-pic.jpg",
+      size: size,
+      shape: shape
+    }))))));
+  }
+
+}
+
+if (false) {
+  Avatar__default.docs = {
+    componentGroup: 'Avatar Group',
+    folderName: 'Style Guide',
+    description: ' '
+  };
+}

package/es/Avatar/docs/Avatar__palette.docs.js

@@ -0,0 +1,49 @@
+import React, { Component } from 'react';
+import Avatar from '../Avatar';
+import style from '../../common/docStyle.module.css';
+export default class Avatar__palette extends Component {
+  render() {
+    let shapes = ['circle', 'square'],
+        palettes = ['primary', 'secondary', 'info'];
+    return /*#__PURE__*/React.createElement("div", null, palettes.map(palette => /*#__PURE__*/React.createElement("div", {
+      key: palette
+    }, shapes.map(shape => /*#__PURE__*/React.createElement("span", {
+      className: `${style.docspan} ${style.vtop}`,
+      key: shape
+    }, /*#__PURE__*/React.createElement(Avatar, {
+      name: "Bharathikannan",
+      size: "medium",
+      palette: palette,
+      shape: shape
+    }))))), /*#__PURE__*/React.createElement("span", {
+      style: {
+        background: '#2C334D',
+        padding: '10px'
+      }
+    }, /*#__PURE__*/React.createElement(Avatar, {
+      name: "Bharathikannan",
+      size: "medium",
+      palette: "info",
+      textPalette: "white"
+    })), /*#__PURE__*/React.createElement("span", {
+      style: {
+        background: '#C8CBDC',
+        padding: '10px'
+      }
+    }, /*#__PURE__*/React.createElement(Avatar, {
+      name: "Bharathikannan",
+      size: "medium",
+      palette: "info",
+      textPalette: "black"
+    })));
+  }
+
+}
+
+if (false) {
+  Avatar__palette.docs = {
+    componentGroup: 'Avatar Group',
+    folderName: 'Style Guide',
+    description: ' '
+  };
+}

package/es/Avatar/docs/Avatar__text.docs.js

@@ -0,0 +1,28 @@
+import React, { Component } from 'react';
+import Avatar from '../Avatar';
+import style from '../../common/docStyle.module.css';
+export default class Avatar__text extends Component {
+  render() {
+    let sizes = ['small', 'xsmall', 'medium', 'xmedium', 'large', 'xlarge'],
+        shapes = ['circle', 'square'];
+    return /*#__PURE__*/React.createElement("div", null, shapes.map(shape => /*#__PURE__*/React.createElement("div", {
+      key: shape
+    }, sizes.map(size => /*#__PURE__*/React.createElement("span", {
+      className: `${style.docspan} ${style.vtop}`,
+      key: size
+    }, /*#__PURE__*/React.createElement(Avatar, {
+      name: "Bharathikannan",
+      size: size,
+      shape: shape
+    }))))));
+  }
+
+}
+
+if (false) {
+  Avatar__text.docs = {
+    componentGroup: 'Avatar Group',
+    folderName: 'Style Guide',
+    description: ' '
+  };
+}

package/es/AvatarTeam/__tests__/AvatarTeam.spec.js

@@ -1,4 +1,3 @@
-import "core-js/modules/web.url.to-json";
 import React from 'react';
 import AvatarTeam from '../AvatarTeam';
 import renderer from 'react-test-renderer';

package/es/AvatarTeam/docs/AvatarTeam__custom.docs.js

@@ -0,0 +1,73 @@
+import React from 'react';
+import AvatarTeam from '../AvatarTeam';
+import style from '../../common/docStyle.module.css';
+import CodeExtract from '@zohodesk/docstool/lib/CodeExtractor/CodeExtractor';
+export default class AvatarTeam__custom extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      className: `${style.docspan} ${style.vtop}`
+    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(AvatarTeam, {
+      name: "Bharathikannan",
+      size: "small",
+      customClass: {
+        customAvatar: style.avatar,
+        customAvatarTeam: style.avatarTeam
+      }
+    }))), /*#__PURE__*/React.createElement("span", {
+      className: `${style.docspan} ${style.vtop}`
+    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(AvatarTeam, {
+      name: "Bharathikannan",
+      size: "xsmall",
+      customClass: {
+        customAvatar: style.avatar,
+        customAvatarTeam: style.avatarTeam
+      }
+    }))), /*#__PURE__*/React.createElement("span", {
+      className: `${style.docspan} ${style.vtop}`
+    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(AvatarTeam, {
+      name: "Bharathikannan",
+      size: "medium",
+      customClass: {
+        customAvatar: style.avatar,
+        customAvatarTeam: style.avatarTeam
+      }
+    }))), /*#__PURE__*/React.createElement("span", {
+      className: `${style.docspan} ${style.vtop}`
+    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(AvatarTeam, {
+      name: "Bharathikannan",
+      size: "xmedium",
+      customClass: {
+        customAvatar: style.avatar,
+        customAvatarTeam: style.avatarTeam
+      }
+    }))), /*#__PURE__*/React.createElement("span", {
+      className: `${style.docspan} ${style.vtop}`
+    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(AvatarTeam, {
+      name: "Bharathikannan",
+      size: "large",
+      customClass: {
+        customAvatar: style.avatar,
+        customAvatarTeam: style.avatarTeam
+      }
+    }))), /*#__PURE__*/React.createElement("span", {
+      className: `${style.docspan} ${style.vtop}`
+    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(AvatarTeam, {
+      name: "Bharathikannan",
+      size: "xlarge",
+      customClass: {
+        customAvatar: style.avatar,
+        customAvatarTeam: style.avatarTeam
+      }
+    })))));
+  }
+
+}
+
+if (false) {
+  AvatarTeam__custom.docs = {
+    componentGroup: 'Avatar Group',
+    folderName: 'Style Guide',
+    external: true,
+    description: ' '
+  };
+}

package/es/AvatarTeam/docs/AvatarTeam__default.docs.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import AvatarTeam from '../AvatarTeam';
+import style from '../../common/docStyle.module.css';
+import CodeExtract from '@zohodesk/docstool/lib/CodeExtractor/CodeExtractor';
+export default class AvatarTeam__default extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      className: `${style.docspan} ${style.vtop}`
+    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(AvatarTeam, {
+      name: "Avatar Team",
+      src: "https://hjemly.dk/wp-content/uploads/2016/05/facebook-default-no-profile-pic.jpg",
+      size: "medium"
+    }))), /*#__PURE__*/React.createElement("span", {
+      className: `${style.docspan} ${style.vtop}`
+    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(AvatarTeam, {
+      name: "Avatar Team",
+      size: "medium",
+      needTitle: false
+    }))));
+  }
+
+}
+
+if (false) {
+  AvatarTeam__default.docs = {
+    componentGroup: 'Avatar Group',
+    folderName: 'Style Guide',
+    external: true,
+    description: ' '
+  };
+}