@zohodesk/components 1.0.0-alpha-211 → 1.0.0-alpha-215

package/README.md

@@ -32,6 +32,20 @@ In this Package we Provide Some Basic Components to Build Web App
 - TextBoxIcon
 - Tooltip
 
+# 1.0.0-alpha-215
+
+- Select Search Regex  Changed to Lowercase
+# 1.0.0-alpha-214
+
+- Avatar, Label, Tag, Dropdown, ListItem, Multiselect missing dark palette variables moved under Themes folder files
+
+# 1.0.0-alpha-213
+
+- AnimationVariable File import removed
+# 1.0.0-alpha-212
+
+- Stencils =>  Converted to Pure Component
+
 # 1.0.0-alpha-211
 
 - Lato font reference changed from local to Zoho URL(webfonts)

package/es/AppContainer/AppContainer.js

@@ -11,6 +11,7 @@ import '@zohodesk/variables/lib/sizeVariables.module.css';
 import '@zohodesk/variables/lib/fontsizeVariables.module.css';
 import '@zohodesk/variables/lib/fontFamilyVariables.module.css';
 import '@zohodesk/variables/lib/transitionVariables.module.css';
+import '@zohodesk/variables/lib/no_transitionVariables.module.css';
 import style from './AppContainer.module.css';
 export default class AppContainer extends React.Component {
   constructor(props) {

package/es/Appearance/dark/mode/darkMode.module.css

@@ -17,7 +17,6 @@
   --zdt_avatar_default_border: var(--zdt_cta_grey_40_border);
   --zdt_avatar_default_borderHover: #828994;
   --zdt_avatar_default_boxshadow: rgba(255, 255, 255, 0.14);
-  --zdt_avatar_white_text: var(--dot_text_white);
   --zdt_avatar_white_borderHover: var(--zdt_cta_grey_40_border);
   --zdt_avatar_white_boxshadow: rgba(0, 0, 0, 0.11);
   --zdt_avatar_secondary_bg: #e2e4e6;
@@ -118,7 +117,6 @@
   --zdt_label_danger_text: var(--dot_text_brightOrange);
   --zdt_label_mandatory_text: #ff6b6b;
   --zdt_label_disable_text: var(--dot_inputDisable);
-  --zdt_label_dark_text: #d0d0d4;
 
   /* tag */
   --zdt_tag_default_text: #e2e4e6;
@@ -143,9 +141,6 @@
   --zdt_tag_pure_border: var(--zd_border_smoke91);
   --zdt_tag_pure_hover_bg: var(--zd_bg_smoke6);
   --zdt_tag_pure_hover_border: var(--zd_border_dark6);
-  --zdt_tag_dark_text: #d0d0d4;
-  --zdt_tag_dark_close_bg: #864654;
-  --zdt_tag_dark_close_text: #de3535;
   --zdt_tag_dark_close_hover_bg: #de3535;
 
   /* textbox */
@@ -164,7 +159,6 @@
   --zdt_dropdown_default_text: #e2e4e6;
   --zdt_dropdown_default_border: var(--dot_border_mirror);
   --zdt_dropdown_default_bg: #a8b0bd;
-  --zdt_dropdown_darkheading_text: #a8b0bd;
   --zdt_dropdown_darkheading_bg: #383f57;
   --zdt_dropdown_darkheading_underline_bg: #828994;
   --zdt_dropdown_mirror_bg: var(--dot_bg_mirror);
@@ -193,7 +187,6 @@
   --zdt_listitem_primary_bg: var(--dot_listItemActive);
   --zdt_listitem_secondary_bg: var(--zdt_cta_primary_bg);
   --zdt_listitem_secondary_text: #232b38;
-  --zdt_listitem_dark_text: #e2e4e6;
 
   /* ribbon */
   --zdt_ribbon_default_text: #e2e4e6;
@@ -299,7 +292,6 @@
   --zdt_multiselect_delete_bg: var(--dot_bg_mirror);
   --zdt_multiselect_delete_hover_text: #e2e4e6;
   --zdt_multiselect_darkdelete_text: #9c9fab;
-  --zdt_multiselect_darkdelete_hover_text: #e2e4e6;
   --zdt_multiselect_box_bg: #232b38;
   --zdt_multiselect_selectall_text: var(--zdt_cta_primary_text);
   --zdt_multiselect_message_text: #828994;

package/es/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css

@@ -14,18 +14,30 @@
 
     /* listitem */
     --zdt_listitem_dark_bg: #232b38;
+    --zdt_listitem_dark_text: #e2e4e6;
     --zdt_listitem_dark_effect_bg: #262f3d;
     --zdt_listitem_dark_active_bg: #3b4d6d;
     --zdt_listitem_dark_tickicon: #479dff;
 
     /* tag */
+    --zdt_tag_dark_text: #d0d0d4;
     --zdt_tag_dark_bg: #42485f;
     --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: #232b38;
+    --zdt_multiselect_darkdelete_hover_text: #e2e4e6;
 
     /* avatar */
     --zdt_avatar_white_border: #a8b0bd;
+    --zdt_avatar_white_text: var(--dot_text_white);
+
+    /* label */
+    --zdt_label_dark_text: #d0d0d4;
+
+    /* dropdown */
+    --zdt_dropdown_darkheading_text: #a8b0bd;
 }

package/es/Appearance/dark/themes/green/greenDarkComponentTheme.module.css

@@ -14,18 +14,30 @@
 
     /* listitem */
     --zdt_listitem_dark_bg: #232b38;
+    --zdt_listitem_dark_text: #e2e4e6;
     --zdt_listitem_dark_effect_bg: #262f3d;
     --zdt_listitem_dark_active_bg: #3b4d6d;
     --zdt_listitem_dark_tickicon: #45a159;
 
     /* tag */
+    --zdt_tag_dark_text: #d0d0d4;
     --zdt_tag_dark_bg: #42485f;
     --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: #232b38;
+    --zdt_multiselect_darkdelete_hover_text: #e2e4e6;
 
     /* avatar */
     --zdt_avatar_white_border: #a8b0bd;
+    --zdt_avatar_white_text: var(--dot_text_white);
+
+    /* label */
+    --zdt_label_dark_text: #d0d0d4;
+
+    /* dropdown */
+    --zdt_dropdown_darkheading_text: #a8b0bd;
 }

