@zohodesk/dot 1.0.0-temp-223.4 → 1.0.0-temp-187.18

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 (47) hide show
  1. package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +315 -315
  2. package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css +15 -15
  3. package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css +15 -15
  4. package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css +15 -15
  5. package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css +15 -15
  6. package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css +15 -15
  7. package/assets/Appearance/light/mode/Dot_LightMode.module.css +307 -307
  8. package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css +15 -15
  9. package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css +15 -15
  10. package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css +15 -15
  11. package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css +15 -15
  12. package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css +15 -15
  13. package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +317 -317
  14. package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css +15 -15
  15. package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css +15 -15
  16. package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css +15 -15
  17. package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css +15 -15
  18. package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css +15 -15
  19. package/es/common/dot_boxShadow.module.css +2 -1
  20. package/es/form/fields/Fields.module.css +4 -1
  21. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +10 -6
  22. package/es/form/fields/TagsMultiSelect/props/propTypes.js +2 -1
  23. package/es/form/fields/TextEditor/TextEditor.js +2 -3
  24. package/es/form/fields/TextEditor/props/defaultProps.js +1 -2
  25. package/es/form/fields/TextEditor/props/propTypes.js +1 -2
  26. package/es/list/DepartmentDropDown/DepartmentDropDown.js +6 -2
  27. package/es/list/DepartmentDropDown/props/defaultProps.js +2 -1
  28. package/es/list/DepartmentDropDown/props/propTypes.js +3 -0
  29. package/es/list/status/StatusDropdown/StatusDropdown.js +7 -2
  30. package/es/list/status/StatusDropdown/props/defaultProps.js +2 -1
  31. package/es/list/status/StatusDropdown/props/propTypes.js +4 -1
  32. package/es/list/status/StatusListItem/StatusListItem.module.css +6 -3
  33. package/lib/common/dot_boxShadow.module.css +2 -1
  34. package/lib/form/fields/Fields.module.css +4 -1
  35. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +12 -7
  36. package/lib/form/fields/TagsMultiSelect/props/propTypes.js +2 -1
  37. package/lib/form/fields/TextEditor/TextEditor.js +2 -3
  38. package/lib/form/fields/TextEditor/props/defaultProps.js +1 -2
  39. package/lib/form/fields/TextEditor/props/propTypes.js +1 -2
  40. package/lib/list/DepartmentDropDown/DepartmentDropDown.js +8 -3
  41. package/lib/list/DepartmentDropDown/props/defaultProps.js +2 -1
  42. package/lib/list/DepartmentDropDown/props/propTypes.js +2 -0
  43. package/lib/list/status/StatusDropdown/StatusDropdown.js +6 -2
  44. package/lib/list/status/StatusDropdown/props/defaultProps.js +2 -1
  45. package/lib/list/status/StatusDropdown/props/propTypes.js +3 -1
  46. package/lib/list/status/StatusListItem/StatusListItem.module.css +6 -3
  47. package/package.json +9 -9
package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css CHANGED
@@ -1,26 +1,26 @@
1
1
  [data-mode='pureDark'][data-theme='blue'] {
2
2
  /* freezelayer */
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)));
3
+ --zdt_freezelayer_darklight_bg: hsla(0, 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, 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)));
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)));
10
10
 
11
11
  /* onboarding */
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)));
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)));
17
17
 
18
18
  /* attachment viewer */
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)));
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)));
23
23
 
24
24
  /* loader */
25
- --zdt_loader_bg: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), 63.92%, 1);
25
+ --zdt_loader_bg: rgb(71,157,255);
26
26
  }
package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css CHANGED
@@ -1,26 +1,26 @@
1
1
  [data-mode='pureDark'][data-theme='green'] {
2
2
  /* freezelayer */
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)));
3
+ --zdt_freezelayer_darklight_bg: hsla(0, 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, 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)));
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)));
10
10
 
11
11
  /* onboarding */
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)));
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)));
17
17
 
18
18
  /* attachment viewer */
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)));
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)));
23
23
 
24
24
  /* loader */
25
- --zdt_loader_bg: hsla(133, calc(var(--zd-saturation, 1) * 40.00%), 45.10%, 1);
25
+ --zdt_loader_bg: rgb(69,161,89);
26
26
  }
package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css CHANGED
@@ -1,26 +1,26 @@
1
1
  [data-mode='pureDark'][data-theme='orange'] {
2
2
  /* freezelayer */
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)));
3
+ --zdt_freezelayer_darklight_bg: hsla(0, 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, 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)));
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)));
10
10
 
