@zohodesk/dot 1.3.0 → 1.3.2

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 (164) hide show
  1. package/.cli/PropLessFiles.html +1 -1
  2. package/.cli/PropValidationExcludeFilesArray.js +1 -1
  3. package/.cli/propValidation_report.html +1 -1
  4. package/README.md +21 -12
  5. package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +163 -553
  6. package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css +3 -12
  7. package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css +3 -12
  8. package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css +3 -12
  9. package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css +3 -12
  10. package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css +3 -12
  11. package/assets/Appearance/light/mode/Dot_LightMode.module.css +163 -553
  12. package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css +3 -12
  13. package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css +3 -12
  14. package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css +3 -12
  15. package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css +3 -12
  16. package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css +3 -12
  17. package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +163 -553
  18. package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css +3 -12
  19. package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css +3 -12
  20. package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css +3 -12
  21. package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css +3 -12
  22. package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css +3 -12
  23. package/coverage/ExternalLink/ExternalLink.js.html +1 -1
  24. package/coverage/ExternalLink/ExternalLink.module.css.html +1 -1
  25. package/coverage/ExternalLink/index.html +1 -1
  26. package/coverage/ExternalLink/props/defaultProps.js.html +1 -1
  27. package/coverage/ExternalLink/props/index.html +1 -1
  28. package/coverage/ExternalLink/props/propTypes.js.html +1 -1
  29. package/coverage/IconButton/IconButton.js.html +466 -0
  30. package/coverage/IconButton/IconButton.module.css.html +151 -0
  31. package/coverage/IconButton/index.html +131 -0
  32. package/coverage/IconButton/props/defaultProps.js.html +136 -0
  33. package/coverage/IconButton/props/index.html +131 -0
  34. package/coverage/IconButton/props/propTypes.js.html +187 -0
  35. package/coverage/Image/Image.js.html +1 -1
  36. package/coverage/Image/Image.module.css.html +1 -1
  37. package/coverage/Image/index.html +1 -1
  38. package/coverage/Image/props/defaultProps.js.html +1 -1
  39. package/coverage/Image/props/index.html +1 -1
  40. package/coverage/Image/props/propTypes.js.html +1 -1
  41. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html +1 -1
  42. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html +1 -1
  43. package/coverage/avatar/AvatarWithTeam/index.html +1 -1
  44. package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html +1 -1
  45. package/coverage/avatar/AvatarWithTeam/props/index.html +1 -1
  46. package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html +1 -1
  47. package/coverage/coverage-final.json +4 -0
  48. package/coverage/coverage-summary.json +5 -1
  49. package/coverage/index.html +40 -10
  50. package/es/IconButton/__tests__/IconButton.spec.js +148 -0
  51. package/es/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +316 -0
  52. package/es/form/fields/FieldContainer/props/propTypes.js +1 -1
  53. package/es/v1/ActionButton/ActionButton.js +2 -2
  54. package/es/v1/AlphabeticList/AlphabeticList.js +6 -2
  55. package/es/v1/Attachment/Attachment.js +78 -75
  56. package/es/v1/AttachmentViewer/AttachmentImage.js +44 -63
  57. package/es/v1/Image/Image.js +26 -33
  58. package/es/v1/Loader/Loader.js +12 -18
  59. package/es/v1/Message/Message.js +16 -42
  60. package/es/v1/PlusIcon/PlusIcon.js +25 -37
  61. package/es/v1/Separator/Separator.js +40 -47
  62. package/es/v1/Upload/Upload.js +59 -66
  63. package/es/v1/alert/AlertHeader/AlertHeader.js +5 -4
  64. package/es/v1/alert/AlertHeader/props/defaultProps.js +12 -0
  65. package/es/v1/alert/AlertHeader/props/propTypes.js +20 -0
  66. package/es/v1/alert/AlertLookup/AlertLookup.js +6 -4
  67. package/es/v1/alert/AlertLookup/props/defaultProps.js +13 -0
  68. package/es/v1/alert/AlertLookup/props/propTypes.js +36 -0
  69. package/es/v1/avatar/AvatarClose/AvatarClose.js +32 -43
  70. package/es/v1/avatar/AvatarCollision/AvatarCollision.js +41 -52
  71. package/es/v1/avatar/AvatarIcon/AvatarIcon.js +38 -43
  72. package/es/v1/avatar/AvatarStatus/AvatarStatus.js +52 -63
  73. package/es/v1/avatar/AvatarThread/AvatarThread.js +62 -69
  74. package/es/v1/avatar/AvatarUser/AvatarUser.js +93 -100
  75. package/es/v1/avatar/AvatarWithTeam/AvatarWithTeam.js +81 -88
  76. package/es/v1/form/fields/CheckBoxField/CheckBoxField.js +6 -6
  77. package/es/v1/form/fields/CurrencyField/CurrencyField.js +6 -6
  78. package/es/v1/form/fields/DateField/DateField.js +6 -6
  79. package/es/v1/form/fields/FieldContainer/FieldContainer.js +6 -6
  80. package/es/v1/form/fields/MultiSelectField/MultiSelectField.js +6 -6
  81. package/es/v1/form/fields/PhoneField/PhoneField.js +6 -6
  82. package/es/v1/form/fields/RadioField/RadioField.js +89 -97
  83. package/es/v1/form/fields/SelectField/SelectField.js +139 -154
  84. package/es/v1/layout/SetupDetailLayout/SetupDetailLayout.js +154 -197
  85. package/es/v1/layout/SubtabLayout/SubtabLayout.js +108 -124
  86. package/es/v1/list/SecondaryText/AccountName.js +61 -69
  87. package/es/v1/list/SecondaryText/ContactName.js +66 -74
  88. package/es/v1/list/SecondaryText/DepartmentText.js +15 -27
  89. package/es/v1/list/SecondaryText/Email.js +32 -40
  90. package/es/v1/list/SecondaryText/HappinessRating.js +17 -25
  91. package/es/v1/list/SecondaryText/PhoneNumber.js +36 -44
  92. package/es/v1/list/SecondaryText/PriorityText.js +16 -28
  93. package/es/v1/list/SecondaryText/SecondaryText.js +21 -33
  94. package/es/v1/list/SecondaryText/StatusText.js +17 -29
  95. package/es/v1/list/SecondaryText/TicketId.js +33 -45
  96. package/es/v1/list/SecondaryText/Website.js +22 -30
  97. package/es/v1/list/SecondryPanel/SecondryPanel.js +66 -83
  98. package/es/v1/list/SentimentStatus/SentimentStatus.js +18 -29
  99. package/es/v1/list/status/StatusDropdown/StatusDropdown.js +2 -2
  100. package/es/v1/list/status/StatusListItem/StatusListItem.js +75 -100
  101. package/es/v1/lookup/EmptyPage/EmptyPage.js +15 -26
  102. package/es/v1/lookup/Section/Section.js +14 -20
  103. package/es/v1/svg/PlusIcon.js +20 -27
  104. package/es/v1/svg/SnippetIcon.js +22 -29
  105. package/es/v1/svg/TemplateIcon.js +23 -30
  106. package/lib/IconButton/__tests__/IconButton.spec.js +156 -0
  107. package/lib/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +316 -0
  108. package/lib/form/fields/FieldContainer/props/propTypes.js +1 -1
  109. package/lib/v1/ActionButton/ActionButton.js +2 -2
  110. package/lib/v1/AlphabeticList/AlphabeticList.js +7 -3
  111. package/lib/v1/Attachment/Attachment.js +77 -112
  112. package/lib/v1/AttachmentViewer/AttachmentImage.js +61 -96
  113. package/lib/v1/Image/Image.js +26 -71
  114. package/lib/v1/Loader/Loader.js +12 -55
  115. package/lib/v1/Message/Message.js +23 -80
  116. package/lib/v1/PlusIcon/PlusIcon.js +25 -71
  117. package/lib/v1/Separator/Separator.js +44 -85
  118. package/lib/v1/Upload/Upload.js +58 -103
  119. package/lib/v1/alert/AlertHeader/AlertHeader.js +5 -4
  120. package/lib/v1/alert/AlertHeader/props/defaultProps.js +19 -0
  121. package/lib/v1/alert/AlertHeader/props/propTypes.js +31 -0
  122. package/lib/v1/alert/AlertLookup/AlertLookup.js +6 -4
  123. package/lib/v1/alert/AlertLookup/props/defaultProps.js +20 -0
  124. package/lib/v1/alert/AlertLookup/props/propTypes.js +47 -0
  125. package/lib/v1/avatar/AvatarClose/AvatarClose.js +32 -77
  126. package/lib/v1/avatar/AvatarCollision/AvatarCollision.js +41 -86
  127. package/lib/v1/avatar/AvatarIcon/AvatarIcon.js +37 -80
  128. package/lib/v1/avatar/AvatarStatus/AvatarStatus.js +52 -97
  129. package/lib/v1/avatar/AvatarThread/AvatarThread.js +61 -106
  130. package/lib/v1/avatar/AvatarUser/AvatarUser.js +95 -140
  131. package/lib/v1/avatar/AvatarWithTeam/AvatarWithTeam.js +85 -130
  132. package/lib/v1/form/fields/CheckBoxField/CheckBoxField.js +6 -6
  133. package/lib/v1/form/fields/CurrencyField/CurrencyField.js +6 -6
  134. package/lib/v1/form/fields/DateField/DateField.js +6 -6
  135. package/lib/v1/form/fields/FieldContainer/FieldContainer.js +6 -6
  136. package/lib/v1/form/fields/MultiSelectField/MultiSelectField.js +6 -6
  137. package/lib/v1/form/fields/PhoneField/PhoneField.js +6 -6
  138. package/lib/v1/form/fields/RadioField/RadioField.js +91 -137
  139. package/lib/v1/form/fields/SelectField/SelectField.js +149 -200
  140. package/lib/v1/layout/SetupDetailLayout/SetupDetailLayout.js +160 -253
  141. package/lib/v1/layout/SubtabLayout/SubtabLayout.js +107 -206
  142. package/lib/v1/list/SecondaryText/AccountName.js +63 -113
  143. package/lib/v1/list/SecondaryText/ContactName.js +67 -117
  144. package/lib/v1/list/SecondaryText/DepartmentText.js +16 -66
  145. package/lib/v1/list/SecondaryText/Email.js +32 -82
  146. package/lib/v1/list/SecondaryText/HappinessRating.js +21 -68
  147. package/lib/v1/list/SecondaryText/PhoneNumber.js +36 -86
  148. package/lib/v1/list/SecondaryText/PriorityText.js +16 -66
  149. package/lib/v1/list/SecondaryText/SecondaryText.js +19 -69
  150. package/lib/v1/list/SecondaryText/StatusText.js +17 -67
  151. package/lib/v1/list/SecondaryText/TicketId.js +33 -83
  152. package/lib/v1/list/SecondaryText/Website.js +29 -72
  153. package/lib/v1/list/SecondryPanel/SecondryPanel.js +69 -168
  154. package/lib/v1/list/SentimentStatus/SentimentStatus.js +19 -64
  155. package/lib/v1/list/status/StatusDropdown/StatusDropdown.js +2 -2
  156. package/lib/v1/list/status/StatusListItem/StatusListItem.js +81 -137
  157. package/lib/v1/lookup/EmptyPage/EmptyPage.js +43 -93
  158. package/lib/v1/lookup/Section/Section.js +14 -58
  159. package/lib/v1/svg/PlusIcon.js +20 -65
  160. package/lib/v1/svg/SnippetIcon.js +22 -67
  161. package/lib/v1/svg/TemplateIcon.js +23 -68
  162. package/package.json +12 -12
  163. package/result.json +1 -1
  164. package/unittest/index.html +1 -1