package/es/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css

@@ -14,18 +14,30 @@
 
     /* listitem */
     --zdt_listitem_dark_bg: #232b38;
+    --zdt_listitem_dark_text: #e2e4e6;
     --zdt_listitem_dark_effect_bg: #262f3d;
     --zdt_listitem_dark_active_bg: #3b4d6d;
     --zdt_listitem_dark_tickicon: #e94f4f;
 
     /* tag */
+    --zdt_tag_dark_text: #d0d0d4;
     --zdt_tag_dark_bg: #42485f;
     --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: #232b38;
+    --zdt_multiselect_darkdelete_hover_text: #e2e4e6;
 
     /* avatar */
     --zdt_avatar_white_border: #a8b0bd;
+    --zdt_avatar_white_text: var(--dot_text_white);
+
+    /* label */
+    --zdt_label_dark_text: #d0d0d4;
+
+    /* dropdown */
+    --zdt_dropdown_darkheading_text: #a8b0bd;
 }

package/es/Appearance/dark/themes/red/redDarkComponentTheme.module.css

@@ -14,18 +14,30 @@
 
     /* listitem */
     --zdt_listitem_dark_bg: #232b38;
+    --zdt_listitem_dark_text: #e2e4e6;
     --zdt_listitem_dark_effect_bg: #262f3d;
     --zdt_listitem_dark_active_bg: #3b4d6d;
     --zdt_listitem_dark_tickicon: #ff801f;
 
     /* tag */
+    --zdt_tag_dark_text: #d0d0d4;
     --zdt_tag_dark_bg: #42485f;
     --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: #232b38;
+    --zdt_multiselect_darkdelete_hover_text: #e2e4e6;
 
     /* avatar */
     --zdt_avatar_white_border: #a8b0bd;
+    --zdt_avatar_white_text: var(--dot_text_white);
+
+    /* label */
+    --zdt_label_dark_text: #d0d0d4;
+
+    /* dropdown */
+    --zdt_dropdown_darkheading_text: #a8b0bd;
 }

package/es/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css

@@ -14,18 +14,30 @@
 
     /* listitem */
     --zdt_listitem_dark_bg: #232b38;
