@zohodesk/dot 1.0.0-temp-215 → 1.0.0-temp-217

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 (334) hide show
  1. package/README.md +23 -0
  2. package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +308 -298
  3. package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css +13 -13
  4. package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css +13 -13
  5. package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css +13 -13
  6. package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css +13 -13
  7. package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css +13 -13
  8. package/assets/Appearance/light/mode/Dot_LightMode.module.css +306 -296
  9. package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css +13 -13
  10. package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css +13 -13
  11. package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css +13 -13
  12. package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css +13 -13
  13. package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css +13 -13
  14. package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +308 -298
  15. package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css +13 -13
  16. package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css +13 -13
  17. package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css +13 -13
  18. package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css +13 -13
  19. package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css +13 -13
  20. package/es/ActionButton/ActionButton.js +6 -6
  21. package/es/AlphabeticList/AlphabeticList.js +1 -1
  22. package/es/Attachment/Attachment.js +7 -4
  23. package/es/Attachment/__tests__/Attachment.spec.js +24 -0
  24. package/es/Attachment/__tests__/__snapshots__/Attachment.spec.js.snap +105 -0
  25. package/es/AttachmentViewer/AttachmentViewer.js +5 -5
  26. package/es/AttachmentViewer/AttachmentViewer.module.css +1 -1
  27. package/es/AudioPlayer/AudioPlayer.js +580 -0
  28. package/es/AudioPlayer/AudioPlayer.module.css +146 -0
  29. package/es/AudioPlayer/Timer/Timer.js +67 -0
  30. package/es/AudioPlayer/Timer/Timer.module.css +5 -0
  31. package/es/AudioPlayer/Timer/__tests__/Timer.spec.js +20 -0
  32. package/es/AudioPlayer/Timer/__tests__/__snapshots__/Timer.spec.js.snap +14 -0
  33. package/es/AudioPlayer/Timer/propTypes/defaultProps.js +4 -0
  34. package/es/AudioPlayer/Timer/propTypes/propTypes.js +11 -0
  35. package/es/AudioPlayer/__tests__/AudioPlayer.spec.js +44 -0
  36. package/es/AudioPlayer/__tests__/__snapshots__/AudioPlayer.spec.js.snap +145 -0
  37. package/es/AudioPlayer/propTypes/defaultProps.js +14 -0
  38. package/es/AudioPlayer/propTypes/propTypes.js +33 -0
  39. package/es/AudioPlayer/utils/utils.js +24 -0
  40. package/es/ChannelIcon/ChannelIcon.js +1 -1
  41. package/es/Drawer/Drawer.js +6 -6
  42. package/es/FlipCard/FlipCard.js +3 -3
  43. package/es/FormAction/FormAction.js +1 -1
  44. package/es/FreezeLayer/FreezeLayer.js +3 -3
  45. package/es/Hooks/Dragger/useDragger.js +52 -33
  46. package/es/IconButton/IconButton.js +3 -3
  47. package/es/ImportantNotes/ImportantNotes.js +1 -1
  48. package/es/Loader/Loader.js +1 -1
  49. package/es/MessageBanner/MessageBanner.js +1 -1
  50. package/es/NewStar/NewStar.js +1 -1
  51. package/es/Onboarding/Onboarding.js +3 -3
  52. package/es/Separator/Separator.js +1 -1
  53. package/es/ToastMessage/ToastMessage.js +4 -4
  54. package/es/Upload/Upload.js +1 -1
  55. package/es/VideoLookup/VideoLookup.js +1 -1
  56. package/es/alert/AlertHeader/AlertHeader.js +1 -1
  57. package/es/alert/AlertLookup/AlertLookup.js +1 -1
  58. package/es/avatar/AvatarClose/AvatarClose.js +1 -1
  59. package/es/avatar/AvatarCollision/AvatarCollision.js +1 -1
  60. package/es/avatar/AvatarIcon/AvatarIcon.js +2 -2
  61. package/es/avatar/AvatarStatus/AvatarStatus.js +1 -1
  62. package/es/avatar/AvatarThread/AvatarThread.js +1 -1
  63. package/es/avatar/AvatarUser/AvatarUser.js +1 -1
  64. package/es/avatar/AvatarWithTeam/AvatarWithTeam.js +2 -2
  65. package/es/deprecated/FreezeLayer/FreezeLayer.js +3 -3
  66. package/es/deprecated/SelectDropdown/SelectDropdown.js +7 -7
  67. package/es/dot_layer.module.css +1 -0
  68. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +14 -14
  69. package/es/emptystate/EditionPage/EditionPage.js +1 -1
  70. package/es/errorstate/Inconvenience/Inconvenience.js +3 -3
  71. package/es/errorstate/NoRequestFound/NoRequestFound.js +3 -3
  72. package/es/errorstate/PermissionPlay/PermissionPlay.js +3 -3
  73. package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +3 -3
  74. package/es/errorstate/UnableToProcess/UnableToProcess.js +3 -3
  75. package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +3 -3
  76. package/es/errorstate/WillBack/WillBack.js +3 -3
  77. package/es/form/fields/CheckBoxField/CheckBoxField.js +3 -3
  78. package/es/form/fields/CurrencyField/CurrencyField.js +3 -3
  79. package/es/form/fields/DateField/DateField.js +3 -3
  80. package/es/form/fields/FieldContainer/FieldContainer.js +1 -1
  81. package/es/form/fields/Fields.module.css +4 -0
  82. package/es/form/fields/MultiSelectField/MultiSelectField.js +3 -3
  83. package/es/form/fields/PhoneField/PhoneField.js +3 -2
  84. package/es/form/fields/PhoneField/__tests__/__snapshots__/PhoneField.spec.js.snap +1 -1
  85. package/es/form/fields/RadioField/RadioField.js +2 -2
  86. package/es/form/fields/SelectField/SelectField.js +3 -3
  87. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +11 -11
  88. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +3 -3
  89. package/es/form/fields/TextBoxField/TextBoxField.js +3 -3
  90. package/es/form/fields/TextEditor/TextEditor.js +1 -1
  91. package/es/form/fields/TextEditorField/TextEditorField.js +1 -1
  92. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.js +2 -2
  93. package/es/form/fields/TextareaField/TextareaField.js +3 -3
  94. package/es/form/fields/ValidationMessage/ValidationMessage.js +2 -2
  95. package/es/form/fields/ValidationMessage/ValidationMessage.module.css +1 -0
  96. package/es/layout/SetupDetailLayout/SetupDetailLayout.js +1 -1
  97. package/es/layout/SubtabLayout/SubtabLayout.js +2 -2
  98. package/es/list/Comment/Comment.js +1 -1
  99. package/es/list/Icons/AddNewIcon.js +1 -1
  100. package/es/list/Icons/CompleteIcon.js +1 -1
  101. package/es/list/Icons/DeleteIcon.js +1 -1
  102. package/es/list/Icons/EditIcon.js +1 -1
  103. package/es/list/Icons/ReadUnreadIcon.js +1 -1
  104. package/es/list/Icons/SmartIcon.js +1 -1
  105. package/es/list/ListLayout/ListLayout.js +1 -1
  106. package/es/list/ListStencils/ListStencils.js +1 -1
  107. package/es/list/SecondaryText/AccountName.js +1 -1
  108. package/es/list/SecondaryText/ContactName.js +1 -1
  109. package/es/list/SecondryPanel/SecondryPanel.js +2 -2
  110. package/es/list/Thread/Thread.js +1 -1
  111. package/es/list/status/StatusDropdown/StatusDropdown.js +10 -10
  112. package/es/list/status/StatusListItem/StatusListItem.js +2 -2
  113. package/es/lookup/EmptyPage/EmptyPage.js +4 -4
  114. package/es/lookup/Lookup/Lookup.js +1 -1
  115. package/es/lookup/Section/Section.js +1 -1
  116. package/es/lookup/header/ModuleHeader/ModuleHeader.js +1 -1
  117. package/es/lookup/header/Search/Search.js +3 -3
  118. package/es/lookup/header/TicketHeader/TicketHeader.js +1 -1
  119. package/es/lookup/header/ViewDropDown/ViewDropDown.js +9 -9
  120. package/es/setup/header/Button/Button.js +1 -1
  121. package/es/setup/header/Link/Link.js +1 -1
  122. package/es/setup/header/Search/Search.js +1 -1
  123. package/es/setup/table/Table/Table.js +1 -1
  124. package/es/setup/table/TableBody/TableBody.js +1 -1
  125. package/es/setup/table/TableData/TableData.js +1 -1
  126. package/es/setup/table/TableHead/TableHead.js +1 -1
  127. package/es/setup/table/TableRow/TableRow.js +1 -1
  128. package/es/svg/PlusIcon.js +1 -1
  129. package/es/svg/SnippetIcon.js +1 -1
  130. package/es/svg/TemplateIcon.js +1 -1
  131. package/es/v1/dropdown/ToggleDropDown/ToggleDropDown.js +2 -2
  132. package/es/v1/emptystate/EditionPage/EditionPage.js +1 -1
  133. package/es/v1/errorstate/Inconvenience/Inconvenience.js +1 -1
  134. package/es/v1/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +1 -1
  135. package/es/v1/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +1 -1
  136. package/es/v1/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +1 -1
  137. package/es/v1/errorstate/UrlNotFound/UrlNotFound.js +1 -1
  138. package/es/v1/errorstate/WillBeRightBack/WillBeRightBack.js +1 -1
  139. package/es/v1/form/fields/TagsMultiSelect/TagsMultiSelect.js +2 -2
  140. package/es/v1/list/status/StatusDropdown/StatusDropdown.js +2 -2
  141. package/es/v1/lookup/EmptyPage/EmptyPage.js +4 -4
  142. package/es/v1/lookup/header/ViewDropDown/ViewDropDown.js +1 -1
  143. package/es/v1/notification/DesktopNotification/DesktopNotification.js +1 -1
  144. package/es/v1/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +1 -1
  145. package/es/v1/svg/PlusIcon.js +1 -1
  146. package/es/v1/svg/SnippetIcon.js +1 -1
  147. package/es/v1/svg/TemplateIcon.js +1 -1
  148. package/es/version2/AlertClose/AlertClose.js +1 -1
  149. package/es/version2/GlobalNotification/GlobalNotification.js +1 -1
  150. package/es/version2/errorstate/Inconvenience/Inconvenience.js +3 -3
  151. package/es/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +3 -3
  152. package/es/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +3 -3
  153. package/es/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +3 -3
  154. package/es/version2/errorstate/UrlNotFound/UrlNotFound.js +3 -3
  155. package/es/version2/errorstate/WillBeRightBack/WillBeRightBack.js +3 -3
  156. package/es/version2/lookup/AlertHeader/AlertHeader.js +1 -1
  157. package/es/version2/lookup/AlertLookup/AlertLookup.js +3 -3
  158. package/es/version2/notification/DesktopNotification/DesktopNotification.js +4 -4
  159. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +2 -2
  160. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +1 -0
  161. package/lib/ActionButton/ActionButton.js +6 -6
  162. package/lib/AlphabeticList/AlphabeticList.js +1 -1
  163. package/lib/Attachment/Attachment.js +7 -4
  164. package/lib/Attachment/__tests__/Attachment.spec.js +24 -0
  165. package/lib/Attachment/__tests__/__snapshots__/Attachment.spec.js.snap +105 -0
  166. package/lib/AttachmentViewer/AttachmentViewer.js +5 -5
  167. package/lib/AttachmentViewer/AttachmentViewer.module.css +1 -1
  168. package/lib/AudioPlayer/AudioPlayer.js +662 -0
  169. package/lib/AudioPlayer/AudioPlayer.module.css +146 -0
  170. package/lib/AudioPlayer/Timer/Timer.js +117 -0
  171. package/lib/AudioPlayer/Timer/Timer.module.css +5 -0
  172. package/lib/AudioPlayer/Timer/__tests__/Timer.spec.js +26 -0
  173. package/lib/AudioPlayer/Timer/__tests__/__snapshots__/Timer.spec.js.snap +14 -0
  174. package/lib/AudioPlayer/Timer/propTypes/defaultProps.js +11 -0
  175. package/lib/AudioPlayer/Timer/propTypes/propTypes.js +22 -0
  176. package/lib/AudioPlayer/__tests__/AudioPlayer.spec.js +50 -0
  177. package/lib/AudioPlayer/__tests__/__snapshots__/AudioPlayer.spec.js.snap +145 -0
  178. package/lib/AudioPlayer/propTypes/defaultProps.js +24 -0
  179. package/lib/AudioPlayer/propTypes/propTypes.js +44 -0
  180. package/lib/AudioPlayer/utils/utils.js +33 -0
  181. package/lib/ChannelIcon/ChannelIcon.js +1 -1
  182. package/lib/Drawer/Drawer.js +6 -6
  183. package/lib/FlipCard/FlipCard.js +3 -3
  184. package/lib/FormAction/FormAction.js +1 -1
  185. package/lib/FreezeLayer/FreezeLayer.js +3 -3
  186. package/lib/Hooks/Dragger/useDragger.js +51 -28
  187. package/lib/IconButton/IconButton.js +3 -3
  188. package/lib/ImportantNotes/ImportantNotes.js +1 -1
  189. package/lib/Loader/Loader.js +1 -1
  190. package/lib/MessageBanner/MessageBanner.js +1 -1
  191. package/lib/NewStar/NewStar.js +1 -1
  192. package/lib/Onboarding/Onboarding.js +3 -3
  193. package/lib/Separator/Separator.js +1 -1
  194. package/lib/ToastMessage/ToastMessage.js +4 -4
  195. package/lib/Upload/Upload.js +1 -1
  196. package/lib/VideoLookup/VideoLookup.js +1 -1
  197. package/lib/alert/AlertHeader/AlertHeader.js +1 -1
  198. package/lib/alert/AlertLookup/AlertLookup.js +1 -1
  199. package/lib/avatar/AvatarClose/AvatarClose.js +1 -1
  200. package/lib/avatar/AvatarCollision/AvatarCollision.js +1 -1
  201. package/lib/avatar/AvatarIcon/AvatarIcon.js +2 -2
  202. package/lib/avatar/AvatarStatus/AvatarStatus.js +1 -1
  203. package/lib/avatar/AvatarThread/AvatarThread.js +1 -1
  204. package/lib/avatar/AvatarUser/AvatarUser.js +1 -1
  205. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.js +2 -2
  206. package/lib/deprecated/FreezeLayer/FreezeLayer.js +3 -3
  207. package/lib/deprecated/SelectDropdown/SelectDropdown.js +7 -7
  208. package/lib/dot_layer.module.css +1 -0
  209. package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +14 -14
  210. package/lib/emptystate/EditionPage/EditionPage.js +1 -1
  211. package/lib/errorstate/Inconvenience/Inconvenience.js +3 -3
  212. package/lib/errorstate/NoRequestFound/NoRequestFound.js +3 -3
  213. package/lib/errorstate/PermissionPlay/PermissionPlay.js +3 -3
  214. package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +3 -3
  215. package/lib/errorstate/UnableToProcess/UnableToProcess.js +3 -3
  216. package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +3 -3
  217. package/lib/errorstate/WillBack/WillBack.js +3 -3
  218. package/lib/form/fields/CheckBoxField/CheckBoxField.js +3 -3
  219. package/lib/form/fields/CurrencyField/CurrencyField.js +3 -3
  220. package/lib/form/fields/DateField/DateField.js +3 -3
  221. package/lib/form/fields/FieldContainer/FieldContainer.js +1 -1
  222. package/lib/form/fields/Fields.module.css +4 -0
  223. package/lib/form/fields/MultiSelectField/MultiSelectField.js +3 -3
  224. package/lib/form/fields/PhoneField/PhoneField.js +3 -2
  225. package/lib/form/fields/PhoneField/__tests__/__snapshots__/PhoneField.spec.js.snap +1 -1
  226. package/lib/form/fields/RadioField/RadioField.js +2 -2
  227. package/lib/form/fields/SelectField/SelectField.js +3 -3
  228. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +11 -11
  229. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +3 -3
  230. package/lib/form/fields/TextBoxField/TextBoxField.js +3 -3
  231. package/lib/form/fields/TextEditor/TextEditor.js +1 -1
  232. package/lib/form/fields/TextEditorField/TextEditorField.js +1 -1
  233. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.js +2 -2
  234. package/lib/form/fields/TextareaField/TextareaField.js +3 -3
  235. package/lib/form/fields/ValidationMessage/ValidationMessage.js +2 -2
  236. package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +1 -0
  237. package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +1 -1
  238. package/lib/layout/SubtabLayout/SubtabLayout.js +2 -2
  239. package/lib/list/Comment/Comment.js +1 -1
  240. package/lib/list/Icons/AddNewIcon.js +1 -1
  241. package/lib/list/Icons/CompleteIcon.js +1 -1
  242. package/lib/list/Icons/DeleteIcon.js +1 -1
  243. package/lib/list/Icons/EditIcon.js +1 -1
  244. package/lib/list/Icons/ReadUnreadIcon.js +1 -1
  245. package/lib/list/Icons/SmartIcon.js +1 -1
  246. package/lib/list/ListLayout/ListLayout.js +1 -1
  247. package/lib/list/ListStencils/ListStencils.js +1 -1
  248. package/lib/list/SecondaryText/AccountName.js +1 -1
  249. package/lib/list/SecondaryText/ContactName.js +1 -1
  250. package/lib/list/SecondryPanel/SecondryPanel.js +2 -2
  251. package/lib/list/Thread/Thread.js +1 -1
  252. package/lib/list/status/StatusDropdown/StatusDropdown.js +10 -10
  253. package/lib/list/status/StatusListItem/StatusListItem.js +2 -2
  254. package/lib/lookup/EmptyPage/EmptyPage.js +4 -4
  255. package/lib/lookup/Lookup/Lookup.js +1 -1
  256. package/lib/lookup/Section/Section.js +1 -1
  257. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +1 -1
  258. package/lib/lookup/header/Search/Search.js +3 -3
  259. package/lib/lookup/header/TicketHeader/TicketHeader.js +1 -1
  260. package/lib/lookup/header/ViewDropDown/ViewDropDown.js +9 -9
  261. package/lib/setup/header/Button/Button.js +1 -1
  262. package/lib/setup/header/Link/Link.js +1 -1
  263. package/lib/setup/header/Search/Search.js +1 -1
  264. package/lib/setup/table/Table/Table.js +1 -1
  265. package/lib/setup/table/TableBody/TableBody.js +1 -1
  266. package/lib/setup/table/TableData/TableData.js +1 -1
  267. package/lib/setup/table/TableHead/TableHead.js +1 -1
  268. package/lib/setup/table/TableRow/TableRow.js +1 -1
  269. package/lib/svg/PlusIcon.js +1 -1
  270. package/lib/svg/SnippetIcon.js +1 -1
  271. package/lib/svg/TemplateIcon.js +1 -1
  272. package/lib/v1/dropdown/ToggleDropDown/ToggleDropDown.js +2 -2
  273. package/lib/v1/emptystate/EditionPage/EditionPage.js +1 -1
  274. package/lib/v1/errorstate/Inconvenience/Inconvenience.js +1 -1
  275. package/lib/v1/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +1 -1
  276. package/lib/v1/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +1 -1
  277. package/lib/v1/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +1 -1
  278. package/lib/v1/errorstate/UrlNotFound/UrlNotFound.js +1 -1
  279. package/lib/v1/errorstate/WillBeRightBack/WillBeRightBack.js +1 -1
  280. package/lib/v1/form/fields/TagsMultiSelect/TagsMultiSelect.js +2 -2
  281. package/lib/v1/list/status/StatusDropdown/StatusDropdown.js +2 -2
  282. package/lib/v1/lookup/EmptyPage/EmptyPage.js +4 -4
  283. package/lib/v1/lookup/header/ViewDropDown/ViewDropDown.js +1 -1
  284. package/lib/v1/notification/DesktopNotification/DesktopNotification.js +1 -1
  285. package/lib/v1/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +1 -1
  286. package/lib/v1/svg/PlusIcon.js +1 -1
  287. package/lib/v1/svg/SnippetIcon.js +1 -1
  288. package/lib/v1/svg/TemplateIcon.js +1 -1
  289. package/lib/version2/AlertClose/AlertClose.js +1 -1
  290. package/lib/version2/GlobalNotification/GlobalNotification.js +1 -1
  291. package/lib/version2/errorstate/Inconvenience/Inconvenience.js +3 -3
  292. package/lib/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +3 -3
  293. package/lib/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +3 -3
  294. package/lib/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +3 -3
  295. package/lib/version2/errorstate/UrlNotFound/UrlNotFound.js +3 -3
  296. package/lib/version2/errorstate/WillBeRightBack/WillBeRightBack.js +3 -3
  297. package/lib/version2/lookup/AlertHeader/AlertHeader.js +1 -1
  298. package/lib/version2/lookup/AlertLookup/AlertLookup.js +3 -3
  299. package/lib/version2/notification/DesktopNotification/DesktopNotification.js +4 -4
  300. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +2 -2
  301. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +1 -0
  302. package/package.json +22 -13
  303. package/.cli/MissedPropType_Keys.html +0 -101
  304. package/.cli/PropLessFiles.html +0 -101
  305. package/.cli/PropUnificationExcludeFilesArray.js +0 -345
  306. package/.cli/PropValidationExcludeFilesArray.js +0 -8
  307. package/.cli/ThemeValidationExcludeFiles.js +0 -1
  308. package/.cli/UnValidatedFiles.html +0 -101
  309. package/.cli/propValidation_report.html +0 -182
  310. package/.cli/stringContains.js +0 -1
  311. package/assets/Appearance/dark/themes/blue/blue_DotCTA_DarkModifyCategory.module.css +0 -13
  312. package/assets/Appearance/dark/themes/green/green_DotCTA_DarkModifyCategory.module.css +0 -13
  313. package/assets/Appearance/dark/themes/orange/orange_DotCTA_DarkModifyCategory.module.css +0 -13
  314. package/assets/Appearance/dark/themes/red/red_DotCTA_DarkModifyCategory.module.css +0 -13
  315. package/assets/Appearance/dark/themes/yellow/yellow_DotCTA_DarkModifyCategory.module.css +0 -13
  316. package/assets/Appearance/light/themes/blue/blue_DotCTA_LightModifyCategory.module.css +0 -13
  317. package/assets/Appearance/light/themes/green/green_DotCTA_LightModifyCategory.module.css +0 -13
  318. package/assets/Appearance/light/themes/orange/orange_DotCTA_LightModifyCategory.module.css +0 -13
  319. package/assets/Appearance/light/themes/red/red_DotCTA_LightModifyCategory.module.css +0 -13
  320. package/assets/Appearance/light/themes/yellow/yellow_DotCTA_LightModifyCategory.module.css +0 -13
  321. package/assets/Appearance/pureDark/themes/blue/blue_DotCTA_PureDarkModifyCategory.module.css +0 -13
  322. package/assets/Appearance/pureDark/themes/green/green_DotCTA_PureDarkModifyCategory.module.css +0 -13
  323. package/assets/Appearance/pureDark/themes/orange/orange_DotCTA_PureDarkModifyCategory.module.css +0 -13
  324. package/assets/Appearance/pureDark/themes/red/red_DotCTA_PureDarkModifyCategory.module.css +0 -13
  325. package/assets/Appearance/pureDark/themes/yellow/yellow_DotCTA_PureDarkModifyCategory.module.css +0 -13
  326. package/css_error.log +0 -1
  327. package/images/audio_thumbnail.png +0 -0
  328. package/install.md +0 -12
  329. package/postPublish.js +0 -8
  330. package/prePublish.js +0 -70
  331. package/propValidationArg.json +0 -12
  332. package/react-cli.config.js +0 -24
  333. package/result.json +0 -1
  334. package/unittest/index.html +0 -45