package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css CHANGED
@@ -1,16 +1,7 @@
1
1
  [data-mode='light'][data-theme='blue'] {
2
- /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsla(227, 27.27%, calc(23.73% + var(--zd_light_default_lValue)), calc( 0.94 + var(--zd_alpha_high)));
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)));
4
3
 
5
- /* common empty state */
6
- --zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
7
- --zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(207, 96.00%, calc(70.59% + var(--zd_light_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_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
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)));
10
5
 
11
- /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsla(227, 27.27%, calc(23.73% + var(--zd_light_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
13
- --zdt_attachmentviewer_header_border: hsla(228, 18.01%, calc(31.57% + var(--zd_light_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
14
- --zdt_attachmentviewer_footer_bg: hsla(227, 27.27%, calc(23.73% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
- --zdt_attachmentviewer_arrow_bg_hover: hsla(227, 27.27%, calc(23.73% + var(--zd_light_default_lValue)), calc( + var(--zd_alpha_high)));
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)));
16
7
  }
package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css CHANGED
@@ -1,16 +1,7 @@
1
1
  [data-mode='light'][data-theme='green'] {
2
- /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsla(190, 43.40%, calc(10.39% + var(--zd_light_default_lValue)), calc( 0.94 + var(--zd_alpha_high)));
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)));
4
3
 
5
- /* common empty state */
6
- --zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
7
- --zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(133, 48.36%, calc(52.16% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
9
- --zdt_commonEmptyState_dark_link_hover: hsla(134, 78.63%, calc(25.69% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
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)));
10
5
 
11
- /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsla(190, 43.40%, calc(10.39% + var(--zd_light_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
13
- --zdt_attachmentviewer_header_border: hsla(190, 37.35%, calc(16.27% + var(--zd_light_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
14
- --zdt_attachmentviewer_footer_bg: hsla(190, 43.40%, calc(10.39% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
- --zdt_attachmentviewer_arrow_bg_hover: hsla(190, 43.40%, calc(10.39% + var(--zd_light_default_lValue)), calc( + var(--zd_alpha_high)));
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)));
16
7
  }
package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css CHANGED
@@ -1,16 +1,7 @@
1
1
  [data-mode='light'][data-theme='orange'] {
2
- /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsla(39, 30.91%, calc(10.78% + var(--zd_light_default_lValue)), calc( 0.94 + var(--zd_alpha_high)));
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)));
4
3
 
5
- /* common empty state */
6
- --zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
7
- --zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(28, 81.75%, calc(49.41% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
9
- --zdt_commonEmptyState_dark_link_hover: hsla(30, 100.00%, calc(34.90% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
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)));
10
5
 
11
- /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsla(39, 30.91%, calc(10.78% + var(--zd_light_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
13
- --zdt_attachmentviewer_header_border: hsla(54, 46.03%, calc(12.35% + var(--zd_light_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
14
- --zdt_attachmentviewer_footer_bg: hsla(39, 30.91%, calc(10.78% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
- --zdt_attachmentviewer_arrow_bg_hover: hsla(39, 30.91%, calc(10.78% + var(--zd_light_default_lValue)), calc( + var(--zd_alpha_high)));
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)));
16
7
  }
package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css CHANGED
@@ -1,16 +1,7 @@
1
1
  [data-mode='light'][data-theme='red'] {
2
- /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsla(322, 38.78%, calc(9.61% + var(--zd_light_default_lValue)), calc( 0.94 + var(--zd_alpha_high)));
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)));
4
3
 
5
- /* common empty state */
6
- --zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
7
- --zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(0, 100.00%, calc(69.41% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
9
- --zdt_commonEmptyState_dark_link_hover: hsla(1, 75.38%, calc(38.24% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
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)));
10
5
 
11
- /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsla(322, 38.78%, calc(9.61% + var(--zd_light_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
13
- --zdt_attachmentviewer_header_border: hsla(351, 23.46%, calc(15.88% + var(--zd_light_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
14
- --zdt_attachmentviewer_footer_bg: hsla(322, 38.78%, calc(9.61% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
- --zdt_attachmentviewer_arrow_bg_hover: hsla(322, 38.78%, calc(9.61% + var(--zd_light_default_lValue)), calc( + var(--zd_alpha_high)));
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)));
16
7
  }
package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css CHANGED
@@ -1,16 +1,7 @@
1
1
  [data-mode='light'][data-theme='yellow'] {
2
- /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsla(67, 33.33%, calc(10.59% + var(--zd_light_default_lValue)), calc( 0.94 + var(--zd_alpha_high)));
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)));
4
3
 
5
- /* common empty state */
6
- --zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
7
- --zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(46, 81.07%, calc(52.35% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
9
- --zdt_commonEmptyState_dark_link_hover: hsla(48, 100.00%, calc(35.49% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
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)));
10
5
 
11
- /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsla(67, 33.33%, calc(10.59% + var(--zd_light_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
13
- --zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(100.00% + var(--zd_light_lighter_lValue)), calc( 0.08 + var(--zd_alpha_high)));
14
- --zdt_attachmentviewer_footer_bg: hsla(67, 33.33%, calc(10.59% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
- --zdt_attachmentviewer_arrow_bg_hover: hsla(67, 33.33%, calc(10.59% + var(--zd_light_default_lValue)), calc( + var(--zd_alpha_high)));
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)));
16
7
  }