@zohodesk/dot 1.3.2 → 1.4.0

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 (88) hide show
  1. package/.cli/PropLessFiles.html +1 -1
  2. package/.cli/propValidation_report.html +1 -1
  3. package/README.md +13 -0
  4. package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +546 -163
  5. package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css +12 -3
  6. package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css +12 -3
  7. package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css +12 -3
  8. package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css +12 -3
  9. package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css +12 -3
  10. package/assets/Appearance/light/mode/Dot_LightMode.module.css +546 -163
  11. package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css +12 -3
  12. package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css +12 -3
  13. package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css +12 -3
  14. package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css +12 -3
  15. package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css +12 -3
  16. package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +546 -163
  17. package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css +12 -3
  18. package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css +12 -3
  19. package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css +12 -3
  20. package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css +12 -3
  21. package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css +12 -3
  22. package/coverage/ExternalLink/ExternalLink.js.html +1 -1
  23. package/coverage/ExternalLink/ExternalLink.module.css.html +1 -1
  24. package/coverage/ExternalLink/index.html +1 -1
  25. package/coverage/ExternalLink/props/defaultProps.js.html +1 -1
  26. package/coverage/ExternalLink/props/index.html +1 -1
  27. package/coverage/ExternalLink/props/propTypes.js.html +1 -1
  28. package/coverage/IconButton/IconButton.js.html +1 -1
  29. package/coverage/IconButton/IconButton.module.css.html +1 -1
  30. package/coverage/IconButton/index.html +1 -1
  31. package/coverage/IconButton/props/defaultProps.js.html +1 -1
  32. package/coverage/IconButton/props/index.html +1 -1
  33. package/coverage/IconButton/props/propTypes.js.html +1 -1
  34. package/coverage/Image/Image.js.html +1 -1
  35. package/coverage/Image/Image.module.css.html +1 -1
  36. package/coverage/Image/index.html +1 -1
  37. package/coverage/Image/props/defaultProps.js.html +1 -1
  38. package/coverage/Image/props/index.html +1 -1
  39. package/coverage/Image/props/propTypes.js.html +1 -1
  40. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html +1 -1
  41. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html +1 -1
  42. package/coverage/avatar/AvatarWithTeam/index.html +1 -1
  43. package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html +1 -1
  44. package/coverage/avatar/AvatarWithTeam/props/index.html +1 -1
  45. package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html +1 -1
  46. package/coverage/coverage-final.json +16 -16
  47. package/coverage/coverage-summary.json +16 -16
  48. package/coverage/index.html +1 -1
  49. package/es/list/Comment/Comment.js +4 -7
  50. package/es/list/Comment/props/defaultProps.js +2 -1
  51. package/es/list/Comment/props/propTypes.js +1 -0
  52. package/es/list/index.js +1 -2
  53. package/es/v1/alert/AlertHeader/AlertHeader.js +2 -1
  54. package/es/v1/list/Comment/Comment.js +4 -7
  55. package/es/v1/list/index.js +1 -2
  56. package/es/v1/notification/DesktopNotification/DesktopNotification.js +6 -3
  57. package/es/v1/notification/DesktopNotification/props/defaultProps.js +15 -0
  58. package/es/v1/notification/DesktopNotification/props/propTypes.js +42 -0
  59. package/es/v1/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +5 -4
  60. package/es/v1/notification/DesktopNotificationHeader/props/defaultProps.js +5 -0
  61. package/es/v1/notification/DesktopNotificationHeader/props/propTypes.js +12 -0
  62. package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +1 -1
  63. package/lib/list/Comment/Comment.js +4 -8
  64. package/lib/list/Comment/props/defaultProps.js +2 -1
  65. package/lib/list/Comment/props/propTypes.js +1 -0
  66. package/lib/list/index.js +0 -8
  67. package/lib/v1/alert/AlertHeader/AlertHeader.js +2 -1
  68. package/lib/v1/list/Comment/Comment.js +4 -8
  69. package/lib/v1/list/index.js +0 -8
  70. package/lib/v1/notification/DesktopNotification/DesktopNotification.js +7 -10
  71. package/lib/v1/notification/DesktopNotification/props/defaultProps.js +22 -0
  72. package/lib/v1/notification/DesktopNotification/props/propTypes.js +54 -0
  73. package/lib/v1/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +7 -12
  74. package/lib/v1/notification/DesktopNotificationHeader/props/defaultProps.js +12 -0
  75. package/lib/v1/notification/DesktopNotificationHeader/props/propTypes.js +23 -0
  76. package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css +1 -1
  77. package/package.json +7 -9
  78. package/result.json +1 -1
  79. package/es/list/UserTime/UserTime.js +0 -83
  80. package/es/list/UserTime/UserTime.module.css +0 -58
  81. package/es/list/UserTime/props/defaultProps.js +0 -3
  82. package/es/list/UserTime/props/propTypes.js +0 -18
  83. package/es/v1/list/UserTime/UserTime.js +0 -83
  84. package/lib/list/UserTime/UserTime.js +0 -136
  85. package/lib/list/UserTime/UserTime.module.css +0 -58
  86. package/lib/list/UserTime/props/defaultProps.js +0 -10
  87. package/lib/list/UserTime/props/propTypes.js +0 -29
  88. package/lib/v1/list/UserTime/UserTime.js +0 -136