11
11
  /* onboarding */
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)));
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)));
17
17
 
18
18
  /* attachment viewer */
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)));
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)));
23
23
 
24
24
  /* loader */
25
- --zdt_loader_bg: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), 56.08%, 1);
25
+ --zdt_loader_bg: rgb(255,128,31);
26
26
  }
package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css CHANGED
@@ -1,26 +1,26 @@
1
1
  [data-mode='pureDark'][data-theme='red'] {
2
2
  /* freezelayer */
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)));
3
+ --zdt_freezelayer_darklight_bg: hsla(0, 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, 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)));
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)));
10
10
 
11
11
  /* onboarding */
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)));
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)));
17
17
 
18
18
  /* attachment viewer */
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)));
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)));
23
23
 
24
24
  /* loader */
25
- --zdt_loader_bg: hsla(0, calc(var(--zd-saturation, 1) * 77.78%), 61.18%, 1);
25
+ --zdt_loader_bg: rgb(233,79,79);
26
26
  }
package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css CHANGED
@@ -1,26 +1,26 @@
1
1
  [data-mode='pureDark'][data-theme='yellow'] {
2
2
  /* freezelayer */
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)));
3
+ --zdt_freezelayer_darklight_bg: hsla(0, 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, 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)));
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)));
10
10
 
11
11
  /* onboarding */
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)));
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)));
17
17
 
18
18
  /* attachment viewer */
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)));
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)));
23
23
 
24
24
  /* loader */
25
- --zdt_loader_bg: hsla(37, calc(var(--zd-saturation, 1) * 66.94%), 52.55%, 1);
25
+ --zdt_loader_bg: rgb(215,152,53);
26
26
  }
package/es/common/dot_boxShadow.module.css CHANGED
@@ -37,7 +37,8 @@
37
37
  --zd_bs_desktopnotification_container: var(--zd_bs_contrast_outline, 0 4px 20px var(--zdt_desktopnotification_box_shadow));
38
38
 
39
39
  /* onboarding */
40
- --zd_bs_onboarding_close_icon: var(--zd_bs_contrast_outline, 0px 2px 15px var(--zd-shadow-saturation, rgba(0, 0, 0, 0.09)));
40
+ --zd_bs_onboarding_close_icon: var(--zd_bs_contrast_outline, 0px 2px 15px rgba(0, 0, 0, 0.09));
41
41
  --zd_bs_onboarding_gradient: var(--zd_bs_contrast_outline, 0px 20px 30px 0px var(--zdt_onboarding_bg_box_shadow));
42
42
  --zd_bs_onboarding_primary_button: var(--zd_bs_contrast_outline, 0px 4px 20px 0px var(--zdt_onboarding_primary_button_shadow));
43
+
43
44
  }
package/es/form/fields/Fields.module.css CHANGED
@@ -226,7 +226,10 @@ position: relative;
226
226
  [dir=rtl] .rightPlaceholder{
227
227
  left:var(--zd_size15)
228
228
  }
229
-
230
229
  .phoneField{
231
230
  composes: ltr-zone from '~@zohodesk/components/es/common/common.module.css';
231
+ }
232
+
233
+ .lineClampPickListItem{
234
+ --line-clamp: var(--picklist-field-line-clamp,3);
232
235
  }