+    --zdt_listitem_dark_text: #e2e4e6;
     --zdt_listitem_dark_effect_bg: #262f3d;
     --zdt_listitem_dark_active_bg: #3b4d6d;
     --zdt_listitem_dark_tickicon: #d79835;
 
     /* tag */
+    --zdt_tag_dark_text: #d0d0d4;
     --zdt_tag_dark_bg: #42485f;
     --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: #232b38;
+    --zdt_multiselect_darkdelete_hover_text: #e2e4e6;
 
     /* avatar */
     --zdt_avatar_white_border: #a8b0bd;
+    --zdt_avatar_white_text: var(--dot_text_white);
+
+    /* label */
+    --zdt_label_dark_text: #d0d0d4;
+
+    /* dropdown */
+    --zdt_dropdown_darkheading_text: #a8b0bd;
 }

package/es/Appearance/default/mode/defaultMode.module.css

@@ -17,7 +17,6 @@
   --zdt_avatar_default_border: var(--zdt_cta_grey_40_border);
   --zdt_avatar_default_borderHover: var(--dot_border_slateGrey);
   --zdt_avatar_default_boxshadow: rgba(0, 0, 0, 0.11);
-  --zdt_avatar_white_text: var(--dot_text_white);
   --zdt_avatar_white_borderHover: var(--zdt_cta_grey_40_border);
   --zdt_avatar_white_boxshadow: rgba(255, 255, 255, 0.14);
   --zdt_avatar_secondary_bg: var(--dot_bg_black);
@@ -118,7 +117,6 @@
   --zdt_label_danger_text: var(--dot_text_brightOrange);
   --zdt_label_mandatory_text: var(--dot_text_brightRed);
   --zdt_label_disable_text: var(--dot_inputDisable);
-  --zdt_label_dark_text: #d0d0d4;
 
   /* tag */
   --zdt_tag_default_text: var(--dot_text_black);
@@ -143,9 +141,6 @@
   --zdt_tag_pure_border: var(--zd_border_smoke91);
   --zdt_tag_pure_hover_bg: var(--zd_bg_smoke6);
   --zdt_tag_pure_hover_border: var(--zd_border_dark6);
-  --zdt_tag_dark_text: #d0d0d4;
-  --zdt_tag_dark_close_bg: #864654;
-  --zdt_tag_dark_close_text: #de3535;
   --zdt_tag_dark_close_hover_bg: #de3535;
 
   /* textbox */
@@ -164,7 +159,6 @@
   --zdt_dropdown_default_text: var(--dot_text_black);
   --zdt_dropdown_default_border: var(--dot_border_mirror);
   --zdt_dropdown_default_bg: var(--dot_bg_shuttleGrey);
-  --zdt_dropdown_darkheading_text: var(--dot_text_white);
   --zdt_dropdown_darkheading_bg: #383f57;
   --zdt_dropdown_darkheading_underline_bg: #565e72;
   --zdt_dropdown_mirror_bg: var(--dot_bg_mirror);
@@ -193,7 +187,6 @@
   --zdt_listitem_primary_bg: var(--dot_listItemActive);
   --zdt_listitem_secondary_bg: var(--zdt_cta_primary_bg);
   --zdt_listitem_secondary_text: var(--dot_text_white);
-  --zdt_listitem_dark_text: #d0d0d4;
 
   /* ribbon */
   --zdt_ribbon_default_text: var(--dot_text_black);
@@ -299,7 +292,6 @@
   --zdt_multiselect_delete_bg: var(--dot_bg_mirror);
   --zdt_multiselect_delete_hover_text: var(--dot_text_black);
   --zdt_multiselect_darkdelete_text: #9c9fab;
-  --zdt_multiselect_darkdelete_hover_text: var(--dot_text_white);
   --zdt_multiselect_box_bg: var(--dot_bg_white);
   --zdt_multiselect_selectall_text: var(--zdt_cta_primary_text);
   --zdt_multiselect_message_text: var(--dot_text_slateGrey);

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

@@ -14,18 +14,30 @@
 
     /* 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_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_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;
+
+    /* dropdown */
+    --zdt_dropdown_darkheading_text: var(--dot_text_white);
 }

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

