@zohodesk/dot 1.0.0-temp-187.25 → 1.0.0-temp-225

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/README.md +5 -0
  2. package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +425 -422
  3. package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css +16 -16
  4. package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css +16 -16
  5. package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css +16 -16
  6. package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css +16 -16
  7. package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css +16 -16
  8. package/assets/Appearance/light/mode/Dot_LightMode.module.css +425 -422
  9. package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css +16 -16
  10. package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css +16 -16
  11. package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css +16 -16
  12. package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css +16 -16
  13. package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css +16 -16
  14. package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +425 -422
  15. package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css +16 -16
  16. package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css +16 -16
  17. package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css +16 -16
  18. package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css +16 -16
  19. package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css +16 -16
  20. package/es/AttachmentViewer/AttachmentViewer.js +9 -3
  21. package/es/AttachmentViewer/props/defaultProps.js +2 -1
  22. package/es/AttachmentViewer/props/propTypes.js +3 -1
  23. package/es/list/DepartmentDropDown/DepartmentDropDown.js +3 -4
  24. package/es/list/DepartmentDropDown/props/propTypes.js +1 -2
  25. package/es/list/Subject/Subject.js +2 -3
  26. package/es/list/Subject/__tests__/Subject.spec.js +117 -0
  27. package/es/list/Subject/__tests__/__snapshots__/Subject.spec.js.snap +131 -0
  28. package/es/list/Subject/props/defaultProps.js +3 -2
  29. package/es/list/listCommon.module.css +2 -2
  30. package/lib/AttachmentViewer/AttachmentViewer.js +9 -3
  31. package/lib/AttachmentViewer/props/defaultProps.js +2 -1
  32. package/lib/AttachmentViewer/props/propTypes.js +3 -1
  33. package/lib/list/DepartmentDropDown/DepartmentDropDown.js +3 -5
  34. package/lib/list/DepartmentDropDown/props/propTypes.js +1 -2
  35. package/lib/list/Subject/Subject.js +2 -3
  36. package/lib/list/Subject/__tests__/Subject.spec.js +124 -0
  37. package/lib/list/Subject/__tests__/__snapshots__/Subject.spec.js.snap +131 -0
  38. package/lib/list/Subject/props/defaultProps.js +5 -2
  39. package/lib/list/listCommon.module.css +2 -2
  40. package/package.json +9 -9
package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css CHANGED
@@ -1,26 +1,26 @@
1
- [data-mode='pureDark'][data-theme='blue'] {
1
+ [data-mode='pureDark'][data-theme='blue']{
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
3
+ --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)));
4
4
 
5
5
  /* common empty state */
6
- --zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
- --zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdt_commonEmptyState_dark_link_hover: hsla(221, 100.00%, calc(57.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
6
+ --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)));
7
+ --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)));
8
+ --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)));
9
+ --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)));
10
10
 
11
11
  /* onboarding */
12
- --zdt_onboarding_primary_gradient_border: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
13
- --zdt_onboarding_secondary_gradient_border: hsla(220, 72.24%, calc(51.96% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
- --zdt_onboarding_gradient_border: hsla(220, 72.24%, calc(51.96% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
- --zdt_onboarding_primary_button_shadow: rgba(10, 115, 235, 0.25);
16
- --zdt_onboarding_gradient_bg: hsla(213, 19.57%, calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
12
+ --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)));
13
+ --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)));
14
+ --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)));
15
+ --zdt_onboarding_primary_button_shadow:hsla(212, calc(var(--zd-saturation, 1) * 91.84%), 48.04%, 0.25);
16
+ --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)));
17
17
 
18
18
  /* attachment viewer */
19
- --zdt_attachmentviewer_header_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
20
- --zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
21
- --zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
22
- --zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
19
+ --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)));
20
+ --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)));
21
+ --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)));
22
+ --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)));
23
23
 
24
24
  /* loader */
25
- --zdt_loader_bg: rgb(71,157,255);
25
+ --zdt_loader_bg:hsla(212, calc(var(--zd-saturation, 1) * 100.00%), 63.92%, 1);
26
26
  }