package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css CHANGED
@@ -1,7 +1,16 @@
1
1
  [data-mode='light'][data-theme='blue'] {
2
- /* freezelayer */[object Object]freezelayer_darklight_bg: hsla(227, 27.27%, calc(23.73% + var(--zd_light_default_lValue)), calc( 0.94 + var(--zd_alpha_high)));
2
+ /* freezelayer */
3
+ --zdt_freezelayer_darklight_bg: hsla(227, 27.27%, calc(23.73% + var(--zdc_default)), calc( 0.94 + var(--zdc_alpha_high)));
3
4
 
4
- /* common empty state */[object Object]commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]commonEmptyState_dark_link: hsla(207, 96.00%, calc(70.59% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]commonEmptyState_dark_link_hover: hsla(221, 100.00%, calc(57.06% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
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(207, 96.00%, calc(70.59% + 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)));
5
10
 
6
- /* attachment viewer */[object Object]attachmentviewer_header_bg: hsla(227, 27.27%, calc(23.73% + var(--zd_light_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]attachmentviewer_header_border: hsla(228, 18.01%, calc(31.57% + var(--zd_light_lighter_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]attachmentviewer_footer_bg: hsla(227, 27.27%, calc(23.73% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]attachmentviewer_arrow_bg_hover: hsla(227, 27.27%, calc(23.73% + var(--zd_light_default_lValue)), calc( 0.4 + var(--zd_alpha_high)));
11
+ /* attachment viewer */
12
+ --zdt_attachmentviewer_header_bg: hsla(227, 27.27%, calc(23.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
13
+ --zdt_attachmentviewer_header_border: hsla(228, 18.01%, calc(31.57% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
14
+ --zdt_attachmentviewer_footer_bg: hsla(227, 27.27%, calc(23.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
15
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(227, 27.27%, calc(23.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
7
16
  }
package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css CHANGED
@@ -1,7 +1,16 @@
1
1
  [data-mode='light'][data-theme='green'] {
2
- /* freezelayer */[object Object]freezelayer_darklight_bg: hsla(190, 43.40%, calc(10.39% + var(--zd_light_default_lValue)), calc( 0.94 + var(--zd_alpha_high)));
2
+ /* freezelayer */
3
+ --zdt_freezelayer_darklight_bg: hsla(190, 43.40%, calc(10.39% + var(--zdc_default)), calc( 0.94 + var(--zdc_alpha_high)));
3
4
 
4
- /* common empty state */[object Object]commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]commonEmptyState_dark_link: hsla(133, 48.36%, calc(52.16% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]commonEmptyState_dark_link_hover: hsla(134, 78.63%, calc(25.69% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
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, 48.36%, calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
+ --zdt_commonEmptyState_dark_link_hover: hsla(134, 78.63%, calc(25.69% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
5
10
 
6
- /* attachment viewer */[object Object]attachmentviewer_header_bg: hsla(190, 43.40%, calc(10.39% + var(--zd_light_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]attachmentviewer_header_border: hsla(190, 37.35%, calc(16.27% + var(--zd_light_lighter_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]attachmentviewer_footer_bg: hsla(190, 43.40%, calc(10.39% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]attachmentviewer_arrow_bg_hover: hsla(190, 43.40%, calc(10.39% + var(--zd_light_default_lValue)), calc( 0.4 + var(--zd_alpha_high)));
11
+ /* attachment viewer */
12
+ --zdt_attachmentviewer_header_bg: hsla(190, 43.40%, calc(10.39% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
13
+ --zdt_attachmentviewer_header_border: hsla(190, 37.35%, calc(16.27% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
14
+ --zdt_attachmentviewer_footer_bg: hsla(190, 43.40%, calc(10.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
15
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(190, 43.40%, calc(10.39% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
7
16
  }
package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css CHANGED
@@ -1,7 +1,16 @@
1
1
  [data-mode='light'][data-theme='orange'] {
2
- /* freezelayer */[object Object]freezelayer_darklight_bg: hsla(39, 30.91%, calc(10.78% + var(--zd_light_default_lValue)), calc( 0.94 + var(--zd_alpha_high)));
2
+ /* freezelayer */
3
+ --zdt_freezelayer_darklight_bg: hsla(39, 30.91%, calc(10.78% + var(--zdc_default)), calc( 0.94 + var(--zdc_alpha_high)));
3
4
 
4
- /* common empty state */[object Object]commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]commonEmptyState_dark_link: hsla(28, 81.75%, calc(49.41% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]commonEmptyState_dark_link_hover: hsla(30, 100.00%, calc(34.90% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
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(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
+ --zdt_commonEmptyState_dark_link_hover: hsla(30, 100.00%, calc(34.90% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
5
10
 
6
- /* attachment viewer */[object Object]attachmentviewer_header_bg: hsla(39, 30.91%, calc(10.78% + var(--zd_light_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]attachmentviewer_header_border: hsla(54, 46.03%, calc(12.35% + var(--zd_light_lighter_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]attachmentviewer_footer_bg: hsla(39, 30.91%, calc(10.78% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]attachmentviewer_arrow_bg_hover: hsla(39, 30.91%, calc(10.78% + var(--zd_light_default_lValue)), calc( 0.4 + var(--zd_alpha_high)));
11
+ /* attachment viewer */
12
+ --zdt_attachmentviewer_header_bg: hsla(39, 30.91%, calc(10.78% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
13
+ --zdt_attachmentviewer_header_border: hsla(54, 46.03%, calc(12.35% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
14
+ --zdt_attachmentviewer_footer_bg: hsla(39, 30.91%, calc(10.78% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
15
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(39, 30.91%, calc(10.78% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
7
16
  }
package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css CHANGED
@@ -1,7 +1,16 @@
1
1
  [data-mode='light'][data-theme='red'] {
2
- /* freezelayer */[object Object]freezelayer_darklight_bg: hsla(322, 38.78%, calc(9.61% + var(--zd_light_default_lValue)), calc( 0.94 + var(--zd_alpha_high)));
2
+ /* freezelayer */
3
+ --zdt_freezelayer_darklight_bg: hsla(322, 38.78%, calc(9.61% + var(--zdc_default)), calc( 0.94 + var(--zdc_alpha_high)));
3
4
 
4
- /* common empty state */[object Object]commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]commonEmptyState_dark_link: hsla(0, 100.00%, calc(69.41% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]commonEmptyState_dark_link_hover: hsla(1, 75.38%, calc(38.24% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
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, 100.00%, calc(69.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
+ --zdt_commonEmptyState_dark_link_hover: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
5
10
 
6
- /* attachment viewer */[object Object]attachmentviewer_header_bg: hsla(322, 38.78%, calc(9.61% + var(--zd_light_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]attachmentviewer_header_border: hsla(351, 23.46%, calc(15.88% + var(--zd_light_lighter_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]attachmentviewer_footer_bg: hsla(322, 38.78%, calc(9.61% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]attachmentviewer_arrow_bg_hover: hsla(322, 38.78%, calc(9.61% + var(--zd_light_default_lValue)), calc( 0.4 + var(--zd_alpha_high)));
11
+ /* attachment viewer */
12
+ --zdt_attachmentviewer_header_bg: hsla(322, 38.78%, calc(9.61% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
13
+ --zdt_attachmentviewer_header_border: hsla(351, 23.46%, calc(15.88% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
14
+ --zdt_attachmentviewer_footer_bg: hsla(322, 38.78%, calc(9.61% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
15
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(322, 38.78%, calc(9.61% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
7
16
  }
package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css CHANGED
@@ -1,7 +1,16 @@
1
1
  [data-mode='light'][data-theme='yellow'] {
2
- /* freezelayer */[object Object]freezelayer_darklight_bg: hsla(67, 33.33%, calc(10.59% + var(--zd_light_default_lValue)), calc( 0.94 + var(--zd_alpha_high)));
2
+ /* freezelayer */
3
+ --zdt_freezelayer_darklight_bg: hsla(67, 33.33%, calc(10.59% + var(--zdc_default)), calc( 0.94 + var(--zdc_alpha_high)));
3
4
 
4
- /* common empty state */[object Object]commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]commonEmptyState_dark_link: hsla(46, 81.07%, calc(52.35% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]commonEmptyState_dark_link_hover: hsla(48, 100.00%, calc(35.49% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
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(46, 81.07%, calc(52.35% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
+ --zdt_commonEmptyState_dark_link_hover: hsla(48, 100.00%, calc(35.49% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
5
10
 
6
- /* attachment viewer */[object Object]attachmentviewer_header_bg: hsla(67, 33.33%, calc(10.59% + var(--zd_light_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]attachmentviewer_header_border: hsla(0, 0.00%, calc(100.00% + var(--zd_light_lighter_lValue)), calc( 0.08 + var(--zd_alpha_high)));[object Object]attachmentviewer_footer_bg: hsla(67, 33.33%, calc(10.59% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]attachmentviewer_arrow_bg_hover: hsla(67, 33.33%, calc(10.59% + var(--zd_light_default_lValue)), calc( 0.4 + var(--zd_alpha_high)));
11
+ /* attachment viewer */
12
+ --zdt_attachmentviewer_header_bg: hsla(67, 33.33%, calc(10.59% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
13
+ --zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc( 0.08 + var(--zdc_alpha_high)));
14
+ --zdt_attachmentviewer_footer_bg: hsla(67, 33.33%, calc(10.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
15
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(67, 33.33%, calc(10.59% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
7
16
  }