@zohodesk/dot 1.9.1 → 1.9.3

package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css

@@ -1,26 +1,26 @@
-[data-mode='pureDark'][data-theme='blue'] {
+[data-mode='pureDark'][data-theme='blue']{
 	/* freezelayer */
-	--zdt_freezelayer_darklight_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
+	--zdt_freezelayer_darklight_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
 	
 	/* common empty state */
-	--zdt_commonEmptyState_dark_title: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_description: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_link: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_commonEmptyState_dark_link_hover: hsla(221, calc(var(--zd-saturation, 1) * 100.00%), calc(57.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_title:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_description:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_link:hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_commonEmptyState_dark_link_hover:hsla(221, calc(var(--zd-saturation, 1) * 100.00%), calc(57.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
 	/* onboarding */
-	--zdt_onboarding_primary_gradient_border: hsla(212, calc(var(--zd-saturation, 1) * 91.84%), calc(48.04% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
-	--zdt_onboarding_secondary_gradient_border: hsla(220, calc(var(--zd-saturation, 1) * 72.24%), calc(51.96% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
-	--zdt_onboarding_gradient_border: hsla(220, calc(var(--zd-saturation, 1) * 72.24%), calc(51.96% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
-	--zdt_onboarding_primary_button_shadow: hsla(212, calc(var(--zd-saturation, 1) * 91.84%), 48.04%,  0.25);
-	--zdt_onboarding_gradient_bg: hsla(213, calc(var(--zd-saturation, 1) * 19.57%), calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_onboarding_primary_gradient_border:hsla(212, calc(var(--zd-saturation, 1) * 91.84%), calc(48.04% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
+	--zdt_onboarding_secondary_gradient_border:hsla(220, calc(var(--zd-saturation, 1) * 72.24%), calc(51.96% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
+	--zdt_onboarding_gradient_border:hsla(220, calc(var(--zd-saturation, 1) * 72.24%), calc(51.96% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
+	--zdt_onboarding_primary_button_shadow:hsla(212, calc(var(--zd-saturation, 1) * 91.84%), 48.04%,  0.25);
+	--zdt_onboarding_gradient_bg:hsla(213, calc(var(--zd-saturation, 1) * 19.57%), calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	
 	/* attachment viewer */
-	--zdt_attachmentviewer_header_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_attachmentviewer_header_border: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_footer_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_header_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_attachmentviewer_header_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_footer_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_arrow_bg_hover:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
 	
 	/* loader */
-	--zdt_loader_bg: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), 63.92%, 1);
+	--zdt_loader_bg:hsla(212, calc(var(--zd-saturation, 1) * 100.00%), 63.92%, 1);
 }

package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css

@@ -1,26 +1,26 @@
-[data-mode='pureDark'][data-theme='green'] {
+[data-mode='pureDark'][data-theme='green']{
 	/* freezelayer */
-	--zdt_freezelayer_darklight_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
+	--zdt_freezelayer_darklight_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
 	
 	/* common empty state */
-	--zdt_commonEmptyState_dark_title: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_description: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_link: hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_commonEmptyState_dark_link_hover: hsla(128, calc(var(--zd-saturation, 1) * 79.71%), calc(27.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_title:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_description:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_link:hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_commonEmptyState_dark_link_hover:hsla(128, calc(var(--zd-saturation, 1) * 79.71%), calc(27.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
 	/* onboarding */
-	--zdt_onboarding_primary_gradient_border: hsla(133, calc(var(--zd-saturation, 1) * 62.68%), calc(40.98% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
-	--zdt_onboarding_secondary_gradient_border: hsla(133, calc(var(--zd-saturation, 1) * 62.68%), calc(40.98% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
-	--zdt_onboarding_gradient_border: hsla(133, calc(var(--zd-saturation, 1) * 62.68%), calc(40.98% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
-	--zdt_onboarding_primary_button_shadow: hsla(133, calc(var(--zd-saturation, 1) * 62.68%), 40.98%,  0.25);
-	--zdt_onboarding_gradient_bg: hsla(133, calc(var(--zd-saturation, 1) * 10.84%), calc(16.27% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_onboarding_primary_gradient_border:hsla(133, calc(var(--zd-saturation, 1) * 62.68%), calc(40.98% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
+	--zdt_onboarding_secondary_gradient_border:hsla(133, calc(var(--zd-saturation, 1) * 62.68%), calc(40.98% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
+	--zdt_onboarding_gradient_border:hsla(133, calc(var(--zd-saturation, 1) * 62.68%), calc(40.98% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
+	--zdt_onboarding_primary_button_shadow:hsla(133, calc(var(--zd-saturation, 1) * 62.68%), 40.98%,  0.25);
+	--zdt_onboarding_gradient_bg:hsla(133, calc(var(--zd-saturation, 1) * 10.84%), calc(16.27% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	
 	/* attachment viewer */
-	--zdt_attachmentviewer_header_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_attachmentviewer_header_border: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_footer_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_header_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_attachmentviewer_header_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_footer_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_arrow_bg_hover:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
 	
 	/* loader */
-	--zdt_loader_bg: hsla(133, calc(var(--zd-saturation, 1) * 40.00%), 45.10%, 1);
+	--zdt_loader_bg:hsla(133, calc(var(--zd-saturation, 1) * 40.00%), 45.10%, 1);
 }

package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css

@@ -1,26 +1,26 @@
-[data-mode='pureDark'][data-theme='orange'] {
+[data-mode='pureDark'][data-theme='orange']{
 	/* freezelayer */
-	--zdt_freezelayer_darklight_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
+	--zdt_freezelayer_darklight_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
 	
 	/* common empty state */
-	--zdt_commonEmptyState_dark_title: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_description: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_link: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_commonEmptyState_dark_link_hover: hsla(29, calc(var(--zd-saturation, 1) * 100.00%), calc(32.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_title:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_description:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_link:hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_commonEmptyState_dark_link_hover:hsla(29, calc(var(--zd-saturation, 1) * 100.00%), calc(32.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
 	/* onboarding */
-	--zdt_onboarding_primary_gradient_border: hsla(28, calc(var(--zd-saturation, 1) * 81.75%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
-	--zdt_onboarding_secondary_gradient_border: hsla(28, calc(var(--zd-saturation, 1) * 81.75%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
-	--zdt_onboarding_gradient_border: hsla(28, calc(var(--zd-saturation, 1) * 81.75%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
-	--zdt_onboarding_primary_button_shadow: hsla(28, calc(var(--zd-saturation, 1) * 81.75%), 49.41%,  0.25);
-	--zdt_onboarding_gradient_bg: hsla(26, calc(var(--zd-saturation, 1) * 19.51%), calc(16.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_onboarding_primary_gradient_border:hsla(28, calc(var(--zd-saturation, 1) * 81.75%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
+	--zdt_onboarding_secondary_gradient_border:hsla(28, calc(var(--zd-saturation, 1) * 81.75%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
+	--zdt_onboarding_gradient_border:hsla(28, calc(var(--zd-saturation, 1) * 81.75%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
+	--zdt_onboarding_primary_button_shadow:hsla(28, calc(var(--zd-saturation, 1) * 81.75%), 49.41%,  0.25);
+	--zdt_onboarding_gradient_bg:hsla(26, calc(var(--zd-saturation, 1) * 19.51%), calc(16.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	
 	/* attachment viewer */
-	--zdt_attachmentviewer_header_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_attachmentviewer_header_border: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_footer_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_header_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_attachmentviewer_header_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_footer_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_arrow_bg_hover:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
 	
 	/* loader */
-	--zdt_loader_bg: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), 56.08%, 1);
+	--zdt_loader_bg:hsla(26, calc(var(--zd-saturation, 1) * 100.00%), 56.08%, 1);
 }

package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css

@@ -1,26 +1,26 @@
-[data-mode='pureDark'][data-theme='red'] {
+[data-mode='pureDark'][data-theme='red']{
 	/* freezelayer */
-	--zdt_freezelayer_darklight_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
+	--zdt_freezelayer_darklight_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
 	
 	/* common empty state */
-	--zdt_commonEmptyState_dark_title: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_description: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_link: hsla(0, calc(var(--zd-saturation, 1) * 77.78%), calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_commonEmptyState_dark_link_hover: hsla(0, calc(var(--zd-saturation, 1) * 81.62%), calc(36.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_title:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_description:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_link:hsla(0, calc(var(--zd-saturation, 1) * 77.78%), calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_commonEmptyState_dark_link_hover:hsla(0, calc(var(--zd-saturation, 1) * 81.62%), calc(36.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
 	/* onboarding */
-	--zdt_onboarding_primary_gradient_border: hsla(0, calc(var(--zd-saturation, 1) * 73.81%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
-	--zdt_onboarding_secondary_gradient_border: hsla(0, calc(var(--zd-saturation, 1) * 73.81%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
-	--zdt_onboarding_gradient_border: hsla(0, calc(var(--zd-saturation, 1) * 73.81%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
-	--zdt_onboarding_primary_button_shadow: hsla(0, calc(var(--zd-saturation, 1) * 73.81%), 49.41%,  0.25);
-	--zdt_onboarding_gradient_bg: hsla(0, calc(var(--zd-saturation, 1) * 13.25%), calc(16.27% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_onboarding_primary_gradient_border:hsla(0, calc(var(--zd-saturation, 1) * 73.81%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
+	--zdt_onboarding_secondary_gradient_border:hsla(0, calc(var(--zd-saturation, 1) * 73.81%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
+	--zdt_onboarding_gradient_border:hsla(0, calc(var(--zd-saturation, 1) * 73.81%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
+	--zdt_onboarding_primary_button_shadow:hsla(0, calc(var(--zd-saturation, 1) * 73.81%), 49.41%,  0.25);
+	--zdt_onboarding_gradient_bg:hsla(0, calc(var(--zd-saturation, 1) * 13.25%), calc(16.27% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	
 	/* attachment viewer */
-	--zdt_attachmentviewer_header_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_attachmentviewer_header_border: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_footer_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_header_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_attachmentviewer_header_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_footer_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_arrow_bg_hover:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
 	
 	/* loader */
-	--zdt_loader_bg: hsla(0, calc(var(--zd-saturation, 1) * 77.78%), 61.18%, 1);
+	--zdt_loader_bg:hsla(0, calc(var(--zd-saturation, 1) * 77.78%), 61.18%, 1);
 }

package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css

@@ -1,26 +1,26 @@
-[data-mode='pureDark'][data-theme='yellow'] {
+[data-mode='pureDark'][data-theme='yellow']{
 	/* freezelayer */
-	--zdt_freezelayer_darklight_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
+	--zdt_freezelayer_darklight_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
 	
 	/* common empty state */
-	--zdt_commonEmptyState_dark_title: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_description: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_link: hsla(37, calc(var(--zd-saturation, 1) * 66.94%), calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_commonEmptyState_dark_link_hover: hsla(39, calc(var(--zd-saturation, 1) * 90.18%), calc(31.96% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_title:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_description:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_link:hsla(37, calc(var(--zd-saturation, 1) * 66.94%), calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_commonEmptyState_dark_link_hover:hsla(39, calc(var(--zd-saturation, 1) * 90.18%), calc(31.96% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
 	/* onboarding */
-	--zdt_onboarding_primary_gradient_border: hsla(43, calc(var(--zd-saturation, 1) * 90.39%), calc(44.90% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
-	--zdt_onboarding_secondary_gradient_border: hsla(43, calc(var(--zd-saturation, 1) * 90.39%), calc(44.90% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
-	--zdt_onboarding_gradient_border: hsla(43, calc(var(--zd-saturation, 1) * 90.39%), calc(44.90% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
-	--zdt_onboarding_primary_button_shadow: hsla(43, calc(var(--zd-saturation, 1) * 90.39%), 44.90%,  0.25);
-	--zdt_onboarding_gradient_bg: hsla(35, calc(var(--zd-saturation, 1) * 15.00%), calc(15.69% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_onboarding_primary_gradient_border:hsla(43, calc(var(--zd-saturation, 1) * 90.39%), calc(44.90% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
+	--zdt_onboarding_secondary_gradient_border:hsla(43, calc(var(--zd-saturation, 1) * 90.39%), calc(44.90% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
+	--zdt_onboarding_gradient_border:hsla(43, calc(var(--zd-saturation, 1) * 90.39%), calc(44.90% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
+	--zdt_onboarding_primary_button_shadow:hsla(43, calc(var(--zd-saturation, 1) * 90.39%), 44.90%,  0.25);
+	--zdt_onboarding_gradient_bg:hsla(35, calc(var(--zd-saturation, 1) * 15.00%), calc(15.69% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	
 	/* attachment viewer */
-	--zdt_attachmentviewer_header_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_attachmentviewer_header_border: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_footer_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_header_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_attachmentviewer_header_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_footer_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_arrow_bg_hover:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
 	
 	/* loader */
-	--zdt_loader_bg: hsla(37, calc(var(--zd-saturation, 1) * 66.94%), 52.55%, 1);
+	--zdt_loader_bg:hsla(37, calc(var(--zd-saturation, 1) * 66.94%), 52.55%, 1);
 }

package/cbt.config.js

@@ -0,0 +1,41 @@
+
+const path = require('path');
+
+exports.config = {
+  preProcess: {
+    enable: true,
+    runner: './preprocess/index.js'
+  },
+  css: {
+    plugins: {
+      rtl: {
+        enable: true,
+        patterns: [
+          '**/src/**/*.css',
+          '!**/node_modules/**',
+          '**/assets/**/*.css'
+        ]
+      },
+      cssVariableReplacement: {
+        enable: true,
+        configFile:
+          './node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json',
+        patterns: [
+          "**/src/**",
+          "!**/node_modules/**"
+        ]
+      }
+    },
+     customPlugins: [
+      {
+        plugin: (options) =>
+          require('postcss-discard-comments')({
+            remove: (c) => { return c.includes('rtl:') }
+          }), 
+        patterns: ['**/assets/**/*.css'],
+        enable: true
+      }
+    ]
+  }
+ 
+};

package/es/AttachmentViewer/AttachmentViewer.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React, { Component } from 'react';
 import { AttachmentViewer_defaultProps } from "./props/defaultProps";
 import { AttachmentViewer_propTypes } from "./props/propTypes";
@@ -300,11 +302,10 @@ export default class AttachmentViewer extends Component {
   }
 
   renderIframe(previewurl) {
-    return /*#__PURE__*/React.createElement("iframe", {
+    return /*#__PURE__*/React.createElement("iframe", _extends({
       src: previewurl,
-      className: style.previewFrame,
-      ...this.props.customProps.iframeProps
-    });
+      className: style.previewFrame
+    }, this.props.customProps.iframeProps));
   }
 
   imgPreviewView(downloadUrl) {
@@ -387,25 +388,23 @@ export default class AttachmentViewer extends Component {
       }, /*#__PURE__*/React.createElement(Box, {
         className: style.imgRef,
         id: `imgPreviewRef${i}`
-      }, selectedIndex == i && /*#__PURE__*/React.createElement(React.Fragment, null, _this.isAudioFileType(name) ? /*#__PURE__*/React.createElement("audio", {
+      }, selectedIndex == i && /*#__PURE__*/React.createElement(React.Fragment, null, _this.isAudioFileType(name) ? /*#__PURE__*/React.createElement("audio", _extends({
         controls: true,
         className: style.zoomIn,
         "data-id": `${dataId}_audioPreview`,
-        "data-test-id": `${dataId}_audioPreview`,
-        ...audioProps
-      }, /*#__PURE__*/React.createElement("source", {
+        "data-test-id": `${dataId}_audioPreview`
+      }, audioProps), /*#__PURE__*/React.createElement("source", {
         src: previewurl || viewUrl,
         type: `audio/${extension}`
-      })) : _this.isVideoFileType(name) ? /*#__PURE__*/React.createElement("video", {
+      })) : _this.isVideoFileType(name) ? /*#__PURE__*/React.createElement("video", _extends({
         controls: true,
         className: style.zoomIn,
         "data-id": `${dataId}_videoPreview`,
-        "data-test-id": `${dataId}_videoPreview`,
-        ...videoProps
-      }, /*#__PURE__*/React.createElement("source", {
+        "data-test-id": `${dataId}_videoPreview`
+      }, videoProps), /*#__PURE__*/React.createElement("source", {
         src: viewUrl,
         type: `video/${extension}`
-      })) : _this.isImageFileType(name) || children ? /*#__PURE__*/React.createElement(AttachmentImage, {
+      })) : _this.isImageFileType(name) || children ? /*#__PURE__*/React.createElement(AttachmentImage, _extends({
         customClass: {
           customImageClass: `${style.img} ${style.altText} ${canZoom || retainZoom ? isZoomed ? `${style.zoomedImg} ${style.zoomOutCursor}` : `${style.normalImg} ${style.zoomInCursor}` : ''} ${customImageClass}`,
           customChildrenClass
@@ -415,9 +414,8 @@ export default class AttachmentViewer extends Component {
         alt: name,
         dataId: dataId,
         id: `img${i}`,
-        isCover: false,
-        ...imageProps
-      }, children) : type === "document" && previewurl != null ? _this.renderIframe(previewurl) : typeof renderUnSupportedElement === 'function' ? renderUnSupportedElement(data) : /*#__PURE__*/React.createElement("div", {
+        isCover: false
+      }, imageProps), children) : type === "document" && previewurl != null ? _this.renderIframe(previewurl) : typeof renderUnSupportedElement === 'function' ? renderUnSupportedElement(data) : /*#__PURE__*/React.createElement("div", {
         className: style.previewNone
       }, /*#__PURE__*/React.createElement("div", {
         className: style.fileTypeImg
@@ -639,13 +637,12 @@ export default class AttachmentViewer extends Component {
       }, /*#__PURE__*/React.createElement(Container, {
         alignBox: "row",
         align: "both"
-      }, /*#__PURE__*/React.createElement(Avatar, {
+      }, /*#__PURE__*/React.createElement(Avatar, _extends({
         name: authorName,
         size: "xmedium",
         src: authorHref,
-        palette: "info",
-        ...avatarProps
-      }), /*#__PURE__*/React.createElement(Box, {
+        palette: "info"
+      }, avatarProps)), /*#__PURE__*/React.createElement(Box, {
         flexible: true,
         className: style.authorName,
         "data-title": authorName
@@ -681,7 +678,7 @@ export default class AttachmentViewer extends Component {
           eleRef: el => this[`img_${index}`] = el,
           dataId: "attachPreviewList",
           "data-title": name
-        }, isImageFileType || children ? /*#__PURE__*/React.createElement(AttachmentImage, {
+        }, isImageFileType || children ? /*#__PURE__*/React.createElement(AttachmentImage, _extends({
           src: thumbnail || viewUrl,
           size: "small",
           alt: name,
@@ -689,9 +686,8 @@ export default class AttachmentViewer extends Component {
             customImageClass: `${style.image} ${style.altText} ${customImageClass}`,
             customChildrenClass: `${style.crsrPointer} ${customChildrenClass}`
           },
-          dataId: dataId,
-          ...customProps
-        }, children) : this.getPreviewIconData(name, '40'));
+          dataId: dataId
+        }, customProps), children) : this.getPreviewIconData(name, '40'));
       }))))), totalLen !== 1 && /*#__PURE__*/React.createElement(IconButton, {
         dataId: "attachToggle",
         onClick: this.togglePViewList,

package/es/AudioPlayer/Timer/__tests__/Timer.spec.js

@@ -13,8 +13,7 @@ describe('Timer test Cases', () => {
   test('rendering the defult props', () => {
     const {
       asFragment
-    } = render( /*#__PURE__*/React.createElement(Timer, { ...defaultProps
-    }));
+    } = render( /*#__PURE__*/React.createElement(Timer, defaultProps));
     expect(asFragment()).toMatchSnapshot();
   });
 });

package/es/AudioPlayer/__tests__/AudioPlayer.spec.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import { render, fireEvent, screen } from '@testing-library/react';
 import AudioPlayer from "../AudioPlayer";
@@ -11,129 +13,128 @@ describe('AudioPlayer - Snapshot', () => {
   test('Render with default props', () => {
     const {
       asFragment
-    } = render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS
-    }));
+    } = render( /*#__PURE__*/React.createElement(AudioPlayer, DEFAULT_PROPS));
     expect(asFragment()).toMatchSnapshot();
   });
   test('Render with customId and testId', () => {
     const {
       asFragment
-    } = render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+    } = render( /*#__PURE__*/React.createElement(AudioPlayer, _extends({}, DEFAULT_PROPS, {
       customId: "audio-player-customId",
       testId: "audio-player-testId"
-    }));
+    })));
     expect(asFragment()).toMatchSnapshot();
   });
   test('Render with tag attributes', () => {
     const {
       asFragment
-    } = render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+    } = render( /*#__PURE__*/React.createElement(AudioPlayer, _extends({}, DEFAULT_PROPS, {
       tagAttributes: {
         'data-custom-attr': 'true'
       }
-    }));
+    })));
     expect(asFragment()).toMatchSnapshot();
   });
   test('Render with a11y attributes', () => {
     const {
       asFragment
-    } = render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+    } = render( /*#__PURE__*/React.createElement(AudioPlayer, _extends({}, DEFAULT_PROPS, {
       a11yAttributes: {
         role: 'region'
       }
-    }));
+    })));
     expect(asFragment()).toMatchSnapshot();
   });
   test('Render with customClass', () => {
     const {
       asFragment
-    } = render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+    } = render( /*#__PURE__*/React.createElement(AudioPlayer, _extends({}, DEFAULT_PROPS, {
       customClass: "my-audio-player"
-    }));
+    })));
     expect(asFragment()).toMatchSnapshot();
   });
   test('Render with i18nKeys', () => {
     const {
       asFragment
-    } = render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+    } = render( /*#__PURE__*/React.createElement(AudioPlayer, _extends({}, DEFAULT_PROPS, {
       i18nKeys: {
         play: 'Play',
         pause: 'Pause'
       }
-    }));
+    })));
     expect(asFragment()).toMatchSnapshot();
   });
   test('Render with needClose=false', () => {
     const {
       asFragment
-    } = render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+    } = render( /*#__PURE__*/React.createElement(AudioPlayer, _extends({}, DEFAULT_PROPS, {
       needClose: false
-    }));
+    })));
     expect(asFragment()).toMatchSnapshot();
   });
   test('Render with needDownload=false', () => {
     const {
       asFragment
-    } = render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+    } = render( /*#__PURE__*/React.createElement(AudioPlayer, _extends({}, DEFAULT_PROPS, {
       needDownload: false
-    }));
+    })));
     expect(asFragment()).toMatchSnapshot();
   });
   test('Render with needMuteIcon=true', () => {
     const {
       asFragment
-    } = render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+    } = render( /*#__PURE__*/React.createElement(AudioPlayer, _extends({}, DEFAULT_PROPS, {
       needMuteIcon: true
-    }));
+    })));
     expect(asFragment()).toMatchSnapshot();
   });
   test('Render with isPlay=true', () => {
     const {
       asFragment
-    } = render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+    } = render( /*#__PURE__*/React.createElement(AudioPlayer, _extends({}, DEFAULT_PROPS, {
       isPlay: true
-    }));
+    })));
     expect(asFragment()).toMatchSnapshot();
   });
   test('Render with timerFormat=ss:mm', () => {
     const {
       asFragment
-    } = render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+    } = render( /*#__PURE__*/React.createElement(AudioPlayer, _extends({}, DEFAULT_PROPS, {
       timerFormat: "ss:mm"
-    }));
+    })));
     expect(asFragment()).toMatchSnapshot();
   });
   test('Render with forwardStepInSec=10', () => {
     const {
       asFragment
-    } = render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+    } = render( /*#__PURE__*/React.createElement(AudioPlayer, _extends({}, DEFAULT_PROPS, {
       forwardStepInSec: 10
-    }));
+    })));
     expect(asFragment()).toMatchSnapshot();
   });
   test('Render with backwardStepInSec=10', () => {
     const {
       asFragment
-    } = render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+    } = render( /*#__PURE__*/React.createElement(AudioPlayer, _extends({}, DEFAULT_PROPS, {
       backwardStepInSec: 10
-    }));
+    })));
     expect(asFragment()).toMatchSnapshot();
   });
   test('Render with range=50', () => {
     const {
       asFragment
-    } = render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+    } = render( /*#__PURE__*/React.createElement(AudioPlayer, _extends({}, DEFAULT_PROPS, {
       range: 50
-    }));
+    })));
     expect(asFragment()).toMatchSnapshot();
   });
 });
 describe('AudioPlayer - Unit', () => {
   test('Should call togglePlayer on close button click', () => {
     const togglePlayer = jest.fn();
-    render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+    render( /*#__PURE__*/React.createElement(AudioPlayer, _extends({}, DEFAULT_PROPS, {
       togglePlayer: togglePlayer
-    }));
+    })));
     const closeBtn = screen.queryByTestId('audioPlayerClose');
 
     if (closeBtn) {
@@ -143,9 +144,9 @@ describe('AudioPlayer - Unit', () => {
   });
   test('Should call downloadFile on download button click', () => {
     const downloadFile = jest.fn();
-    render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+    render( /*#__PURE__*/React.createElement(AudioPlayer, _extends({}, DEFAULT_PROPS, {
       downloadFile: downloadFile
-    }));
+    })));
     const downloadBtn = screen.queryByTestId('audioDownload');
 
     if (downloadBtn) {
@@ -155,9 +156,9 @@ describe('AudioPlayer - Unit', () => {
   });
   test('Should toggle play/pause on play button click', () => {
     const togglePlayer = jest.fn();
-    render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+    render( /*#__PURE__*/React.createElement(AudioPlayer, _extends({}, DEFAULT_PROPS, {
       togglePlayer: togglePlayer
-    }));
+    })));
     const playBtn = screen.queryByTestId('audioPlayPause');
 
     if (playBtn) {
@@ -166,9 +167,9 @@ describe('AudioPlayer - Unit', () => {
     }
   });
   test('Should mute/unmute on mute button click', () => {
-    render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+    render( /*#__PURE__*/React.createElement(AudioPlayer, _extends({}, DEFAULT_PROPS, {
       needMuteIcon: true
-    }));
+    })));
     const muteBtn = screen.queryByTestId('audioMute');
 
     if (muteBtn) {
@@ -176,9 +177,9 @@ describe('AudioPlayer - Unit', () => {
     }
   });
   test('Should change range on slider input', () => {
-    render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+    render( /*#__PURE__*/React.createElement(AudioPlayer, _extends({}, DEFAULT_PROPS, {
       range: 0
-    }));
+    })));
     const rangeInput = screen.queryByTestId('audioRange');
 
     if (rangeInput) {