package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css CHANGED
@@ -1,26 +1,26 @@
1
- [data-mode='pureDark'][data-theme='green'] {
1
+ [data-mode='pureDark'][data-theme='green']{
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
3
+ --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)));
4
4
 
5
5
  /* common empty state */
6
- --zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
- --zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdt_commonEmptyState_dark_link_hover: hsla(128, 79.71%, calc(27.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
6
+ --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)));
7
+ --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)));
8
+ --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)));
9
+ --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)));
10
10
 
11
11
  /* onboarding */
12
- --zdt_onboarding_primary_gradient_border: hsla(133, 62.68%, calc(40.98% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
13
- --zdt_onboarding_secondary_gradient_border: hsla(133, 62.68%, calc(40.98% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
- --zdt_onboarding_gradient_border: hsla(133, 62.68%, calc(40.98% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
- --zdt_onboarding_primary_button_shadow: rgba(39, 170, 67, 0.25);
16
- --zdt_onboarding_gradient_bg: hsla(133, 10.84%, calc(16.27% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
12
+ --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)));
13
+ --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)));
14
+ --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)));
15
+ --zdt_onboarding_primary_button_shadow:hsla(133, calc(var(--zd-saturation, 1) * 62.68%), 40.98%, 0.25);
16
+ --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)));
17
17
 
18
18
  /* attachment viewer */
19
- --zdt_attachmentviewer_header_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
20
- --zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
21
- --zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
22
- --zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
19
+ --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)));
20
+ --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)));
21
+ --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)));
22
+ --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)));
23
23
 
24
24
  /* loader */
25
- --zdt_loader_bg: rgb(69,161,89);
25
+ --zdt_loader_bg:hsla(133, calc(var(--zd-saturation, 1) * 40.00%), 45.10%, 1);
26
26
  }
package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css CHANGED
@@ -1,26 +1,26 @@
1
- [data-mode='pureDark'][data-theme='orange'] {
1
+ [data-mode='pureDark'][data-theme='orange']{
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
3
+ --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)));
4
4
 
5
5
  /* common empty state */
6
- --zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
- --zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdt_commonEmptyState_dark_link_hover: hsla(29, 100.00%, calc(32.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
6
+ --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)));
7
+ --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)));
8
+ --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)));
9
+ --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)));
10
10
 
11
11
  /* onboarding */
12
- --zdt_onboarding_primary_gradient_border: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
13
- --zdt_onboarding_secondary_gradient_border: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
- --zdt_onboarding_gradient_border: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
- --zdt_onboarding_primary_button_shadow: rgba(229, 119, 23, 0.25);
16
- --zdt_onboarding_gradient_bg: hsla(26, 19.51%, calc(16.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
12
+ --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)));
13
+ --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)));
14
+ --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)));
15
+ --zdt_onboarding_primary_button_shadow:hsla(28, calc(var(--zd-saturation, 1) * 81.75%), 49.41%, 0.25);
16
+ --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)));
17
17
 
18
18
  /* attachment viewer */
19
- --zdt_attachmentviewer_header_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
20
- --zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
21
- --zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
22
- --zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
19
+ --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)));
20
+ --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)));
21
+ --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)));
22
+ --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)));
23
23
 
24
24
  /* loader */
25
- --zdt_loader_bg: rgb(255,128,31);
25
+ --zdt_loader_bg:hsla(26, calc(var(--zd-saturation, 1) * 100.00%), 56.08%, 1);
26
26
  }
package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css CHANGED
@@ -1,26 +1,26 @@
1
- [data-mode='pureDark'][data-theme='red'] {
1
+ [data-mode='pureDark'][data-theme='red']{
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
3
+ --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)));
4
4
 
5
5
  /* common empty state */
6
- --zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
- --zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdt_commonEmptyState_dark_link_hover: hsla(0, 81.62%, calc(36.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
6
+ --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)));
7
+ --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)));
8
+ --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)));
9
+ --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)));
10
10
 
