@zohodesk/components 1.0.0-temp-40 → 1.0.0-temp-41

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

@@ -1,48 +1,42 @@
 [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);
+	/* 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

@@ -1,34 +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;
+	--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

@@ -1,48 +1,42 @@
 [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);
+	/* 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

@@ -1,34 +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;
+	--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

@@ -1,48 +1,42 @@
 [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);
+	/* 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

@@ -1,34 +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;
+	--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: rgba(232, 185, 35, 0.2);
+	--zdt_cta_primary_hover_box_shadow: rgba(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

@@ -1,48 +1,42 @@
 [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);
+	/* 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,8 +93,7 @@ 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() {
-    let fullName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  getInitialByFullName(fullName = '') {
     fullName = (fullName || '').trim();
     let nameList = fullName.split(' ');
 

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

@@ -1,3 +1,4 @@
+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/__tests__/AvatarTeam.spec.js

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

package/es/Button/__tests__/Button.spec.js

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

package/es/Buttongroup/__test__/Buttongroup.spec.js

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

package/es/DateTime/DateTime.js

@@ -16,8 +16,7 @@ import { getIsEmptyValue } from '../utils/Common';
 import { monthNamesDefault, monthNamesShortDefault, dayNamesDefault, dayNamesShortDefault, ampmTextDefault } from './constants';
 import { getHourDetails } from './dateFormatUtils';
 
-function title(date, year, month) {
-  let monthNames = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
+function title(date, year, month, monthNames = []) {
   const HeadingText = `${monthNames[month] || ''} ${year}`;
   return HeadingText;
 }
@@ -180,8 +179,7 @@ export default class DateTime extends React.PureComponent {
     return hours;
   }
 
-  handleGetSelectedDate() {
-    let selectedInfo = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  handleGetSelectedDate(selectedInfo = {}) {
     const {
       min,
       max,
@@ -287,8 +285,7 @@ export default class DateTime extends React.PureComponent {
     }
   }
 
-  handleChange() {
-    let selectedInfo = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  handleChange(selectedInfo = {}) {
     const {
       onError,
       onChange,