@zohodesk/dot 1.0.0-temp-163 → 1.0.0-temp-165

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 (122) hide show
  1. package/.cli/PropLessFiles.html +1 -1
  2. package/.cli/propValidation_report.html +1 -1
  3. package/README.md +17 -1
  4. package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +297 -297
  5. package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css +9 -9
  6. package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css +9 -9
  7. package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css +9 -9
  8. package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css +9 -9
  9. package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css +9 -9
  10. package/assets/Appearance/light/mode/Dot_LightMode.module.css +295 -295
  11. package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css +9 -9
  12. package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css +9 -9
  13. package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css +9 -9
  14. package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css +9 -9
  15. package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css +9 -9
  16. package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +297 -297
  17. package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css +9 -9
  18. package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css +9 -9
  19. package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css +9 -9
  20. package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css +9 -9
  21. package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css +9 -9
  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/Attachment/Attachment.module.css +2 -2
  50. package/es/AttachmentViewer/AttachmentViewer.module.css +1 -1
  51. package/es/ImportantNotes/ImportantNotes.module.css +6 -2
  52. package/es/ToastMessage/ToastMessage.module.css +2 -2
  53. package/es/Upload/Upload.module.css +1 -1
  54. package/es/alert/AlertLookup/AlertLookup.module.css +1 -1
  55. package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +1 -1
  56. package/es/errorstate/EmptyStates.module.css +3 -3
  57. package/es/errorstate/PermissionPlay/PermissionPlay.module.css +1 -1
  58. package/es/form/fields/Fields.module.css +1 -1
  59. package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +4 -4
  60. package/es/list/status/StatusListItem/StatusListItem.module.css +1 -1
  61. package/es/lookup/header/Close/LookupClose.module.css +1 -1
  62. package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +1 -1
  63. package/es/setup/helptips/Description/HelpTipsDescription.module.css +1 -1
  64. package/es/v1/alert/AlertHeader/AlertHeader.js +2 -1
  65. package/es/v1/notification/DesktopNotification/DesktopNotification.js +6 -3
  66. package/es/v1/notification/DesktopNotification/props/defaultProps.js +15 -0
  67. package/es/v1/notification/DesktopNotification/props/propTypes.js +42 -0
  68. package/es/v1/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +5 -4
  69. package/es/v1/notification/DesktopNotificationHeader/props/defaultProps.js +5 -0
  70. package/es/v1/notification/DesktopNotificationHeader/props/propTypes.js +12 -0
  71. package/es/v1/setup/header/Button/Button.js +17 -29
  72. package/es/v1/setup/header/Link/Link.js +23 -35
  73. package/es/v1/setup/header/Search/Search.js +43 -69
  74. package/es/v1/setup/header/Views/Views.js +27 -39
  75. package/es/v1/setup/helptips/Description/Description.js +8 -20
  76. package/es/v1/setup/helptips/Link/Link.js +20 -32
  77. package/es/v1/setup/helptips/ListGroup/ListGroup.js +18 -30
  78. package/es/v1/setup/helptips/Title/Title.js +8 -20
  79. package/es/version2/GlobalNotification/GlobalNotification.module.css +1 -1
  80. package/es/version2/errorstate/V2_ErrorStates.module.css +1 -1
  81. package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +1 -1
  82. package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +1 -1
  83. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +2 -2
  84. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +3 -3
  85. package/lib/Attachment/Attachment.module.css +2 -2
  86. package/lib/AttachmentViewer/AttachmentViewer.module.css +1 -1
  87. package/lib/ImportantNotes/ImportantNotes.module.css +6 -2
  88. package/lib/ToastMessage/ToastMessage.module.css +2 -2
  89. package/lib/Upload/Upload.module.css +1 -1
  90. package/lib/alert/AlertLookup/AlertLookup.module.css +1 -1
  91. package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +1 -1
  92. package/lib/errorstate/EmptyStates.module.css +3 -3
  93. package/lib/errorstate/PermissionPlay/PermissionPlay.module.css +1 -1
  94. package/lib/form/fields/Fields.module.css +1 -1
  95. package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css +4 -4
  96. package/lib/list/status/StatusListItem/StatusListItem.module.css +1 -1
  97. package/lib/lookup/header/Close/LookupClose.module.css +1 -1
  98. package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css +1 -1
  99. package/lib/setup/helptips/Description/HelpTipsDescription.module.css +1 -1
  100. package/lib/v1/alert/AlertHeader/AlertHeader.js +2 -1
  101. package/lib/v1/notification/DesktopNotification/DesktopNotification.js +7 -10
  102. package/lib/v1/notification/DesktopNotification/props/defaultProps.js +22 -0
  103. package/lib/v1/notification/DesktopNotification/props/propTypes.js +54 -0
  104. package/lib/v1/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +7 -12
  105. package/lib/v1/notification/DesktopNotificationHeader/props/defaultProps.js +12 -0
  106. package/lib/v1/notification/DesktopNotificationHeader/props/propTypes.js +23 -0
  107. package/lib/v1/setup/header/Button/Button.js +17 -63
  108. package/lib/v1/setup/header/Link/Link.js +23 -69
  109. package/lib/v1/setup/header/Search/Search.js +57 -89
  110. package/lib/v1/setup/header/Views/Views.js +27 -73
  111. package/lib/v1/setup/helptips/Description/Description.js +8 -53
  112. package/lib/v1/setup/helptips/Link/Link.js +23 -69
  113. package/lib/v1/setup/helptips/ListGroup/ListGroup.js +26 -72
  114. package/lib/v1/setup/helptips/Title/Title.js +8 -53
  115. package/lib/version2/GlobalNotification/GlobalNotification.module.css +1 -1
  116. package/lib/version2/errorstate/V2_ErrorStates.module.css +1 -1
  117. package/lib/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +1 -1
  118. package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css +1 -1
  119. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +2 -2
  120. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +3 -3
  121. package/package.json +9 -9
  122. package/result.json +1 -1