11
11
  /* onboarding */
12
- --zdt_onboarding_primary_gradient_border: hsla(0, 73.81%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
13
- --zdt_onboarding_secondary_gradient_border: hsla(0, 73.81%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
- --zdt_onboarding_gradient_border: hsla(0, 73.81%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
- --zdt_onboarding_primary_button_shadow: rgba(219, 33, 33, 0.25);
16
- --zdt_onboarding_gradient_bg: hsla(0, 13.25%, calc(16.27% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
12
+ --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)));
13
+ --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)));
14
+ --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)));
15
+ --zdt_onboarding_primary_button_shadow:hsla(0, calc(var(--zd-saturation, 1) * 73.81%), 49.41%, 0.25);
16
+ --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)));
17
17
 
18
18
  /* attachment viewer */
19
- --zdt_attachmentviewer_header_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
20
- --zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
21
- --zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
22
- --zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
19
+ --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)));
20
+ --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)));
21
+ --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)));
22
+ --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)));
23
23
 
24
24
  /* loader */
25
- --zdt_loader_bg: rgb(233,79,79);
25
+ --zdt_loader_bg:hsla(0, calc(var(--zd-saturation, 1) * 77.78%), 61.18%, 1);
26
26
  }
package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css CHANGED
@@ -1,26 +1,26 @@
1
- [data-mode='pureDark'][data-theme='yellow'] {
1
+ [data-mode='pureDark'][data-theme='yellow']{
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
3
+ --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)));
4
4
 
5
5
  /* common empty state */
6
- --zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
- --zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdt_commonEmptyState_dark_link_hover: hsla(39, 90.18%, calc(31.96% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
6
+ --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)));
7
+ --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)));
8
+ --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)));
9
+ --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)));
10
10
 
11
11
  /* onboarding */
12
- --zdt_onboarding_primary_gradient_border: hsla(43, 90.39%, calc(44.90% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
13
- --zdt_onboarding_secondary_gradient_border: hsla(43, 90.39%, calc(44.90% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
- --zdt_onboarding_gradient_border: hsla(43, 90.39%, calc(44.90% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
- --zdt_onboarding_primary_button_shadow: rgba(218, 160, 11, 0.25);
16
- --zdt_onboarding_gradient_bg: hsla(35, 15.00%, calc(15.69% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
12
+ --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)));
13
+ --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)));
14
+ --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)));
15
+ --zdt_onboarding_primary_button_shadow:hsla(43, calc(var(--zd-saturation, 1) * 90.39%), 44.90%, 0.25);
16
+ --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)));
17
17
 
18
18
  /* attachment viewer */
19
- --zdt_attachmentviewer_header_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
20
- --zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
21
- --zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
22
- --zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
19
+ --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)));
20
+ --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)));
21
+ --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)));
22
+ --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)));
23
23
 
24
24
  /* loader */
25
- --zdt_loader_bg: rgb(215,152,53);
25
+ --zdt_loader_bg:hsla(37, calc(var(--zd-saturation, 1) * 66.94%), 52.55%, 1);
26
26
  }
package/es/AttachmentViewer/AttachmentViewer.js CHANGED
@@ -449,7 +449,9 @@ export default class AttachmentViewer extends Component {
449
449
  i18nKeys,
450
450
  isActive,
451
451
  dataId,
452
- customProps
452
+ customProps,
453
+ showCount,
454
+ renderCustomIcons
453
455
  } = this.props;