package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js CHANGED
@@ -160,12 +160,14 @@ export default class TagsMultiSelect extends React.Component {
160
160
  let {
161
161
  tagCustomClass = '',
162
162
  listItemClass = '',
163
- textBoxIconWrapperClass = ''
163
+ textBoxIconWrapperClass = '',
164
+ dropBoxClass = ''
164
165
  } = customClass;
165
166
  const {
166
167
  TextBoxIconProps = {},
167
168
  TagWrapperProps = {},
168
- TagProps = {}
169
+ TagProps = {},
170
+ ListItemProps = {}
169
171
  } = customProps;
170
172
  const isEditable = !isReadOnly;
171
173
  return /*#__PURE__*/React.createElement("div", {
@@ -254,7 +256,8 @@ export default class TagsMultiSelect extends React.Component {
254
256
  boxPosition: boxPosition,
255
257
  isPadding: false,
256
258
  customClass: {
257
- customDropBoxWrap: style.dropdown
259
+ customDropBoxWrap: style.dropdown,
260
+ customDropBox: dropBoxClass
258
261
  },
259
262
  dataId: `${dataId}_dropbox`,
260
263
  isResponsivePadding: true,
@@ -286,7 +289,7 @@ export default class TagsMultiSelect extends React.Component {
286
289
  let {
287
290
  name,
288
291
  isNew,
289
- listItemProps
292
+ listProps
290
293
  } = item;
291
294
  return /*#__PURE__*/React.createElement(React.Fragment, null, searchList.length > 1 && isNew ? /*#__PURE__*/React.createElement(DropDownSeparator, null) : null, /*#__PURE__*/React.createElement(ListItem, {
292
295
  key: index,
@@ -299,8 +302,9 @@ export default class TagsMultiSelect extends React.Component {
299
302
  highlight: selectSearchIndex === index,
300
303
  getRef: this.getSelectedItemRef,
301
304
  isDisabled: listDisabled,
302
- customProps: listItemProps,
303
- customClass: listItemClass
305
+ customProps: listProps,
306
+ customClass: listItemClass,
307
+ ...ListItemProps
304
308
  }, isNew ? /*#__PURE__*/React.createElement(Container, {
305
309
  alignBox: "row",
306
310
  align: "vertical"
package/es/form/fields/TagsMultiSelect/props/propTypes.js CHANGED
@@ -52,7 +52,8 @@ export const propTypes = {
52
52
  customProps: PropTypes.shape({
53
53
  TextBoxIconProps: PropTypes.object,
54
54
  TagWrapperProps: PropTypes.object,
55
- TagProps: PropTypes.object
55
+ TagProps: PropTypes.object,
56
+ ListItemProps: PropTypes.object
56
57
  }),
57
58
  isFocus: PropTypes.bool
58
59
  };
package/es/form/fields/TextEditor/TextEditor.js CHANGED
@@ -384,8 +384,7 @@ export default class TextEditor extends Component {
384
384
  isNightMode,
385
385
  isReadOnly,
386
386
  dataSelectorId,
387
- isDisabled,
388
- customClass
387
+ isDisabled
389
388
  } = this.props;
390
389
  let {
391
390
  isEditorLoad,
@@ -394,7 +393,7 @@ export default class TextEditor extends Component {
394
393
  let editorDoc = ImgLazyLoad && global.editor && global.editor[id] ? global.editor[id].doc : null;
395
394
  return /*#__PURE__*/React.createElement(Container, {
396
395
  className: `${styles.textEditor} ${styles[type]} ${styles[border]}
397
- ${isNightMode ? styles.night : styles.light} ${isReadOnly ? styles.readOnly : ''} ${isDisabled ? styles.disable : ''} ${!isEditorShow ? styles.editorHide : ''} ${customClass}`,
396
+ ${isNightMode ? styles.night : styles.light} ${isReadOnly ? styles.readOnly : ''} ${isDisabled ? styles.disable : ''} ${!isEditorShow ? styles.editorHide : ''}`,
398
397
  dataId: dataId,
399
398
  "data-isEditor": true,
400
399
  dataSelectorId: dataSelectorId
package/es/form/fields/TextEditor/props/defaultProps.js CHANGED
@@ -12,6 +12,5 @@ export const defaultProps = {
12
12
  dataSelectorId: 'textEditor',
13
13
  customCSS: '',
14
14
  isDisabled: false,
15
- inlineImageProps: {},
16
- customClass: ''
15
+ inlineImageProps: {}
17
16
  };
package/es/form/fields/TextEditor/props/propTypes.js CHANGED
@@ -49,6 +49,5 @@ export const propTypes = {
49
49
  allowedFileExtensions: PropTypes.array,
50
50
  fileNameMaxCharacters: PropTypes.number,
51
51
  fileSizeMaxBytes: PropTypes.number
52
- }),
53
- customClass: PropTypes.string
52
+ })
54
53
  };
package/es/list/DepartmentDropDown/DepartmentDropDown.js CHANGED
@@ -48,15 +48,19 @@ class DepartmentDropDown extends Component {
48
48
  onSearch,
49
49
  needSearchFetching,
50
50
  searchStr,
51
- i18nKeys
51
+ i18nKeys,
52
+ customProps
52
53
  } = this.props;
54
+ const {
55
+ ToggleDropDownProps = {}
56
+ } = customProps;
53
57
  let {
54
58
  title = 'Move Department',
55
59
  searchEmptyText = 'No results found',
56
60
  searchErrorText = 'No results',
57
61
  placeholder = 'Search Department'
58
62
  } = i18nKeys;
59
- return /*#__PURE__*/React.createElement(ToggleDropDown, {
63
+ return /*#__PURE__*/React.createElement(ToggleDropDown, { ...ToggleDropDownProps,
60
64
  title: title,
61
65
  options: departmentList,
62
66
  value: /*#__PURE__*/React.createElement(DepartmentText, {
package/es/list/DepartmentDropDown/props/defaultProps.js CHANGED
@@ -3,5 +3,6 @@ export const defaultProps = {
3
3
  isPopupActive: true,
4
4
  isNextOptions: false,
5
5
  searchStr: '',
6
- i18nKeys: {}
6
+ i18nKeys: {},
7
+ customProps: {}
7
8
  };
package/es/list/DepartmentDropDown/props/propTypes.js CHANGED
@@ -20,5 +20,8 @@ export const propTypes = {
20
20
  searchEmptyText: PropTypes.string,
21
21
  searchErrorText: PropTypes.string,
22
22
  placeholder: PropTypes.string
23
+ }),
24
+ customProps: PropTypes.shape({
25
+ ToggleDropDownProps: PropTypes.object
23
26
  })
24
27
  };
package/es/list/status/StatusDropdown/StatusDropdown.js CHANGED
@@ -178,8 +178,12 @@ export class StatusDropdown extends React.Component {
178
178
  targetOffset,
179
179
  renderTargetElement,
180
180
  renderFooterElement,
181
- a11y = {}
181
+ a11y = {},
182
+ customClass
182
183
  } = this.props;
184
+ const {
185
+ dropBoxClass = ''
186
+ } = customClass;
183
187
  const {
184
188
  tabIndex = 0,
185
189
  ariaLabelledby,
@@ -247,7 +251,8 @@ export class StatusDropdown extends React.Component {
247
251
  isAnimate: true,
248
252
  getRef: getContainerRef,
249
253
  customClass: {
250
- customDropBoxWrap: style.dropBoxContainer
254
+ customDropBoxWrap: style.dropBoxContainer,
255
+ customDropBox: dropBoxClass
251
256
  },
252
257
  needResponsive: needResponsive,
253
258
  isResponsivePadding: true,
package/es/list/status/StatusDropdown/props/defaultProps.js CHANGED
@@ -18,5 +18,6 @@ export const defaultProps = {
18
18
  needMultiLineText: false,
19
19
  isFetchingOptions: false,
20
20
  isAbsolutePositioningNeeded: true,
21
- isRestrictScroll: false
21
+ isRestrictScroll: false,
22
+ customClass: {}
22
23
  };
package/es/list/status/StatusDropdown/props/propTypes.js CHANGED
@@ -56,5 +56,8 @@ export const propTypes = {
56
56
  positionsOffset: PropTypes.object,
57
57
  renderTargetElement: PropTypes.func,
58
58
  renderFooterElement: PropTypes.node,
59
- targetOffset: PropTypes.object
59
+ targetOffset: PropTypes.object,
60
+ customClass: PropTypes.shape({
61
+ dropBoxClass: PropTypes.string
62
+ })
60
63
  };
package/es/list/status/StatusListItem/StatusListItem.module.css CHANGED
@@ -36,9 +36,8 @@
36
36
  .value {
37
37
  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
38
38
  }
39
- .multiLineValue{
40
- word-break: break-word;
41
- composes: clamp from '~@zohodesk/components/es/common/common.module.css';
39
+ .multiLineValue {
40
+ composes: lineClamp from '~@zohodesk/components/es/common/common.module.css';
42
41
  }
43
42
  [dir=ltr] .withBorder.active {
44
43
  border-left-color: var(--zdt_statuslistitem_default_active_border);
@@ -90,6 +89,10 @@
90
89
  }
91
90
  /* Status Type */
92
91
  .statusType {
92
+ --status_listitem_bullet_min_height: var(--zd_size8);
93
+ --status_listitem_bullet_min_width: var(--zd_size8);
94
+ min-height: var(--status_listitem_bullet_min_height);
95
+ min-width: var(--status_listitem_bullet_min_width);
93
96
  width: var(--zd_size8) ;
94
97
  height: var(--zd_size8) ;
95
98
  border-radius: 50%;
package/lib/common/dot_boxShadow.module.css CHANGED
@@ -37,7 +37,8 @@
37
37
  --zd_bs_desktopnotification_container: var(--zd_bs_contrast_outline, 0 4px 20px var(--zdt_desktopnotification_box_shadow));
38
38
 
39
39
  /* onboarding */
40
- --zd_bs_onboarding_close_icon: var(--zd_bs_contrast_outline, 0px 2px 15px var(--zd-shadow-saturation, rgba(0, 0, 0, 0.09)));
40
+ --zd_bs_onboarding_close_icon: var(--zd_bs_contrast_outline, 0px 2px 15px rgba(0, 0, 0, 0.09));
41
41
  --zd_bs_onboarding_gradient: var(--zd_bs_contrast_outline, 0px 20px 30px 0px var(--zdt_onboarding_bg_box_shadow));
42
42
  --zd_bs_onboarding_primary_button: var(--zd_bs_contrast_outline, 0px 4px 20px 0px var(--zdt_onboarding_primary_button_shadow));
43
+
43
44
  }
package/lib/form/fields/Fields.module.css CHANGED
@@ -226,7 +226,10 @@ position: relative;
226
226
  [dir=rtl] .rightPlaceholder{
227
227
  left:var(--zd_size15)
228
228
  }
229
-
230
229
  .phoneField{
231
230
  composes: ltr-zone from '~@zohodesk/components/es/common/common.module.css';
231
+ }
232
+
233
+ .lineClampPickListItem{
234
+ --line-clamp: var(--picklist-field-line-clamp,3);
232
235
  }
package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js CHANGED
@@ -222,13 +222,17 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
222
222
  _customClass$listItem = customClass.listItemClass,
223
223
  listItemClass = _customClass$listItem === void 0 ? '' : _customClass$listItem,
224
224
  _customClass$textBoxI = customClass.textBoxIconWrapperClass,
225
- textBoxIconWrapperClass = _customClass$textBoxI === void 0 ? '' : _customClass$textBoxI;
225
+ textBoxIconWrapperClass = _customClass$textBoxI === void 0 ? '' : _customClass$textBoxI,
226
+ _customClass$dropBoxC = customClass.dropBoxClass,
227
+ dropBoxClass = _customClass$dropBoxC === void 0 ? '' : _customClass$dropBoxC;
226
228
  var _customProps$TextBoxI = customProps.TextBoxIconProps,
227
229
  TextBoxIconProps = _customProps$TextBoxI === void 0 ? {} : _customProps$TextBoxI,
228
230
  _customProps$TagWrapp = customProps.TagWrapperProps,
229
231
  TagWrapperProps = _customProps$TagWrapp === void 0 ? {} : _customProps$TagWrapp,
230
232
  _customProps$TagProps = customProps.TagProps,
231
- TagProps = _customProps$TagProps === void 0 ? {} : _customProps$TagProps;
233
+ TagProps = _customProps$TagProps === void 0 ? {} : _customProps$TagProps,
234
+ _customProps$ListItem = customProps.ListItemProps,
235
+ ListItemProps = _customProps$ListItem === void 0 ? {} : _customProps$ListItem;
232
236
  var isEditable = !isReadOnly;
233
237
  return /*#__PURE__*/_react["default"].createElement("div", {
234
238
  className: "".concat(_TagsMultiSelectModule["default"].container, " ").concat(!isReadOnly ? " ".concat(needBorder ? _TagsMultiSelectModule["default"].hasBorder : '', "\n ").concat(needBorder ? _TagsMultiSelectModule["default"]["borderColor_".concat(borderColor)] : _TagsMultiSelectModule["default"].borderColor_transparent, " ").concat(isPopupReady && needBorder || isEditable && isFocus ? _TagsMultiSelectModule["default"].active : '') : '', " ").concat(className),
@@ -306,7 +310,8 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
306
310
  boxPosition: boxPosition,
307
311
  isPadding: false,
308
312
  customClass: {
309
- customDropBoxWrap: _TagsMultiSelectModule["default"].dropdown
313
+ customDropBoxWrap: _TagsMultiSelectModule["default"].dropdown,
314
+ customDropBox: dropBoxClass
310
315
  },
311
316
  dataId: "".concat(dataId, "_dropbox"),
312
317
  isResponsivePadding: true,
@@ -337,8 +342,8 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
337
342
  }, searchList.map(function (item, index) {
338
343
  var name = item.name,
339
344
  isNew = item.isNew,
340
- listItemProps = item.listItemProps;
341
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, searchList.length > 1 && isNew ? /*#__PURE__*/_react["default"].createElement(_DropDownSeparator["default"], null) : null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
345
+ listProps = item.listProps;
346
+ return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, searchList.length > 1 && isNew ? /*#__PURE__*/_react["default"].createElement(_DropDownSeparator["default"], null) : null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], _extends({
342
347
  key: index,
343
348
  index: index,
344
349
  autoHover: true,
@@ -349,9 +354,9 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
349
354
  highlight: selectSearchIndex === index,
350
355
  getRef: _this3.getSelectedItemRef,
351
356
  isDisabled: listDisabled,
352
- customProps: listItemProps,
357
+ customProps: listProps,
353
358
  customClass: listItemClass
354
- }, isNew ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
359
+ }, ListItemProps), isNew ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
355
360
  alignBox: "row",
356
361
  align: "vertical"
357
362
  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
package/lib/form/fields/TagsMultiSelect/props/propTypes.js CHANGED
@@ -62,7 +62,8 @@ var propTypes = {
62
62
  customProps: _propTypes["default"].shape({
63
63
  TextBoxIconProps: _propTypes["default"].object,
64
64
  TagWrapperProps: _propTypes["default"].object,
65
- TagProps: _propTypes["default"].object
65
+ TagProps: _propTypes["default"].object,
66
+ ListItemProps: _propTypes["default"].object
66
67
  }),
67
68
  isFocus: _propTypes["default"].bool
68
69
  };
package/lib/form/fields/TextEditor/TextEditor.js CHANGED
@@ -427,14 +427,13 @@ var TextEditor = /*#__PURE__*/function (_Component) {
427
427
  isNightMode = _this$props9.isNightMode,
428
428
  isReadOnly = _this$props9.isReadOnly,
429
429
  dataSelectorId = _this$props9.dataSelectorId,
430
- isDisabled = _this$props9.isDisabled,
431
- customClass = _this$props9.customClass;
430
+ isDisabled = _this$props9.isDisabled;
432
431
  var _this$state = this.state,
433
432
  isEditorLoad = _this$state.isEditorLoad,
434
433
  isEditorShow = _this$state.isEditorShow;
435
434
  var editorDoc = ImgLazyLoad && global.editor && global.editor[id] ? global.editor[id].doc : null;
436
435
  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
437
- className: "".concat(_TextEditorModule["default"].textEditor, " ").concat(_TextEditorModule["default"][type], " ").concat(_TextEditorModule["default"][border], "\n ").concat(isNightMode ? _TextEditorModule["default"].night : _TextEditorModule["default"].light, " ").concat(isReadOnly ? _TextEditorModule["default"].readOnly : '', " ").concat(isDisabled ? _TextEditorModule["default"].disable : '', " ").concat(!isEditorShow ? _TextEditorModule["default"].editorHide : '', " ").concat(customClass),
436
+ className: "".concat(_TextEditorModule["default"].textEditor, " ").concat(_TextEditorModule["default"][type], " ").concat(_TextEditorModule["default"][border], "\n ").concat(isNightMode ? _TextEditorModule["default"].night : _TextEditorModule["default"].light, " ").concat(isReadOnly ? _TextEditorModule["default"].readOnly : '', " ").concat(isDisabled ? _TextEditorModule["default"].disable : '', " ").concat(!isEditorShow ? _TextEditorModule["default"].editorHide : ''),
438
437
  dataId: dataId,
439
438
  "data-isEditor": true,
440
439
  dataSelectorId: dataSelectorId
package/lib/form/fields/TextEditor/props/defaultProps.js CHANGED
@@ -18,7 +18,6 @@ var defaultProps = {
18
18
  dataSelectorId: 'textEditor',
19
19
  customCSS: '',
20
20
  isDisabled: false,
21
- inlineImageProps: {},
22
- customClass: ''
21
+ inlineImageProps: {}
23
22
  };
24
23
  exports.defaultProps = defaultProps;
package/lib/form/fields/TextEditor/props/propTypes.js CHANGED
@@ -59,7 +59,6 @@ var propTypes = {
59
59
  allowedFileExtensions: _propTypes["default"].array,
60
60
  fileNameMaxCharacters: _propTypes["default"].number,
61
61
  fileSizeMaxBytes: _propTypes["default"].number
62
- }),
63
- customClass: _propTypes["default"].string
62
+ })
64
63
  };
65
64
  exports.propTypes = propTypes;