@zohodesk/dot 1.0.0-temp-217 → 1.0.0-temp-219

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

@@ -0,0 +1,14 @@
+[data-mode='pureDark'][data-theme='blue'] {
+	--zdtm_cta_secondary_border_darker_low: hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_low)), calc( 0.15 + var(--zdc_alpha_low)));
+	--zdtm_cta_primary_bg_default_inverse_lower: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdtm_cta_grey_10_bg_default_inverse_low: hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdtm_cta_primary_light_bg_default_inverse_low: hsla(213, 19.57%, calc(18.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdtm_cta_primary_bg_default: hsla(212, 100.00%, calc(63.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_secondary_text_lighter: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_primary_light_bg_default: hsla(213, 19.57%, calc(18.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_primary_border_default_inverse: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_primary_hover_bg_default: hsla(213, 85.45%, calc(43.14% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_primary_light_bg_darker_lowest: hsla(213, 19.57%, calc(18.04% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_secondary_light_border_default: hsla(212, 38.89%, calc(28.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_primary_light_bg_default_inverse_lower: hsla(213, 19.57%, calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
+}

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

@@ -1,25 +1,25 @@
 [data-mode='pureDark'][data-theme='blue'] {
 	/* freezelayer */
-	--zdt_freezelayer_darklight_bg: hsla(0, calc(var(--zd-mc) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
+	--zdt_freezelayer_darklight_bg: hsla(0, 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-mc) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_description: hsla(0, calc(var(--zd-mc) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_link: hsla(212, calc(var(--zd-mc) * 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-mc) * 100.00%), calc(57.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_link: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_commonEmptyState_dark_link_hover: hsla(221, 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-mc) * 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-mc) * 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-mc) * 72.24%), calc(51.96% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
+	--zdt_onboarding_primary_gradient_border: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
+	--zdt_onboarding_secondary_gradient_border: hsla(220, 72.24%, calc(51.96% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
+	--zdt_onboarding_gradient_border: hsla(220, 72.24%, calc(51.96% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
 	--zdt_onboarding_primary_button_shadow: rgba(10, 115, 235, 0.25);
-	--zdt_onboarding_gradient_bg: hsla(213, calc(var(--zd-mc) * 19.57%), calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_onboarding_gradient_bg: hsla(213, 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-mc) * 0.00%), calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_attachmentviewer_header_border: hsla(0, calc(var(--zd-mc) * 0.00%), calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_footer_bg: hsla(0, calc(var(--zd-mc) * 0.00%), calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, calc(var(--zd-mc) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_header_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
 	
 	/* loader */
 	--zdt_loader_bg: rgb(71,157,255);

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

@@ -0,0 +1,14 @@
+[data-mode='pureDark'][data-theme='green'] {
+	--zdtm_cta_secondary_border_darker_low: hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_low)), calc( 0.15 + var(--zdc_alpha_low)));
+	--zdtm_cta_primary_bg_default_inverse_lower: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdtm_cta_grey_10_bg_default_inverse_low: hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdtm_cta_primary_light_bg_default_inverse_low: hsla(133, 10.84%, calc(16.27% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdtm_cta_primary_bg_default: hsla(133, 40.00%, calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_secondary_text_lighter: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_primary_light_bg_default: hsla(133, 10.84%, calc(16.27% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_primary_border_default_inverse: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_primary_hover_bg_default: hsla(128, 79.71%, calc(27.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_primary_light_bg_darker_lowest: hsla(133, 10.84%, calc(16.27% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_secondary_light_border_default: hsla(133, 23.48%, calc(22.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_primary_light_bg_default_inverse_lower: hsla(133, 10.84%, calc(16.27% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
+}

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

@@ -1,25 +1,25 @@
 [data-mode='pureDark'][data-theme='green'] {
 	/* freezelayer */
-	--zdt_freezelayer_darklight_bg: hsla(0, calc(var(--zd-mc) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
+	--zdt_freezelayer_darklight_bg: hsla(0, 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-mc) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_description: hsla(0, calc(var(--zd-mc) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_link: hsla(133, calc(var(--zd-mc) * 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-mc) * 79.71%), calc(27.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_link: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_commonEmptyState_dark_link_hover: hsla(128, 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-mc) * 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-mc) * 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-mc) * 62.68%), calc(40.98% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
+	--zdt_onboarding_primary_gradient_border: hsla(133, 62.68%, calc(40.98% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
+	--zdt_onboarding_secondary_gradient_border: hsla(133, 62.68%, calc(40.98% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
+	--zdt_onboarding_gradient_border: hsla(133, 62.68%, calc(40.98% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
 	--zdt_onboarding_primary_button_shadow: rgba(39, 170, 67, 0.25);
-	--zdt_onboarding_gradient_bg: hsla(133, calc(var(--zd-mc) * 10.84%), calc(16.27% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_onboarding_gradient_bg: hsla(133, 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-mc) * 0.00%), calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_attachmentviewer_header_border: hsla(0, calc(var(--zd-mc) * 0.00%), calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_footer_bg: hsla(0, calc(var(--zd-mc) * 0.00%), calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, calc(var(--zd-mc) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_header_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
 	
 	/* loader */
 	--zdt_loader_bg: rgb(69,161,89);

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

@@ -0,0 +1,14 @@
+[data-mode='pureDark'][data-theme='orange'] {
+	--zdtm_cta_secondary_border_darker_low: hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_low)), calc( 0.15 + var(--zdc_alpha_low)));
+	--zdtm_cta_primary_bg_default_inverse_lower: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdtm_cta_grey_10_bg_default_inverse_low: hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdtm_cta_primary_light_bg_default_inverse_low: hsla(26, 19.51%, calc(16.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdtm_cta_primary_bg_default: hsla(26, 100.00%, calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_secondary_text_lighter: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_primary_light_bg_default: hsla(26, 19.51%, calc(16.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_primary_border_default_inverse: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_primary_hover_bg_default: hsla(29, 100.00%, calc(32.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_primary_light_bg_darker_lowest: hsla(26, 19.51%, calc(16.08% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_secondary_light_border_default: hsla(26, 40.00%, calc(21.57% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_primary_light_bg_default_inverse_lower: hsla(26, 19.51%, calc(16.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
+}

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

@@ -1,25 +1,25 @@
 [data-mode='pureDark'][data-theme='orange'] {
 	/* freezelayer */
-	--zdt_freezelayer_darklight_bg: hsla(0, calc(var(--zd-mc) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
+	--zdt_freezelayer_darklight_bg: hsla(0, 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-mc) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_description: hsla(0, calc(var(--zd-mc) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_link: hsla(26, calc(var(--zd-mc) * 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-mc) * 100.00%), calc(32.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_link: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_commonEmptyState_dark_link_hover: hsla(29, 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-mc) * 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-mc) * 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-mc) * 81.75%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
+	--zdt_onboarding_primary_gradient_border: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
+	--zdt_onboarding_secondary_gradient_border: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
+	--zdt_onboarding_gradient_border: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
 	--zdt_onboarding_primary_button_shadow: rgba(229, 119, 23, 0.25);
-	--zdt_onboarding_gradient_bg: hsla(26, calc(var(--zd-mc) * 19.51%), calc(16.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_onboarding_gradient_bg: hsla(26, 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-mc) * 0.00%), calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_attachmentviewer_header_border: hsla(0, calc(var(--zd-mc) * 0.00%), calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_footer_bg: hsla(0, calc(var(--zd-mc) * 0.00%), calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, calc(var(--zd-mc) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_header_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
 	
 	/* loader */
 	--zdt_loader_bg: rgb(255,128,31);

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

@@ -0,0 +1,14 @@
+[data-mode='pureDark'][data-theme='red'] {
+	--zdtm_cta_secondary_border_darker_low: hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_low)), calc( 0.15 + var(--zdc_alpha_low)));
+	--zdtm_cta_primary_bg_default_inverse_lower: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdtm_cta_grey_10_bg_default_inverse_low: hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdtm_cta_primary_light_bg_default_inverse_low: hsla(0, 13.25%, calc(16.27% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdtm_cta_primary_bg_default: hsla(0, 77.78%, calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_secondary_text_lighter: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_primary_light_bg_default: hsla(0, 13.25%, calc(16.27% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_primary_border_default_inverse: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_primary_hover_bg_default: hsla(0, 81.62%, calc(36.27% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_primary_light_bg_darker_lowest: hsla(0, 13.25%, calc(16.27% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_secondary_light_border_default: hsla(0, 26.96%, calc(22.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_primary_light_bg_default_inverse_lower: hsla(0, 13.25%, calc(16.27% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
+}

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

@@ -1,25 +1,25 @@
 [data-mode='pureDark'][data-theme='red'] {
 	/* freezelayer */
-	--zdt_freezelayer_darklight_bg: hsla(0, calc(var(--zd-mc) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
+	--zdt_freezelayer_darklight_bg: hsla(0, 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-mc) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_description: hsla(0, calc(var(--zd-mc) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_link: hsla(0, calc(var(--zd-mc) * 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-mc) * 81.62%), calc(36.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_link: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_commonEmptyState_dark_link_hover: hsla(0, 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-mc) * 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-mc) * 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-mc) * 73.81%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
+	--zdt_onboarding_primary_gradient_border: hsla(0, 73.81%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
+	--zdt_onboarding_secondary_gradient_border: hsla(0, 73.81%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
+	--zdt_onboarding_gradient_border: hsla(0, 73.81%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
 	--zdt_onboarding_primary_button_shadow: rgba(219, 33, 33, 0.25);
-	--zdt_onboarding_gradient_bg: hsla(0, calc(var(--zd-mc) * 13.25%), calc(16.27% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_onboarding_gradient_bg: hsla(0, 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-mc) * 0.00%), calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_attachmentviewer_header_border: hsla(0, calc(var(--zd-mc) * 0.00%), calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_footer_bg: hsla(0, calc(var(--zd-mc) * 0.00%), calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, calc(var(--zd-mc) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_header_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
 	
 	/* loader */
 	--zdt_loader_bg: rgb(233,79,79);

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

@@ -0,0 +1,14 @@
+[data-mode='pureDark'][data-theme='yellow'] {
+	--zdtm_cta_secondary_border_darker_low: hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_low)), calc( 0.15 + var(--zdc_alpha_low)));
+	--zdtm_cta_primary_bg_default_inverse_lower: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdtm_cta_grey_10_bg_default_inverse_low: hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdtm_cta_primary_light_bg_default_inverse_low: hsla(35, 15.00%, calc(15.69% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdtm_cta_primary_bg_default: hsla(37, 66.94%, calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_secondary_text_lighter: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_primary_light_bg_default: hsla(35, 15.00%, calc(15.69% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_primary_border_default_inverse: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_primary_hover_bg_default: hsla(39, 90.18%, calc(31.96% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_primary_light_bg_darker_lowest: hsla(35, 15.00%, calc(15.69% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_secondary_light_border_default: hsla(38, 30.19%, calc(20.78% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdtm_cta_primary_light_bg_default_inverse_lower: hsla(35, 15.00%, calc(15.69% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
+}

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

@@ -1,25 +1,25 @@
 [data-mode='pureDark'][data-theme='yellow'] {
 	/* freezelayer */
-	--zdt_freezelayer_darklight_bg: hsla(0, calc(var(--zd-mc) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
+	--zdt_freezelayer_darklight_bg: hsla(0, 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-mc) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_description: hsla(0, calc(var(--zd-mc) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_link: hsla(37, calc(var(--zd-mc) * 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-mc) * 90.18%), calc(31.96% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_link: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_commonEmptyState_dark_link_hover: hsla(39, 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-mc) * 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-mc) * 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-mc) * 90.39%), calc(44.90% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
+	--zdt_onboarding_primary_gradient_border: hsla(43, 90.39%, calc(44.90% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
+	--zdt_onboarding_secondary_gradient_border: hsla(43, 90.39%, calc(44.90% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
+	--zdt_onboarding_gradient_border: hsla(43, 90.39%, calc(44.90% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
 	--zdt_onboarding_primary_button_shadow: rgba(218, 160, 11, 0.25);
-	--zdt_onboarding_gradient_bg: hsla(35, calc(var(--zd-mc) * 15.00%), calc(15.69% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_onboarding_gradient_bg: hsla(35, 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-mc) * 0.00%), calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_attachmentviewer_header_border: hsla(0, calc(var(--zd-mc) * 0.00%), calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_footer_bg: hsla(0, calc(var(--zd-mc) * 0.00%), calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, calc(var(--zd-mc) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_header_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
 	
 	/* loader */
 	--zdt_loader_bg: rgb(215,152,53);

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

@@ -1,44 +1,192 @@
 import React from 'react';
-import { render } from '@testing-library/react';
-import AudioPlayer from "../AudioPlayer"; // import TestUtils from 'react-dom/test-utils';
-
-const defaultProps = {
-  togglePlayer: jest.fn(),
-  downloadFile: jest.fn(),
+import { render, fireEvent, screen } from '@testing-library/react';
+import AudioPlayer from "../AudioPlayer";
+const DEFAULT_PROPS = {
   minute: '02',
   second: '03',
   durationInSec: '203',
-  src: "https://ypvnxx00-a.akamaihd.net/downloads/ringtones/files/mp3/yuvanringtone-44640.mp3"
+  src: 'https://ypvnxx00-a.akamaihd.net/downloads/ringtones/files/mp3/yuvanringtone-44640.mp3'
 };
-describe('AudioPlayer Test Cases', () => {
-  // const { props,renderedDOM } = setup(
-  //     AudioPlayer,Object.assign({},defaultProps));
-  test('rendering the defult props', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(AudioPlayer, { ...defaultProps
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  }); // it('should render component', () => {
-  //     let component = TestUtils.scryRenderedComponentsWithTestid(
-  //         renderedDOM,
-  //         'AudioPlayer');
-  //     expect(component.length).toBe(1);
-  // })
-  // it('should close player onclicking close',()=>{
-  //     let component = TestUtils.scryRenderedComponentsWithTestid(
-  //         renderedDOM,
-  //         'audioPlayerClose'
-  //     )[0];
-  //     TestUtils.Simulate.click(component);
-  //     expect(props.togglePlayer).toHaveBeenCalled();
-  // })
-  // it('should download audio onclicking download',()=>{
-  //     let component = TestUtils.scryRenderedComponentsWithTestid(
-  //         renderedDOM,
-  //         'audioDownload'
-  //     )[0];
-  //     TestUtils.Simulate.click(component);
-  //     expect(props.downloadFile).toHaveBeenCalled();
-  // })
+describe('AudioPlayer - Snapshot', () => {
+  test('Render with default props', () => {
+    const {
+      asFragment
+    } = 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,
+      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,
+      tagAttributes: {
+        'data-custom-attr': 'true'
+      }
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with a11y attributes', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+      a11yAttributes: {
+        role: 'region'
+      }
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with customClass', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+      customClass: "my-audio-player"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with i18nKeys', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+      i18nKeys: {
+        play: 'Play',
+        pause: 'Pause'
+      }
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with needClose=false', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+      needClose: false
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with needDownload=false', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+      needDownload: false
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with needMuteIcon=true', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+      needMuteIcon: true
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with isPlay=true', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+      isPlay: true
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with timerFormat=ss:mm', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+      timerFormat: "ss:mm"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with forwardStepInSec=10', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+      forwardStepInSec: 10
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with backwardStepInSec=10', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+      backwardStepInSec: 10
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with range=50', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AudioPlayer, { ...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,
+      togglePlayer: togglePlayer
+    }));
+    const closeBtn = screen.queryByTestId('audioPlayerClose');
+
+    if (closeBtn) {
+      fireEvent.click(closeBtn);
+      expect(togglePlayer).toHaveBeenCalled();
+    }
+  });
+  test('Should call downloadFile on download button click', () => {
+    const downloadFile = jest.fn();
+    render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+      downloadFile: downloadFile
+    }));
+    const downloadBtn = screen.queryByTestId('audioDownload');
+
+    if (downloadBtn) {
+      fireEvent.click(downloadBtn);
+      expect(downloadFile).toHaveBeenCalled();
+    }
+  });
+  test('Should toggle play/pause on play button click', () => {
+    const togglePlayer = jest.fn();
+    render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+      togglePlayer: togglePlayer
+    }));
+    const playBtn = screen.queryByTestId('audioPlayPause');
+
+    if (playBtn) {
+      fireEvent.click(playBtn);
+      expect(togglePlayer).toHaveBeenCalled();
+    }
+  });
+  test('Should mute/unmute on mute button click', () => {
+    render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+      needMuteIcon: true
+    }));
+    const muteBtn = screen.queryByTestId('audioMute');
+
+    if (muteBtn) {
+      fireEvent.click(muteBtn); // Add assertion if mute state is exposed via prop or DOM
+    }
+  });
+  test('Should change range on slider input', () => {
+    render( /*#__PURE__*/React.createElement(AudioPlayer, { ...DEFAULT_PROPS,
+      range: 0
+    }));
+    const rangeInput = screen.queryByTestId('audioRange');
+
+    if (rangeInput) {
+      fireEvent.change(rangeInput, {
+        target: {
+          value: 50
+        }
+      }); // Add assertion if range change is exposed via prop or DOM
+    }
+  });
 });