@@ -1,25 +1,25 @@
1
1
  [data-mode='dark'][data-theme='blue'] {
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
3
+ --zdt_freezelayer_darklight_bg: hsla(218, calc(var(--zd-mc) * 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(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
- --zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdt_commonEmptyState_dark_link_hover: hsla(221, 100.00%, calc(57.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
6
+ --zdt_commonEmptyState_dark_title: hsla(0, calc(var(--zd-mc) * 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-mc) * 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-mc) * 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-mc) * 100.00%), calc(57.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
10
10
 
11
11
  /* onboarding */
12
- --zdt_onboarding_primary_gradient_border: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
13
- --zdt_onboarding_secondary_gradient_border: hsla(220, 72.24%, calc(51.96% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
- --zdt_onboarding_gradient_border: hsla(220, 72.24%, calc(51.96% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
12
+ --zdt_onboarding_primary_gradient_border: hsla(212, calc(var(--zd-mc) * 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-mc) * 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-mc) * 72.24%), calc(51.96% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
15
  --zdt_onboarding_primary_button_shadow: rgba(10, 115, 235, 0.25);
16
- --zdt_onboarding_gradient_bg: hsla(213, 27.27%, calc(23.73% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
16
+ --zdt_onboarding_gradient_bg: hsla(213, calc(var(--zd-mc) * 27.27%), calc(23.73% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
17
 
18
18
  /* attachment viewer */
19
- --zdt_attachmentviewer_header_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
20
- --zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
21
- --zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
22
- --zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
19
+ --zdt_attachmentviewer_header_bg: hsla(218, calc(var(--zd-mc) * 22.86%), calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
20
+ --zdt_attachmentviewer_header_border: hsla(218, calc(var(--zd-mc) * 23.08%), calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
21
+ --zdt_attachmentviewer_footer_bg: hsla(218, calc(var(--zd-mc) * 22.86%), calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
22
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(218, calc(var(--zd-mc) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
23
23
 
24
24
  /* loader */
25
25
  --zdt_loader_bg: rgb(71,157,255);
@@ -1,25 +1,25 @@
1
1
  [data-mode='dark'][data-theme='green'] {
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
3
+ --zdt_freezelayer_darklight_bg: hsla(218, calc(var(--zd-mc) * 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(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
- --zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdt_commonEmptyState_dark_link_hover: hsla(128, 79.71%, calc(27.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
6
+ --zdt_commonEmptyState_dark_title: hsla(0, calc(var(--zd-mc) * 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-mc) * 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-mc) * 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-mc) * 79.71%), calc(27.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
10
10
 
11
11
  /* onboarding */
12
- --zdt_onboarding_primary_gradient_border: hsla(133, 62.68%, calc(40.98% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
13
- --zdt_onboarding_secondary_gradient_border: hsla(133, 62.68%, calc(40.98% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
- --zdt_onboarding_gradient_border: hsla(133, 62.68%, calc(40.98% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
12
+ --zdt_onboarding_primary_gradient_border: hsla(133, calc(var(--zd-mc) * 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-mc) * 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-mc) * 62.68%), calc(40.98% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
15
  --zdt_onboarding_primary_button_shadow: rgba(39, 170, 67, 0.25);
16
- --zdt_onboarding_gradient_bg: hsla(191, 21.65%, calc(19.02% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
16
+ --zdt_onboarding_gradient_bg: hsla(191, calc(var(--zd-mc) * 21.65%), calc(19.02% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
17
 
18
18
  /* attachment viewer */
19
- --zdt_attachmentviewer_header_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
20
- --zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
21
- --zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
22
- --zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
19
+ --zdt_attachmentviewer_header_bg: hsla(218, calc(var(--zd-mc) * 22.86%), calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
20
+ --zdt_attachmentviewer_header_border: hsla(218, calc(var(--zd-mc) * 23.08%), calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
21
+ --zdt_attachmentviewer_footer_bg: hsla(218, calc(var(--zd-mc) * 22.86%), calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
22
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(218, calc(var(--zd-mc) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
23
23
 
24
24
  /* loader */
25
25
  --zdt_loader_bg: rgb(69,161,89);
@@ -1,25 +1,25 @@
1
1
  [data-mode='dark'][data-theme='orange'] {
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
3
+ --zdt_freezelayer_darklight_bg: hsla(218, calc(var(--zd-mc) * 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(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
- --zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdt_commonEmptyState_dark_link_hover: hsla(29, 100.00%, calc(32.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
6
+ --zdt_commonEmptyState_dark_title: hsla(0, calc(var(--zd-mc) * 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-mc) * 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-mc) * 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-mc) * 100.00%), calc(32.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
10
10
 
11
11
  /* onboarding */
12
- --zdt_onboarding_primary_gradient_border: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
13
- --zdt_onboarding_secondary_gradient_border: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
- --zdt_onboarding_gradient_border: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
12
+ --zdt_onboarding_primary_gradient_border: hsla(28, calc(var(--zd-mc) * 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-mc) * 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-mc) * 81.75%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
15
  --zdt_onboarding_primary_button_shadow: rgba(229, 119, 23, 0.25);
16
- --zdt_onboarding_gradient_bg: hsla(252, 4.85%, calc(20.20% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
16
+ --zdt_onboarding_gradient_bg: hsla(252, calc(var(--zd-mc) * 4.85%), calc(20.20% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
17
 
18
18
  /* attachment viewer */
19
- --zdt_attachmentviewer_header_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
20
- --zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
21
- --zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
22
- --zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
19
+ --zdt_attachmentviewer_header_bg: hsla(218, calc(var(--zd-mc) * 22.86%), calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
20
+ --zdt_attachmentviewer_header_border: hsla(218, calc(var(--zd-mc) * 23.08%), calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
21
+ --zdt_attachmentviewer_footer_bg: hsla(218, calc(var(--zd-mc) * 22.86%), calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
22
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(218, calc(var(--zd-mc) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
23
23
 
24
24
  /* loader */
25
25
  --zdt_loader_bg: rgb(255,128,31);
@@ -1,25 +1,25 @@
1
1
  [data-mode='dark'][data-theme='red'] {
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
3
+ --zdt_freezelayer_darklight_bg: hsla(218, calc(var(--zd-mc) * 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(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
- --zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdt_commonEmptyState_dark_link_hover: hsla(0, 81.62%, calc(36.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
6
+ --zdt_commonEmptyState_dark_title: hsla(0, calc(var(--zd-mc) * 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-mc) * 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-mc) * 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-mc) * 81.62%), calc(36.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
10
10
 
11
11
  /* onboarding */
12
- --zdt_onboarding_primary_gradient_border: hsla(0, 73.81%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
13
- --zdt_onboarding_secondary_gradient_border: hsla(0, 73.81%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
- --zdt_onboarding_gradient_border: hsla(0, 73.81%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
12
+ --zdt_onboarding_primary_gradient_border: hsla(0, calc(var(--zd-mc) * 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-mc) * 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-mc) * 73.81%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
15
  --zdt_onboarding_primary_button_shadow: rgba(219, 33, 33, 0.25);
16
- --zdt_onboarding_gradient_bg: hsla(258, 12.62%, calc(20.20% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
16
+ --zdt_onboarding_gradient_bg: hsla(258, calc(var(--zd-mc) * 12.62%), calc(20.20% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
17
 
18
18
  /* attachment viewer */
19
- --zdt_attachmentviewer_header_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
20
- --zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
21
- --zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
22
- --zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
19
+ --zdt_attachmentviewer_header_bg: hsla(218, calc(var(--zd-mc) * 22.86%), calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
20
+ --zdt_attachmentviewer_header_border: hsla(218, calc(var(--zd-mc) * 23.08%), calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
21
+ --zdt_attachmentviewer_footer_bg: hsla(218, calc(var(--zd-mc) * 22.86%), calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
22
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(218, calc(var(--zd-mc) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
23
23
 
24
24
  /* loader */
25
25
  --zdt_loader_bg: rgb(233,79,79);
@@ -1,25 +1,25 @@
1
1
  [data-mode='dark'][data-theme='yellow'] {
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
3
+ --zdt_freezelayer_darklight_bg: hsla(218, calc(var(--zd-mc) * 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(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
- --zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdt_commonEmptyState_dark_link_hover: hsla(39, 90.18%, calc(31.96% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
6
+ --zdt_commonEmptyState_dark_title: hsla(0, calc(var(--zd-mc) * 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-mc) * 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-mc) * 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-mc) * 90.18%), calc(31.96% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
10
10
 
11
11
  /* onboarding */
12
- --zdt_onboarding_primary_gradient_border: hsla(43, 90.39%, calc(44.90% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
13
- --zdt_onboarding_secondary_gradient_border: hsla(43, 90.39%, calc(44.90% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
- --zdt_onboarding_gradient_border: hsla(43, 90.39%, calc(44.90% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
12
+ --zdt_onboarding_primary_gradient_border: hsla(43, calc(var(--zd-mc) * 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-mc) * 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-mc) * 90.39%), calc(44.90% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
15
  --zdt_onboarding_primary_button_shadow: rgba(218, 160, 11, 0.25);
16
- --zdt_onboarding_gradient_bg: hsla(218, 7.69%, calc(20.39% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
16
+ --zdt_onboarding_gradient_bg: hsla(218, calc(var(--zd-mc) * 7.69%), calc(20.39% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
17
 
18
18
  /* attachment viewer */
19
- --zdt_attachmentviewer_header_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
20
- --zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
21
- --zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
22
- --zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
19
+ --zdt_attachmentviewer_header_bg: hsla(218, calc(var(--zd-mc) * 22.86%), calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
20
+ --zdt_attachmentviewer_header_border: hsla(218, calc(var(--zd-mc) * 23.08%), calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
21
+ --zdt_attachmentviewer_footer_bg: hsla(218, calc(var(--zd-mc) * 22.86%), calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
22
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(218, calc(var(--zd-mc) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
23
23
 
24
24
  /* loader */
25
25
  --zdt_loader_bg: rgb(215,152,53);