@@ -14,18 +14,30 @@
 
     /* 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_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_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;
+
+    /* dropdown */
+    --zdt_dropdown_darkheading_text: var(--dot_text_white);
 }

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

@@ -14,18 +14,30 @@
 
     /* 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_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_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;
+
+    /* dropdown */
+    --zdt_dropdown_darkheading_text: var(--dot_text_white);
 }

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

@@ -14,18 +14,30 @@
 
     /* 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_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_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;
+
+    /* dropdown */
+    --zdt_dropdown_darkheading_text: var(--dot_text_white);
 }

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

@@ -14,18 +14,30 @@
 
     /* 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_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_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;
+
+    /* 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/Avatar.module.css

@@ -17,19 +17,17 @@
   composes: dInflex alignVertical alignHorizontal from '../common/common.module.css';
   vertical-align: middle;
   font-size: var(--avatar_font_size);
+  color: var(--avatar_text_color);
   border-width: var(--avatar_border_width);
   border-style: var(--avatar_border_style);
-  color: var(--avatar_text_color);
 }
 .border {
   border-color: var(--avatar_border_color);
 }
-.borderOnHover:hover,
-.borderOnActive {
+.borderOnHover:hover, .borderOnActive {
   border-color: var(--avatar_border_hoverColor);
 }
-.avatar,
-.primary {
+.avatar, .primary {
   background-color: var(--avatar_bg_color);
 }
 .shadow {
@@ -37,27 +35,31 @@
   height: 100%;
   width: 100%;
   top: 0;
-  left: 0;
   pointer-events: none;
   border-radius: var(--avatar_border_radius);
 }
+[dir=ltr] .shadow {
+  left: 0;
+}
+[dir=rtl] .shadow {
+  right: 0;
+}
 .shadow.black {
   box-shadow: inset 0px 0px 5px var(--avatar_boxshadow);
 }
 .shadow.white {
   box-shadow: inset 0px 0px 11px var(--avatar_boxshadow);
 }
-.avatar,
-.circle {
+.avatar, .circle {
   border-radius: var(--avatar_border_radius);
 }
 .border {
   --avatar_border_width: 1px;
 }
 .image {
-  border-radius: var(--avatar_border_radius);
   width: 100%;
   height: 100%;
+  border-radius: var(--avatar_border_radius);
 }
 .square_small {
   --avatar_border_radius: 4px;

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/AvatarTeam/AvatarTeam.module.css

@@ -20,17 +20,23 @@
 .team {
   composes: varClass;
   composes: posab from '../common/common.module.css';
-  transform: translate(-50%, -50%);
-  left: 50%;
   top: var(--avatarteam_top_top);
+  width: var(--avatarteam_width);
+  height: var(--avatarteam_height);
   border-width: var(--avatarteam_border_width);
   border-style: var(--avatarteam_border_style);
   border-color: var(--avatarteam_border_color);
   background-color: var(--avatarteam_bg_color);
-  width: var(--avatarteam_width);
-  height: var(--avatarteam_height);
   border-radius: var(--avatarteam_border_radius);
 }
+[dir=ltr] .team {
+  transform: translate(-50%, -50%);
+  left: 50%;
+}
+[dir=rtl] .team {
+  transform: translate(50%, -50%);
+  right: 50%;
+}
 .nofill {
   --avatarteam_border_color: var(--zdt_avatarteam_nofill_border);
 }
@@ -55,16 +61,24 @@
 .team:before {
   position: absolute;
   content: '';
+  height: inherit;
+  width: inherit;
+  top: var(--avatarteam_bottom_top);
+}
+.team:after, .team:before {
   border: inherit;
   background-color: inherit;
   border-radius: inherit;
-  height: inherit;
-  width: inherit;
   box-shadow: inherit;
-  top: var(--avatarteam_bottom_top);
+}
+[dir=ltr] .team:after, [dir=ltr] .team:before {
   left: var(--avatarteam_bottom_left);
   right: var(--avatarteam_bottom_right);
 }
+[dir=rtl] .team:after, [dir=rtl] .team:before {
+  right: var(--avatarteam_bottom_left);
+  left: var(--avatarteam_bottom_right);
+}
 .smallteam,
 .xsmallteam {
   --avatarteam_height: var(--zd_size3);

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';