@@ -1,16 +1,16 @@
1
1
  [data-mode='dark'][data-theme='blue'] {
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsla(218, 22.86%, calc(13.73% + var(--zd_dark_default_lValue)), calc( 0.9 + var(--zd_alpha_high)));
3
+ --zdt_freezelayer_darklight_bg: hsla(218, 22.86%, calc(13.73% + 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(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
7
- --zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(212, 100.00%, calc(63.92% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
9
- --zdt_commonEmptyState_dark_link_hover: hsla(221, 100.00%, calc(57.06% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_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
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsla(218, 22.86%, calc(13.73% + var(--zd_dark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
13
- --zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zd_dark_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
14
- --zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
- --zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zd_dark_default_lValue)), calc( 0.4 + var(--zd_alpha_high)));
12
+ --zdt_attachmentviewer_header_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
13
+ --zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
14
+ --zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
15
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
16
16
  }
@@ -1,16 +1,16 @@
1
1
  [data-mode='dark'][data-theme='green'] {
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsla(218, 22.86%, calc(13.73% + var(--zd_dark_default_lValue)), calc( 0.9 + var(--zd_alpha_high)));
3
+ --zdt_freezelayer_darklight_bg: hsla(218, 22.86%, calc(13.73% + 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(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
7
- --zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(133, 40.00%, calc(45.10% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
9
- --zdt_commonEmptyState_dark_link_hover: hsla(128, 79.71%, calc(27.06% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_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
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsla(218, 22.86%, calc(13.73% + var(--zd_dark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
13
- --zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zd_dark_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
14
- --zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
- --zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zd_dark_default_lValue)), calc( 0.4 + var(--zd_alpha_high)));
12
+ --zdt_attachmentviewer_header_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
13
+ --zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
14
+ --zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
15
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
16
16
  }
@@ -1,16 +1,16 @@
1
1
  [data-mode='dark'][data-theme='orange'] {
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsla(218, 22.86%, calc(13.73% + var(--zd_dark_default_lValue)), calc( 0.9 + var(--zd_alpha_high)));
3
+ --zdt_freezelayer_darklight_bg: hsla(218, 22.86%, calc(13.73% + 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(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
7
- --zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(26, 100.00%, calc(56.08% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
9
- --zdt_commonEmptyState_dark_link_hover: hsla(29, 100.00%, calc(32.94% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_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
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsla(218, 22.86%, calc(13.73% + var(--zd_dark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
13
- --zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zd_dark_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
14
- --zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
- --zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zd_dark_default_lValue)), calc( 0.4 + var(--zd_alpha_high)));
12
+ --zdt_attachmentviewer_header_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
13
+ --zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
14
+ --zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
15
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
16
16
  }
@@ -1,16 +1,16 @@
1
1
  [data-mode='dark'][data-theme='red'] {
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsla(218, 22.86%, calc(13.73% + var(--zd_dark_default_lValue)), calc( 0.9 + var(--zd_alpha_high)));
3
+ --zdt_freezelayer_darklight_bg: hsla(218, 22.86%, calc(13.73% + 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(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
7
- --zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(0, 77.78%, calc(61.18% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
9
- --zdt_commonEmptyState_dark_link_hover: hsla(0, 81.62%, calc(36.27% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_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
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsla(218, 22.86%, calc(13.73% + var(--zd_dark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
13
- --zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zd_dark_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
14
- --zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
- --zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zd_dark_default_lValue)), calc( 0.4 + var(--zd_alpha_high)));
12
+ --zdt_attachmentviewer_header_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
13
+ --zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
14
+ --zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
15
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
16
16
  }
@@ -1,16 +1,16 @@
1
1
  [data-mode='dark'][data-theme='yellow'] {
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsla(218, 22.86%, calc(13.73% + var(--zd_dark_default_lValue)), calc( 0.9 + var(--zd_alpha_high)));
3
+ --zdt_freezelayer_darklight_bg: hsla(218, 22.86%, calc(13.73% + 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(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
7
- --zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(37, 66.94%, calc(52.55% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
9
- --zdt_commonEmptyState_dark_link_hover: hsla(39, 90.18%, calc(31.96% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_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
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsla(218, 22.86%, calc(13.73% + var(--zd_dark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
13
- --zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zd_dark_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
14
- --zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
- --zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zd_dark_default_lValue)), calc( 0.4 + var(--zd_alpha_high)));
12
+ --zdt_attachmentviewer_header_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
13
+ --zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
14
+ --zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
15
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
16
16
  }