454
456
  const {
455
457
  avatarProps = {}
@@ -495,7 +497,7 @@ export default class AttachmentViewer extends Component {
495
497
  "data-title": selectedAttachment.name,
496
498
  dataId: "attachName",
497
499
  id: ariaId
498
- }, selectedAttachment.name), /*#__PURE__*/React.createElement(Box, {
500
+ }, selectedAttachment.name), showCount && /*#__PURE__*/React.createElement(Box, {
499
501
  flexible: true,
500
502
  className: style.count,
501
503
  dataId: "attachCountContainer"
@@ -507,7 +509,11 @@ export default class AttachmentViewer extends Component {
507
509
  align: uptoTablet ? 'bottom' : 'center',
508
510
  wrap: "wrap",
509
511
  isCover: false
510
- }, canZoom ? isZoomed ? /*#__PURE__*/React.createElement("div", {
512
+ }, typeof renderCustomIcons === 'function' && renderCustomIcons({
513
+ selectedAttachment,
514
+ selectedIndex,
515
+ totalLen
516
+ }), canZoom ? isZoomed ? /*#__PURE__*/React.createElement("div", {
511
517
  className: uptoTablet ? style.mobileMenu : style.menu,
512
518
  onClick: this.zoomOut.bind(this, selectedIndex),
513
519
  "data-id": "zoomOut",
package/es/AttachmentViewer/props/defaultProps.js CHANGED
@@ -12,5 +12,6 @@ export const AttachmentViewer_defaultProps = {
12
12
  isActive: false,
13
13
  dataId: 'AttachmentViewer',
14
14
  i18nKeys: {},
15
- customProps: {}
15
+ customProps: {},
16
+ showCount: true
16
17
  };
package/es/AttachmentViewer/props/propTypes.js CHANGED
@@ -44,5 +44,7 @@ export const AttachmentViewer_propTypes = {
44
44
  renderUnSupportedElement: PropTypes.func,
45
45
  customProps: PropTypes.shape({
46
46
  avatarProps: PropTypes.exact(AvatarProps)
47
- })
47
+ }),
48
+ showCount: PropTypes.bool,
49
+ renderCustomIcons: PropTypes.func
48
50
  };
package/es/list/DepartmentDropDown/DepartmentDropDown.js CHANGED
@@ -54,8 +54,7 @@ class DepartmentDropDown extends Component {
54
54
  customProps
55
55
  } = this.props;
56
56
  const {
57
- ToggleDropDownProps = {},
58
- DepartmentTextProps = {}
57
+ ToggleDropDownProps = {}
59
58
  } = customProps;
60
59
  let {
61
60
  title = 'Move Department',
@@ -74,10 +73,10 @@ class DepartmentDropDown extends Component {
74
73
  }, ToggleDropDownProps, {
75
74
  title: title,
76
75
  options: departmentList,
77
- value: /*#__PURE__*/React.createElement(DepartmentText, _extends({
76
+ value: /*#__PURE__*/React.createElement(DepartmentText, {
78
77
  text: departmentName,
79
78
  dataTitle: departmentName
80
- }, DepartmentTextProps)),
79
+ }),
81
80
  onClick: this.onMoveDepartment,
82
81
  isEditable: isEditable,
83
82
  onSelectLabel: onSelectLabel,
package/es/list/DepartmentDropDown/props/propTypes.js CHANGED
@@ -22,7 +22,6 @@ export const propTypes = {
22
22
  placeholder: PropTypes.string
23
23
  }),
24
24
  customProps: PropTypes.shape({
25
- ToggleDropDownProps: PropTypes.object,
26
- DepartmentTextProps: PropTypes.object
25
+ ToggleDropDownProps: PropTypes.object
27
26
  })
28
27
  };
package/es/list/Subject/Subject.js CHANGED
@@ -47,13 +47,12 @@ export default class Subject extends Component {
47
47
  href: href,
48
48
  urlData: urlData,
49
49
  onClick: onClick,
50
- target: target
50
+ target: target,
51
+ dataId: dataId
51
52
  }, LinkProps), children ? children : /*#__PURE__*/React.createElement(Typography, {
52
53
  $tagAttributes_text: linkTagAttributes,
53
54
  $i18n_dataTitle: text,
54
55
  $ui_className: `${style.subject} ${whiteSpaceClassMapping[whiteSpace]} ${className} ${style.cursorPointer}`,
55
- customId: dataId,
56
- testId: dataId,
57
56
  $flag_dotted: isDotted,
58
57
  $ui_weight: fontWeight,
59
58
  $ui_highlightConfig: isHighlighted ? highlightData : DUMMY_OBJECT
package/es/list/Subject/__tests__/Subject.spec.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  import { render } from '@testing-library/react';
3
+ import '@testing-library/jest-dom';
3
4
  import Subject from "../Subject";
4
5
  describe('Subject', () => {
5
6
  test('rendering the defult props', () => {
@@ -17,4 +18,120 @@ describe('Subject', () => {
17
18
  }));
18
19
  expect(asFragment()).toMatchSnapshot();
19
20
  });
21
+ test.each(whiteSpace)('rendering the whiteSpace of -%s', whiteSpace => {
22
+ const {
23
+ asFragment
24
+ } = render( /*#__PURE__*/React.createElement(Subject, {
25
+ whiteSpace: whiteSpace,
26
+ isLink: true
27
+ }));
28
+ expect(asFragment()).toMatchSnapshot();
29
+ });
30
+ test('renders data attributes on link wrapper', () => {
31
+ const dataId = 'subject-id';
32
+ const {
33
+ container
34
+ } = render( /*#__PURE__*/React.createElement(Subject, {
35
+ isLink: true,
36
+ dataId: dataId
37
+ }));
38
+ expect(container).toMatchSnapshot();
39
+ const anchor = container.querySelector('a');
40
+ expect(anchor.getAttribute('data-id')).toBe(dataId);
41
+ expect(anchor.getAttribute('data-test-id')).toBe(dataId);
42
+ });
43
+ test('renders text content', () => {
44
+ const text = 'Test Subject';
45
+ const {
46
+ container
47
+ } = render( /*#__PURE__*/React.createElement(Subject, {
48
+ text: text
49
+ }));
50
+ expect(container.textContent).toContain(text);
51
+ });
52
+ test('renders with custom className', () => {
53
+ const customClass = 'custom-subject';
54
+ const {
55
+ container
56
+ } = render( /*#__PURE__*/React.createElement(Subject, {
57
+ className: customClass
58
+ }));
59
+ expect(container.querySelector(`.${customClass}`)).not.toBeNull();
60
+ });
61
+ test('renders dotted text when isDotted is true', () => {
62
+ const {
63
+ asFragment
64
+ } = render( /*#__PURE__*/React.createElement(Subject, {
65
+ text: "Test",
66
+ isDotted: true
67
+ }));
68
+ expect(asFragment()).toMatchSnapshot();
69
+ });
70
+ test('renders children when provided', () => {
71
+ const {
72
+ container
73
+ } = render( /*#__PURE__*/React.createElement(Subject, {
74
+ isLink: true
75
+ }, /*#__PURE__*/React.createElement("span", null, "Custom Child")));
76
+ expect(container.querySelector('span').textContent).toBe('Custom Child');
77
+ });
78
+ test('applies fontWeight prop', () => {
79
+ const {
80
+ asFragment
81
+ } = render( /*#__PURE__*/React.createElement(Subject, {
82
+ text: "Test",
83
+ fontWeight: "bold"
84
+ }));
85
+ expect(asFragment()).toMatchSnapshot();
86
+ });
87
+ test('renders with href when isLink is true', () => {
88
+ const href = 'https://example.com';
89
+ const {
90
+ container
91
+ } = render( /*#__PURE__*/React.createElement(Subject, {
92
+ isLink: true,
93
+ href: href
94
+ }));
95
+ expect(container.querySelector('a').getAttribute('href')).toBe(href);
96
+ });
97
+ test('calls onClick when link is clicked', () => {
98
+ const handleClick = jest.fn();
99
+ const {
100
+ container
101
+ } = render( /*#__PURE__*/React.createElement(Subject, {
102
+ isLink: true,
103
+ onClick: handleClick
104
+ }));
105
+ container.querySelector('a').click();
106
+ expect(handleClick).toHaveBeenCalled();
107
+ });
108
+ test('renders as non-link when isLink is false', () => {
109
+ const {
110
+ container
111
+ } = render( /*#__PURE__*/React.createElement(Subject, {
112
+ text: "Test",
113
+ isLink: false
114
+ }));
115
+ expect(container.querySelector('a')).toBeNull();
116
+ });
117
+ test('applies custom className to non-link element', () => {
118
+ const customClass = 'test-class';
119
+ const {
120
+ container
121
+ } = render( /*#__PURE__*/React.createElement(Subject, {
122
+ text: "Test",
123
+ className: customClass,
124
+ isLink: false
125
+ }));
126
+ expect(container.querySelector(`.${customClass}`)).not.toBeNull();
127
+ });
128
+ test('renders with target prop on link', () => {
129
+ const {
130
+ container
131
+ } = render( /*#__PURE__*/React.createElement(Subject, {
132
+ isLink: true,
133
+ target: "_blank"
134
+ }));
135
+ expect(container.querySelector('a').getAttribute('target')).toBe('_blank');
136
+ });
20
137
  });
package/es/list/Subject/__tests__/__snapshots__/Subject.spec.js.snap CHANGED
@@ -1,5 +1,17 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
+ exports[`Subject applies fontWeight prop 1`] = `
4
+ <DocumentFragment>
5
+ <div
6
+ class="dotted font_bold subject whiteSpace_pre"
7
+ data-title="Test"
8
+ data-title-wrap="pre"
9
+ >
10
+ Test
11
+ </div>
12
+ </DocumentFragment>
13
+ `;
14
+
3
15
  exports[`Subject rendering the defult props 1`] = `
4
16
  <DocumentFragment>
5
17
  <div
@@ -18,6 +30,21 @@ exports[`Subject rendering the whiteSpace of -break-spaces 1`] = `
18
30
  </DocumentFragment>
19
31
  `;
20
32
 
33
+ exports[`Subject rendering the whiteSpace of -break-spaces 2`] = `
34
+ <DocumentFragment>
35
+ <a
36
+ class="container "
37
+ href="javascript:void(0);"
38
+ rel="noopener noreferrer"
39
+ >
40
+ <div
41
+ class="dotted font_regular subject whiteSpace_breakSpaces cursorPointer"
42
+ data-title-wrap="break-spaces"
43
+ />
44
+ </a>
45
+ </DocumentFragment>
46
+ `;
47
+
21
48
  exports[`Subject rendering the whiteSpace of -normal 1`] = `
22
49
  <DocumentFragment>
23
50
  <div
@@ -27,6 +54,21 @@ exports[`Subject rendering the whiteSpace of -normal 1`] = `
27
54
  </DocumentFragment>
28
55
  `;
29
56
 
57
+ exports[`Subject rendering the whiteSpace of -normal 2`] = `
58
+ <DocumentFragment>
59
+ <a
60
+ class="container "
61
+ href="javascript:void(0);"
62
+ rel="noopener noreferrer"
63
+ >
64
+ <div
65
+ class="dotted font_regular subject whiteSpace_normal cursorPointer"
66
+ data-title-wrap="normal"
67
+ />
68
+ </a>
69
+ </DocumentFragment>
70
+ `;
71
+
30
72
  exports[`Subject rendering the whiteSpace of -nowrap 1`] = `
31
73
  <DocumentFragment>
32
74
  <div
@@ -36,6 +78,21 @@ exports[`Subject rendering the whiteSpace of -nowrap 1`] = `
36
78
  </DocumentFragment>
37
79
  `;
38
80
 
81
+ exports[`Subject rendering the whiteSpace of -nowrap 2`] = `
82
+ <DocumentFragment>
83
+ <a
84
+ class="container "
85
+ href="javascript:void(0);"
86
+ rel="noopener noreferrer"
87
+ >
88
+ <div
89
+ class="dotted font_regular subject whiteSpace_nowrap cursorPointer"
90
+ data-title-wrap="nowrap"
91
+ />
92
+ </a>
93
+ </DocumentFragment>
94
+ `;
95
+
39
96
  exports[`Subject rendering the whiteSpace of -pre 1`] = `
40
97
  <DocumentFragment>
41
98
  <div
@@ -45,6 +102,21 @@ exports[`Subject rendering the whiteSpace of -pre 1`] = `
45
102
  </DocumentFragment>
46
103
  `;
47
104
 
105
+ exports[`Subject rendering the whiteSpace of -pre 2`] = `
106
+ <DocumentFragment>
107
+ <a
108
+ class="container "
109
+ href="javascript:void(0);"
110
+ rel="noopener noreferrer"
111
+ >
112
+ <div
113
+ class="dotted font_regular subject whiteSpace_pre cursorPointer"
114
+ data-title-wrap="pre"
115
+ />
116
+ </a>
117
+ </DocumentFragment>
118
+ `;
119
+
48
120
  exports[`Subject rendering the whiteSpace of -pre-line 1`] = `
49
121
  <DocumentFragment>
50
122
  <div
@@ -54,6 +126,21 @@ exports[`Subject rendering the whiteSpace of -pre-line 1`] = `
54
126
  </DocumentFragment>
55
127
  `;
56
128
 
129
+ exports[`Subject rendering the whiteSpace of -pre-line 2`] = `
130
+ <DocumentFragment>
131
+ <a
132
+ class="container "
133
+ href="javascript:void(0);"
134
+ rel="noopener noreferrer"
135
+ >
136
+ <div
137
+ class="dotted font_regular subject whiteSpace_preLine cursorPointer"
138
+ data-title-wrap="pre-line"
139
+ />
140
+ </a>
141
+ </DocumentFragment>
142
+ `;
143
+
57
144
  exports[`Subject rendering the whiteSpace of -pre-wrap 1`] = `
58
145
  <DocumentFragment>
59
146
  <div
@@ -62,3 +149,47 @@ exports[`Subject rendering the whiteSpace of -pre-wrap 1`] = `
62
149
  />
63
150
  </DocumentFragment>
64
151
  `;
152
+
153
+ exports[`Subject rendering the whiteSpace of -pre-wrap 2`] = `
154
+ <DocumentFragment>
155
+ <a
156
+ class="container "
157
+ href="javascript:void(0);"
158
+ rel="noopener noreferrer"
159
+ >
160
+ <div
161
+ class="dotted font_regular subject whiteSpace_preWrap cursorPointer"
162
+ data-title-wrap="pre-wrap"
163
+ />
164
+ </a>
165
+ </DocumentFragment>
166
+ `;
167
+
168
+ exports[`Subject renders data attributes on link wrapper 1`] = `
169
+ <div>
170
+ <a
171
+ class="container "
172
+ data-id="subject-id"
173
+ data-test-id="subject-id"
174
+ href="javascript:void(0);"
175
+ rel="noopener noreferrer"
176
+ >
177
+ <div
178
+ class="dotted font_regular subject whiteSpace_pre cursorPointer"
179
+ data-title-wrap="pre"
180
+ />
181
+ </a>
182
+ </div>
183
+ `;
184
+
185
+ exports[`Subject renders dotted text when isDotted is true 1`] = `
186
+ <DocumentFragment>
187
+ <div
188
+ class="dotted font_regular subject whiteSpace_pre"
189
+ data-title="Test"
190
+ data-title-wrap="pre"
191
+ >
192
+ Test
193
+ </div>
194
+ </DocumentFragment>
195
+ `;
package/es/list/Subject/props/defaultProps.js CHANGED
@@ -1,10 +1,11 @@
1
+ import { DUMMY_OBJECT } from '@zohodesk/dotkit/es/utils/constants';
1
2
  export const defaultProps = {
2
3
  isLink: false,
3
4
  fontWeight: 'regular',
4
5
  className: '',
5
6
  isDotted: true,
6
- customProps: {},
7
+ customProps: DUMMY_OBJECT,
7
8
  whiteSpace: 'pre',
8
9
  isHighlighted: false,
9
- highlightData: {}
10
+ highlightData: DUMMY_OBJECT
10
11
  };